:root{--bg:#131526;--panel:#1f2239;--lime:#dbff7b;--violet:#b39cff;--text:#f8f7ff;--muted:#b0b1ca}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#131526;color:var(--text);font-family:'Trebuchet MS','Segoe UI',sans-serif}button{font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid var(--lime);outline-offset:2px}.game-shell{display:flex;flex-direction:column;width:100%;height:100dvh;min-height:0}.game-hud{height:53px;flex:none;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #35374e;padding:0 19px;gap:9px;background:#1b1d31}.hud-brand{font-size:11px;font-weight:950;letter-spacing:.11em;white-space:nowrap}.hud-brand b{color:var(--lime)}.hud-spark{font-size:16px;color:var(--lime);margin-right:6px}.hud-title{font-size:10px;color:#999cb8;letter-spacing:.15em;font-weight:800}.hud-restart{background:#30334b;color:#f4f4ff;border:1px solid #41455f;border-radius:9px;padding:6px 11px;font-weight:800;font-size:15px}.hud-restart span{font-size:10px;vertical-align:1px}.game-stage{flex:1;min-height:0;overflow:hidden;display:flex;justify-content:center;align-items:center;position:relative;isolation:isolate;background:radial-gradient(circle at 50% 28%,#3430567a,transparent 45%),#151727}.game-stage:after{content:'';position:absolute;pointer-events:none;inset:0;background-image:radial-gradient(#ffffff18 1px,transparent 1px);background-size:24px 24px;opacity:.26;z-index:-1}.game-footer{height:29px;flex:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 19px;color:#888eac;background:#1b1d31;border-top:1px solid #35374e;font-size:9px;letter-spacing:.07em;font-weight:750}.loading{text-align:center;color:#c4c4d6}.game-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;max-width:100%;height:100%;padding:12px;min-height:0}.game-headline{font-size:clamp(18px,2.5vw,27px);font-weight:950;letter-spacing:-.07em;margin:0;text-align:center}.game-sub{font-size:11px;color:#b7b9d2;text-align:center;margin:0}.game-score{font-size:11px;color:#c3c4db;background:#292b45;border:1px solid #414361;border-radius:999px;padding:6px 14px;display:flex;align-items:center;gap:10px;justify-content:center}.game-score strong{color:var(--lime);font-size:14px}.game-btn{background:var(--lime);color:#202431;font-weight:950;border:0;border-radius:10px;padding:11px 18px;font-size:12px}.game-btn:active{transform:scale(.97)}.game-btn-outline{border:1px solid #7c80a3;background:#2e3047;color:#fff}.board-merge{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:10px;border-radius:16px;background:#34334b;width:min(65vh,86vw,335px);height:min(65vh,86vw,335px);aspect-ratio:1}.merge-cell{border-radius:9px;display:grid;place-items:center;font-size:clamp(17px,4vw,29px);font-weight:950;background:#23283e;transition:background .08s;color:#f2efff}.merge-cell[data-v="2"]{background:#ece6ff;color:#444464}.merge-cell[data-v="4"]{background:#b7adf6;color:#323453}.merge-cell[data-v="8"]{background:#ffc18f;color:#503733}.merge-cell[data-v="16"]{background:#fa93a4;color:#4a2948}.merge-cell[data-v="32"]{background:#ff738c;color:#3a203a}.merge-cell[data-v="64"]{background:#efc762;color:#443724}.merge-cell[data-v="128"],.merge-cell[data-v="256"],.merge-cell[data-v="512"],.merge-cell[data-v="1024"],.merge-cell[data-v="2048"]{background:#d9fa87;color:#30382c}.board-memory{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:min(65vh,87vw,355px);aspect-ratio:1}.memory-cell{background:#6e60ba;border:2px solid #a898e8;border-radius:13px;color:#dcff83;font-size:clamp(20px,5vw,31px);font-weight:900;transition:background .2s,transform .2s}.memory-cell.flipped{background:#e6e3fb;color:#38356c;transform:rotateY(8deg)}.memory-cell.matched{background:#c8f58a;color:#323e35;border-color:#dfff99}.game-canvas{border:2px solid #414465;border-radius:16px;background:#171b30;max-height:100%;max-width:100%;touch-action:none;box-shadow:0 14px 30px #09091455}.canvas-frame{display:flex;align-items:center;justify-content:center;position:relative;min-height:0;flex:1;width:100%;max-width:730px}.canvas-frame canvas{width:auto;height:auto;max-height:100%;max-width:100%;aspect-ratio:1}.dodge-frame canvas{aspect-ratio:3/2}.dpad{display:none;gap:12px}.dpad button{padding:7px 18px;font-size:19px;background:#444760;border:1px solid #6a6d8f;border-radius:10px;color:white}.board-tic{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:min(62vh,84vw,300px);aspect-ratio:1}.tic-cell{border:1px solid #68678e;border-radius:13px;background:#302f4e;color:#e4f98c;font-size:clamp(28px,7vw,62px);font-weight:950}.tic-cell.player-o{color:#fca3c2}.tic-cell:disabled{cursor:default}.bubble-area{position:relative;width:min(89vw,660px);height:min(53vh,300px);border-radius:21px;overflow:hidden;border:2px solid #43466c;background:radial-gradient(circle at 40% 40%,#534b94aa,transparent 65%),#27284a;touch-action:manipulation}.bubble{position:absolute;border-radius:50%;border:2px solid #ffffff99;box-shadow:inset -8px -12px 15px #ffffff24,inset 8px 12px 15px #ffffff44,0 8px 19px #0b0d2555;animation:bubbleUp .35s backwards;touch-action:manipulation}.bubble:after{content:'';position:absolute;width:23%;height:14%;top:22%;left:20%;transform:rotate(-30deg);background:#ffffff9c;border-radius:50%}@keyframes bubbleUp{from{transform:scale(.2)}to{transform:scale(1)}}.reaction-target{width:min(55vh,70vw,290px);height:min(55vh,70vw,290px);border-radius:50%;border:14px solid #6f689e;background:#493f79;display:grid;place-items:center;text-align:center;box-shadow:0 0 0 14px #7c68bd20,0 0 50px #41368070;color:#fff;font-weight:950;font-size:clamp(20px,4vw,30px);padding:16px;transition:background .1s,border .1s;user-select:none}.reaction-target.ready{background:#8dea9e;color:#1d3f32;border-color:#cafa9a}.reaction-target.early{background:#ffb5ab;color:#47262d;border-color:#f18d96}.word-tiles{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.word-tile{width:clamp(43px,8vh,58px);height:clamp(45px,8vh,58px);border-radius:12px;background:#bcadff;color:#26223b;border:2px solid #d7ccff;font-size:25px;font-weight:950}.word-tile:disabled{opacity:.28;cursor:default}.word-slot{display:grid;place-items:center;font-size:24px;font-weight:950;color:#d8ff93;background:#393b5b;border-bottom:3px solid #bdcba4;width:clamp(35px,7vh,53px);height:clamp(39px,8vh,58px);border-radius:9px}.word-slots{display:flex;gap:7px;justify-content:center}.word-hint{font-size:12px;color:#d0c4fc;text-align:center}.game-toast{color:var(--lime);font-size:13px;min-height:18px;font-weight:850;text-align:center}.game-overlay{position:absolute;inset:0;background:#111329cc;backdrop-filter:blur(5px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:4;gap:14px;text-align:center;padding:22px}.game-overlay h2{font-size:clamp(26px,6vw,40px);margin:0;letter-spacing:-.05em}.game-overlay p{color:#c2c6e5;margin:0;font-size:13px}.game-overlay .game-btn{padding:12px 22px}.game-bignum{font-size:40px;letter-spacing:-.06em;font-weight:950;color:var(--lime)}
@media(max-height:510px){.game-hud{height:39px}.game-footer{height:20px}.game-center{gap:5px;padding:6px}.game-headline{font-size:18px}.game-score{padding:2px 9px}.game-btn{padding:6px 14px}.board-merge,.board-memory{width:min(68vh,275px);height:min(68vh,275px)}.game-canvas{max-height:100%}.reaction-target{width:min(55vh,220px);height:min(55vh,220px)}}
@media(max-width:520px){.game-hud{height:46px;padding:0 10px}.hud-title{display:none}.game-footer{font-size:8px;padding:0 10px}.game-footer span:last-child{display:none}.dpad{display:flex}.game-center{gap:9px}.game-score{font-size:10px}.game-canvas{max-height:100%}}