:root{color-scheme:dark;--accent:#a470fa;--bg:#10101e;--card:#25243b;color:#f9f2ff;font-family:ui-rounded,"Hiragino Kaku Gothic ProN","Yu Gothic",system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 48% 22%,#312640,#171626 63%,#100f1c);min-height:100svh;-webkit-tap-highlight-color:transparent}
button{font:inherit;cursor:pointer;color:inherit}button:focus-visible{outline:3px solid #ffe8ad;outline-offset:3px}[hidden]{display:none!important}
.wrap{max-width:720px;margin:auto;min-height:100svh;padding:14px clamp(11px,3vw,24px) max(18px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:11px}
.head{display:flex;justify-content:space-between;align-items:center;gap:10px}.brand{display:flex;align-items:center;gap:12px}.logo{width:57px;height:57px;display:grid;place-items:center;font-size:31px;border-radius:17px;background:linear-gradient(135deg,var(--accent),#27223e);box-shadow:0 6px 22px #0006}.brand h1{margin:0;font-size:clamp(20px,5.8vw,29px);letter-spacing:-.065em}.brand p{margin:2px 0;font-size:10px;letter-spacing:.05em;color:#bbaac8;font-weight:750}.sound{min-width:46px;height:46px;border:1px solid #ffffff28;background:#ffffff13;border-radius:15px;color:#ffd6af;font-size:24px}
.scores{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:8px}.stat{border:1px solid #ffffff17;background:#ffffff0d;border-radius:16px;padding:11px 6px;text-align:center;min-width:0}.stat small{display:block;color:#aba0c1;font-size:10px;font-weight:900;letter-spacing:.12em}.stat strong{display:block;white-space:nowrap;font-size:clamp(20px,5.5vw,29px);font-weight:1000;font-variant-numeric:tabular-nums;color:#fff;letter-spacing:-.055em}.stat:first-child strong{color:#ffc9a7}
.message{text-align:center;color:#ffd1ec;font-size:13px;min-height:24px;line-height:1.6;font-weight:900}
.arena{position:relative;flex:1;min-height:clamp(385px,58svh,625px);border:2px solid #ffffff26;border-radius:27px;background:linear-gradient(152deg,#30263eee,#171727f7);padding:clamp(10px,3vw,18px);display:flex;align-items:stretch;justify-content:center;box-shadow:0 14px 48px #0008,inset 0 0 50px #a16ad60a;overflow:hidden;touch-action:pan-y}
.board{width:100%;min-height:calc(clamp(385px,58svh,625px) - 36px);position:relative}
.board button{user-select:none;-webkit-user-select:none;touch-action:manipulation}
.slime-grid,.flood-grid,.memory-grid,.merge-grid,.domino-grid{display:grid;gap:7px;align-content:stretch;grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-template-rows:repeat(var(--rows),minmax(0,1fr))}
.slime-grid{--cols:6;--rows:7;touch-action:none}.tile{min-height:0;min-width:0;border:0;border-radius:31%;font-size:clamp(21px,6vw,37px);background:#ffffff10;box-shadow:0 5px 0 #0005;transition:transform .1s}.tile:active{transform:scale(.87)}
.color-0{background:#64bba3}.color-1{background:#9475d8}.color-2{background:#f6ab68}.color-3{background:#66a7e8}.color-4{background:#f26e9c}
.slime-grid .tile.color-0{background:linear-gradient(145deg,#9afaad,#337a54)}.slime-grid .tile.color-1{background:linear-gradient(145deg,#c6b6ff,#7556af)}.slime-grid .tile.color-2{background:linear-gradient(145deg,#ffdc9f,#d8834b)}.slime-grid .tile.color-3{background:linear-gradient(145deg,#a9e5ff,#427eaf)}
.tower-board{display:grid;place-items:center;touch-action:manipulation}.tower-space{position:absolute;inset:8% 3%;border-bottom:8px solid #fee1b2;background:repeating-linear-gradient(0deg,#ffffff07 0 2px,transparent 2px 13%);overflow:hidden}.brick{position:absolute;height:6%;border-radius:6px;border:2px solid #fff7;background:linear-gradient(180deg,#ffd09b,#f78a61);box-shadow:0 4px #b3426866}.brick:nth-child(3n){background:linear-gradient(#e0c7ff,#9a7bff)}.brick.moving{background:linear-gradient(#ffefa9,#ff9d60);filter:drop-shadow(0 0 10px #ffd192);z-index:2}
.flood-grid{--cols:8;--rows:8;gap:3px}.flood-cell{border-radius:6px;box-shadow:inset 0 1px 2px #fff2}.flood-cell.owned{box-shadow:inset 0 0 0 3px #ffffff82,0 0 10px #ffffff55}
.memory-grid{--cols:4;--rows:4;gap:9px}.memory-card{border:2px solid #baa6ed50;background:linear-gradient(145deg,#7356a5,#342e67);border-radius:18px;font-size:clamp(22px,6vw,39px);font-weight:1000;box-shadow:0 5px 0 #18112c}.memory-card.revealed{background:linear-gradient(125deg,#fff0bd,#ffd7ec);color:#482453}.memory-card.matched{background:#a4ffcf;border-color:#eaffde;opacity:.85}
.merge-grid{--cols:4;--rows:4;gap:10px;touch-action:none}.merge-cell{border-radius:16px;display:grid;place-items:center;background:#ffffff10;font-weight:1000;font-size:clamp(22px,7vw,44px);color:#fff}.merge-cell:not(.v0){background:linear-gradient(145deg,#ffd09a,#f9809f);color:#33182c;box-shadow:0 5px #772c5550}.merge-cell.v2{background:#f2dfc7}.merge-cell.v4{background:#e9cdff}.merge-cell.v8{background:#ffbd96}.merge-cell.v16{background:#ff93a1}.merge-cell.v32,.merge-cell.v64{background:#ff6a82}.merge-cell.v128,.merge-cell.v256,.merge-cell.v512{background:#f7bd60}.merge-cell.v1024,.merge-cell.v2048{background:#ffefa2}
.cat-board{display:flex;gap:5px}.cat-lane{position:relative;min-width:0;flex:1;border:1px solid #ffffff27;border-radius:14px;background:linear-gradient(180deg,#34436a22,#8f4e6a33);overflow:hidden;padding:0}.cat-lane:active{background:#ffd1a747}.catch-zone{position:absolute;left:0;bottom:0;width:100%;height:20%;display:grid;place-items:center;border-top:3px dashed #ffffff60;font-size:clamp(19px,5vw,35px);background:#ffda9977}.falling-cat{position:absolute;left:50%;transform:translateX(-50%);font-size:clamp(23px,7vw,45px);filter:drop-shadow(0 5px 7px #0008);white-space:nowrap;pointer-events:none}
.domino-grid{--cols:7;--rows:7;gap:5px}.domino-cell{min-width:0;min-height:0;background:#ffffff13;border:1px solid #ffffff2b;border-radius:9px;color:#aaaaaf;font-size:clamp(17px,4.8vw,30px);font-weight:1000}.domino-cell.placed{background:#6ac3ae88;color:#fff;box-shadow:0 5px #377d70}.domino-cell.origin{background:#ffbb6f;color:#462124}.domino-cell.reached{background:#ffd674;color:#42242f;box-shadow:0 0 16px #ffe28ac9}
.tool-area{text-align:center;min-height:58px}.help{font-size:11px;color:#bcb0ca;font-weight:800;line-height:1.6}.color-controls,.move-buttons{display:flex;align-items:center;justify-content:center;gap:11px;margin-bottom:7px}.color-choice{width:47px;height:47px;border:3px solid #ffffff77;border-radius:14px;box-shadow:0 5px #0004}.color-choice:disabled{opacity:.36}.move{width:52px;height:42px;background:#6b4e91;border:1px solid #ffffff40;border-radius:12px;font-size:24px;font-weight:900}
.buttons{display:flex;gap:9px}.buttons button{min-height:53px;border-radius:14px;font-size:13px;font-weight:950}.primary{flex:1.2;background:linear-gradient(120deg,var(--accent),#ef65a4);color:#1d1530;border:0;box-shadow:0 5px #52163b}.secondary{flex:1;background:#28263d;border:1px solid #ffffff2d;color:#e6daff}
.record{text-align:center;color:#968eab;font-size:11px;font-weight:800}.end-notice{padding:7px;text-align:center;border-radius:12px;color:#ffe5a9;background:#633b5359;font-weight:1000}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
body[data-fever="true"] .arena{border-color:#ffe39eaa;box-shadow:0 0 26px #ef789c88,inset 0 0 50px #ffac4d19}
footer{text-align:center;font-size:10px;color:#988ba5;padding-bottom:4px}
@media(max-width:380px){.wrap{gap:8px;padding:9px}.arena{padding:8px;min-height:55svh}.board{min-height:calc(55svh - 18px)}.memory-grid,.merge-grid{gap:7px}.slime-grid,.domino-grid{gap:4px}.brand h1{font-size:21px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

.amazon-promo[hidden]{display:none!important}
.amazon-promo{max-width:710px;margin:14px auto 25px;padding:14px;border-radius:16px;background:#fff;color:#4b4257;border:1px solid #ded8e6}
.amazon-promo .ad-label{font-size:10px;display:inline-block;font-weight:900;background:#eee2f7;padding:3px 10px;border-radius:7px;margin-bottom:8px}
.amazon-promo img,.amazon-promo picture{display:block;max-width:100%;width:100%;height:auto;border-radius:10px}
.amazon-promo p{font-size:10px;line-height:1.5;color:#787086}