.g5{--txt:#eef0fb;--txt2:#a9b0d6;--line:#dce4ff24;--gold:#e8b44f;--coral:#ef7a5c;--cyan:#7fd6e8;min-height:100dvh;color:var(--txt);background:radial-gradient(1.4px 1.4px at 12% 8%,#dfe6ff 50%,#0000 51%),radial-gradient(1px 1px at 22% 30%,#dfe6ff 50%,#0000 51%),radial-gradient(1.6px 1.6px at 78% 12%,#dfe6ff 50%,#0000 51%),radial-gradient(1px 1px at 88% 34%,#dfe6ff 50%,#0000 51%),radial-gradient(1.2px 1.2px at 6% 52%,#dfe6ff 50%,#0000 51%),radial-gradient(1px 1px at 94% 60%,#dfe6ff 50%,#0000 51%),radial-gradient(620px 420px at 50% 0,#22307a 0,#0000 75%),linear-gradient(#0e1640,#0a0f28);font-family:Manrope,system-ui,sans-serif;position:relative;overflow:hidden}.g5 button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.g5 :focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.g5 .g-m{color:var(--cyan)}.g5 .g-f{color:var(--coral)}.g5 .q-round{border:1px solid var(--line);color:var(--txt);background:#eef0fb14}.g5-sky{pointer-events:none;position:absolute;inset:0}.g5-sky i{border-radius:50%;animation:7s ease-in-out infinite g5-bob;position:absolute}.g5-sky .gold{background:radial-gradient(circle at 34% 30%,#fff3cf 0,#e8b44f 40%,#7a5714 100%);width:120px;height:120px;top:22%;left:9%}.g5-sky .coral{background:radial-gradient(circle at 34% 30%,#ffd9cc 0,#ef7a5c 45%,#7a2d1d 100%);width:84px;height:84px;animation-duration:9s;top:46%;right:10%}.g5-sky .cyan{background:radial-gradient(circle at 34% 30%,#e9fbff 0,#7fd6e8 45%,#1d5a74 100%);width:40px;height:40px;animation-delay:-3s;top:14%;right:18%}.g5-sky .pearl{background:radial-gradient(circle at 34% 30%,#fff 0,#f3efe6 35%,#a7a9c6 80%,#5d6390 100%);width:46px;height:58px;animation-delay:-5s;top:64%;left:16%}.g5-sky .pearl.small{width:26px;height:26px;animation-delay:-1s;top:76%;left:auto;right:7%}@keyframes g5-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@media (width<=899px){.g5-sky{display:none}}.g5-col{flex-direction:column;max-width:520px;min-height:100dvh;margin:0 auto;padding:16px 8px 12px;display:flex;position:relative}.g5-top{align-items:center;gap:12px;padding:0 8px;display:flex}.g5-round{border:1px solid var(--line);width:44px;height:44px;color:var(--txt);background:#eef0fb14;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.g5-round svg{width:20px;height:20px}.g5-top h1{margin:0;font-family:Syne,sans-serif;font-size:28px;font-weight:800;line-height:1}.g5-top h1 small{letter-spacing:.18em;text-transform:uppercase;color:var(--cyan);margin-top:4px;font-family:Manrope,sans-serif;font-size:11px;font-weight:700;display:block}.g5-top .g5-round:last-child{margin-left:auto}.g5-rows{flex-direction:column;gap:8px;margin:18px auto 0;display:flex}.g5-row{grid-template-columns:repeat(5,54px);justify-content:center;gap:10px;display:grid}.g5-row b{border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;font-family:Syne,sans-serif;font-size:22px;font-weight:800;display:flex}.g5-row b.g{color:#2a1d02;background:radial-gradient(circle at 34% 30%,#fff3cf 0,#e8b44f 40%,#7a5714 100%)}.g5-row b.c{color:#2b0c05;background:radial-gradient(circle at 34% 30%,#ffd9cc 0,#ef7a5c 45%,#7a2d1d 100%)}.g5-row b.x{color:#7d86bd;background:radial-gradient(circle at 34% 30%,#4a5596 0,#27306a 55%,#151b45 100%)}.g5-row b.p{color:#0b1230;background:radial-gradient(circle at 34% 30%,#fff 0,#f3efe6 35%,#a7a9c6 80%,#5d6390 100%);animation:.14s ease-out g5-pop}.g5-row b.e{border:1.5px dashed #dce4ff38}.g5-row b.cur{border:2px solid var(--cyan);box-shadow:0 0 18px #7fd6e873}.g5-row.reveal b{animation:.5s both g5-turn}.g5-row.shake{animation:.35s ease-in-out q-shake}@keyframes g5-pop{0%{transform:scale(.82)}to{transform:none}}@keyframes g5-turn{0%{transform:rotateX(90deg)scale(.7)}60%{transform:rotateX(0)scale(1.08)}to{transform:none}}.g5-legend{color:var(--txt2);justify-content:center;gap:14px;margin:16px 12px 0;font-size:12px;display:flex}.g5-legend i{vertical-align:-1px;border-radius:50%;width:12px;height:12px;margin-right:6px;display:inline-block}.g5-seen{flex-wrap:wrap;justify-content:center;gap:8px;margin:14px 12px 0;display:flex}.g5-seen span{color:var(--txt2);border:1px solid var(--line);background:#eef0fb0d;border-radius:999px;padding:5px 12px;font-size:13px}.g5-seen b{color:var(--txt);margin-right:6px;font-family:Syne,sans-serif}.g5-toast{z-index:10;background:var(--txt);color:#0b1230;border-radius:999px;padding:10px 16px;font-size:14px;font-weight:800;position:fixed;top:90px;left:50%;transform:translate(-50%)}.g5-result{text-align:center;border:1px solid var(--line);background:linear-gradient(#1c265eeb,#121a44eb);border-radius:22px;margin:18px 8px 0;padding:18px 20px;animation:.4s ease-out both q-rise;box-shadow:0 30px 60px -30px #000c}.g5-result .kick{letter-spacing:.22em;text-transform:uppercase;color:var(--cyan);margin:0;font-size:12px;font-weight:800}.g5-result .word{justify-content:center;align-items:center;gap:12px;margin-top:6px;display:flex}.g5-result .word b{font-family:Syne,sans-serif;font-size:40px;font-weight:800;line-height:1.1}.g5-result .mean{margin:2px 0 0;font-size:18px}.g5-result .note{color:var(--txt2);margin:6px 0 0;font-size:14px}.g5-result .acts{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:14px;display:flex}.g5-btn{background:var(--gold);border:0;border-radius:999px;align-items:center;gap:8px;padding:12px 20px;font-size:15px;font-weight:800;text-decoration:none;display:inline-flex;box-shadow:0 0 0 5px #e8b44f29;color:#1a1405!important}.g5-btn svg{width:16px;height:16px}.g5-btn.ghost{border:1px solid var(--line);box-shadow:none;background:0 0;color:var(--txt)!important}.g5-link{color:var(--txt2);font-size:14px;font-weight:700}.g5-keys{flex-direction:column;gap:8px;margin-top:auto;padding-top:18px;display:flex}.g5-keys div{justify-content:center;gap:5px;display:flex}.g5-keys button{min-width:0;height:50px;color:var(--txt);background:#2b3576;border:0;border-radius:10px;flex:0 33px;font-size:16px;font-weight:800}.g5-keys button:active{filter:brightness(1.2);transform:translateY(1px)}.g5-keys button.g{background:var(--gold);color:#2a1d02}.g5-keys button.c{background:var(--coral);color:#2b0c05}.g5-keys button.x{color:#5c648f;background:#151b45}.g5-keys button.wide{letter-spacing:.06em;flex-basis:58px;justify-content:center;align-items:center;font-size:12px;display:flex}.g5-keys button.wide svg{width:20px;height:20px}.g5-stats{border:1px solid var(--line);background:linear-gradient(#1c265eeb,#121a44eb);border-radius:22px;margin:22px 8px 0;padding:20px 22px}.g5-stats .nums{color:var(--txt2);gap:30px;font-size:13px;display:flex}.g5-stats .nums b{color:var(--txt);font-family:Syne,sans-serif;font-size:34px;line-height:1.1;display:block}.g5-stats h2{letter-spacing:.2em;text-transform:uppercase;color:var(--cyan);margin:20px 0 10px;font-family:Manrope,sans-serif;font-size:12px;font-weight:800}.g5-stats ol{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.g5-stats li{align-items:center;gap:10px;display:flex}.g5-stats li span{width:14px;font-weight:800}.g5-stats li i{text-align:right;background:#2b3576;border-radius:999px;min-width:30px;padding:2px 10px;font-size:13px;font-style:normal;font-weight:800;display:block}@media (width>=700px){.g5-col{padding-top:28px}.g5-row{grid-template-columns:repeat(5,62px);gap:12px}.g5-row b{width:62px;height:62px;font-size:26px}.g5-keys button{flex-basis:42px;height:56px}.g5-keys button.wide{flex-basis:70px}}@media (width<=370px){.g5-row{grid-template-columns:repeat(5,48px);gap:8px}.g5-row b{width:48px;height:48px;font-size:20px}}@media (height<=700px) and (width<=600px){.g5-rows{gap:6px;margin-top:12px}.g5-row b{width:46px;height:46px;font-size:19px}.g5-row{grid-template-columns:repeat(5,46px)}.g5-keys button{height:44px}}@media (prefers-reduced-motion:reduce){.g5-sky i,.g5-row.reveal b,.g5-row b.p,.g5-result{animation:none}}