:root{color-scheme:dark;--accent:#34dbfa;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:#09051a;color:#f6f2ff;font-size:16px}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:radial-gradient(ellipse at 10% 0%,#35134888,transparent 70%)}a{color:inherit;text-decoration:none}button,select{font:inherit}button{color:inherit;background:#281937;border:1px solid #4a345e;border-radius:7px;padding:10px 15px;min-height:42px;cursor:pointer;touch-action:manipulation}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible,canvas:focus-visible{outline:3px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:70px;padding:16px max(20px,calc((100vw - 1160px)/2));border-bottom:1px solid #30203f;background:#0b061d}.topbar>a:first-child{font-size:14px;color:#c4b1d6}.brand{font-weight:950;letter-spacing:-.6px}.brand em{color:#ff238b;font-style:normal}.arcade-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(240px,300px);gap:30px;max-width:1160px;padding:0 20px;margin:28px auto}.play-panel{min-width:0}.game-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.game-heading small{color:var(--accent);letter-spacing:1.5px;font-size:12px;text-transform:uppercase}.game-heading h1{margin:4px 0 0;font-size:32px;line-height:1.2}.header-actions{display:flex;gap:8px}.header-actions button{font-size:14px;padding:8px 12px}.hud{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;background:#1b102e;border:1px solid #3b2852;border-bottom:0;border-radius:12px 12px 0 0;padding:13px 18px}.hud>div{display:grid;gap:4px}.hud>div:last-child{text-align:right}.hud>div:nth-child(2){text-align:center}.hud span{font-size:12px;color:#c2add3}.hud strong{font-size:25px;color:var(--accent);font-variant-numeric:tabular-nums}.arena{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:1;background:#0e0922;border:1px solid #39264b;overflow:hidden;isolation:isolate}.arena canvas{display:block;width:100%;height:100%;touch-action:none;outline-offset:-3px}.controls{display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:16px}.controls button{font-size:14px}.controls label{font-size:14px;color:#c6b6d7;display:flex;align-items:center;gap:8px}.controls select{padding:9px;border:1px solid #523761;border-radius:6px;background:#21142e;color:#fff;max-width:160px}.game-status{font-size:14px;text-align:center;color:#c9b9d8;min-height:42px;line-height:1.5;margin:12px 0}.side-panel{background:#130c25;border:1px solid #352447;border-top:3px solid var(--accent);padding:24px;border-radius:10px;align-self:start}.game-badge{font-size:44px;line-height:1;color:var(--accent);font-weight:900;margin:0 0 24px}.side-panel h2{font-size:18px;margin:0 0 10px}.side-panel p{font-size:14px;color:#c4b3d3;line-height:1.7;margin:0}.control-hint{font-size:13px;line-height:1.7;border:1px solid #40314e;border-radius:7px;padding:12px;margin-top:18px;color:#eee2f8}.tip{border-top:1px solid #392348;padding-top:22px;margin-top:22px}.tip>span{font-size:11px;letter-spacing:1.5px;color:var(--accent)}.tip p{margin-top:8px}.more-games{margin-top:24px}.more-games h2{font-size:15px}.more-games nav{display:grid;grid-template-columns:1fr 1fr;gap:7px}.more-games a{padding:9px 6px;background:#211330;border:1px solid #392348;border-radius:6px;font-size:12px;text-align:center}.more-games a:hover{border-color:var(--accent)}.side-panel .local-note{font-size:12px;color:#a28bba;margin-top:24px}.overlay{position:absolute;inset:0;z-index:10;display:grid;place-items:center;padding:24px;background:#0c061de8;backdrop-filter:blur(6px)}.overlay-card{text-align:center;max-width:390px}.overlay-card>span{font-size:50px;color:var(--accent)}.overlay h2{font-size:34px;margin:12px 0}.overlay p{color:#c6b4d7;font-size:16px;line-height:1.6}.overlay button{display:block;min-width:180px;margin:24px auto 16px}.primary{background:#e81877;border-color:#ff3299;font-weight:750}.overlay a{font-size:14px;color:#b49bc6}.game-grid{width:100%;height:100%;display:grid;gap:12px;padding:18px;touch-action:manipulation}.game-grid button{min-width:0;min-height:0;padding:0;position:relative;border-radius:10px}.merge-grid{grid-template:repeat(4,1fr)/repeat(4,1fr);touch-action:none;user-select:none}.merge-tile{display:grid;place-items:center;border:1px solid #3b2557;background:#201232;border-radius:10px;font-size:clamp(25px,5vw,56px);font-weight:850;transition:background .13s,transform .13s}.merge-tile[data-value="0"]{color:transparent}.merge-tile.fresh{animation:pop .18s ease-out}.pairs-grid{grid-template:repeat(4,1fr)/repeat(4,1fr)}.pair-card{background:linear-gradient(140deg,#28204c,#14233e);font-size:clamp(26px,5vw,55px);color:#8e77b0;border:2px solid #4e3966;transition:background .15s,transform .15s}.pair-card.revealed{background:#3c2258;color:#ffe38e;transform:scale(.97);border-color:#ddb266}.pair-card.matched{background:#123b36;border-color:#54cfa4;color:#9af9ce}.pair-card.matched:after{content:'✓';position:absolute;right:7px;bottom:4px;font-size:14px;color:#94e8bd}.lights-grid button{background:#191226;border:2px solid #342643;box-shadow:inset 0 0 12px #0004;transition:background .16s,box-shadow .16s}.lights-grid button.lit{background:#64e5b2;border-color:#aeffe0;box-shadow:0 0 18px #55ddaa55;color:#073e31}.lights-grid button span{font-size:clamp(18px,3vw,33px);opacity:.85}.lights-grid button.hinted{outline:4px solid #ffce56;outline-offset:-5px}.ocean-grid{gap:6px;padding:12px}.ocean-grid button{background:linear-gradient(145deg,#143853,#0b213b);border:1px solid #265a76;font-size:clamp(17px,4vw,40px);line-height:1;border-radius:9px;transition:transform .15s,opacity .15s}.ocean-grid button.selected{outline:3px solid #ffd558;outline-offset:-3px;transform:scale(.93)}.ocean-grid button.hinted{box-shadow:inset 0 0 0 3px #55efbd}.ocean-grid button.popping{transform:scale(.65);opacity:.2}.ocean-grid.large{gap:3px;padding:7px}.ocean-grid.large button{font-size:clamp(17px,3.5vw,34px);border-radius:6px}@keyframes pop{from{transform:scale(.85)}to{transform:scale(1)}}@media(max-width:780px){.arcade-layout{grid-template-columns:1fr;max-width:660px;padding:0 12px;gap:20px;margin-top:20px}.topbar{min-height:58px;padding:13px 15px}.brand{font-size:14px}.game-heading h1{font-size:27px}.game-heading small{font-size:10px}.game-heading{margin-bottom:14px}.header-actions button{font-size:12px;padding:8px 10px}.hud{padding:11px 12px}.hud strong{font-size:23px}.hud span{font-size:10px}.game-grid{gap:8px;padding:12px}.ocean-grid{gap:4px;padding:7px}.merge-tile{font-size:clamp(25px,8vw,50px)}.pair-card{font-size:clamp(26px,9vw,46px)}.overlay{padding:15px}.overlay h2{font-size:27px}.overlay p{font-size:14px}.side-panel{padding:20px}.game-status{font-size:13px}.controls{margin-top:12px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media(min-width:781px){.play-panel{width:100%;max-width:max(360px,calc(100dvh - 330px));justify-self:center}.arcade-layout{grid-template-columns:minmax(0,700px) minmax(240px,300px)}}