:root{--bg: #120a2e;--bg2: #1b1140;--panel: #241654;--panel2: #2e1c66;--ink: #f3efff;--muted: #b6a9e0;--accent: #7c5cff;font-family:"Baloo 2",Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1200px 600px at 50% -10%,#2a1a63 0%,var(--bg) 60%);color:var(--ink);-webkit-tap-highlight-color:transparent;overscroll-behavior:none}.app{min-height:100%;display:flex;flex-direction:column;max-width:760px;margin:0 auto;padding:0 16px}.header{display:flex;align-items:center;justify-content:space-between;padding:16px 4px 8px}.logo{display:flex;align-items:center;gap:10px;background:none;border:0;color:var(--ink);font-size:22px;font-weight:600;cursor:pointer}.logo b{color:#ffd83d}.logo-badge{font-size:26px;filter:drop-shadow(0 2px 6px rgba(124,92,255,.6))}.back-btn{background:var(--panel);color:var(--ink);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:8px 16px;font-size:15px;font-weight:600;cursor:pointer}.back-btn:active{transform:scale(.96)}.hero{text-align:center;padding:14px 0 22px}.hero h1{margin:0 0 6px;font-size:clamp(26px,7vw,40px);background:linear-gradient(90deg,#ffd83d,#ff5d8f,#7c5cff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{margin:0;color:var(--muted);font-size:16px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;padding-bottom:24px}.game-card{--accent: #7c5cff;position:relative;text-align:left;display:flex;flex-direction:column;gap:6px;background:linear-gradient(160deg,var(--panel2),var(--panel));border:1px solid rgba(255,255,255,.08);border-top:3px solid var(--accent);border-radius:18px;padding:16px 14px 14px;color:var(--ink);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease;box-shadow:0 6px 18px #00000040}.game-card:hover{transform:translateY(-3px);box-shadow:0 10px 26px #00000059}.game-card:active{transform:scale(.98)}.card-emoji{font-size:38px;line-height:1;filter:drop-shadow(0 3px 6px rgba(0,0,0,.4))}.card-emoji.small{font-size:26px}.card-title{font-size:18px;font-weight:700}.card-blurb{font-size:13px;color:var(--muted);line-height:1.3;flex:1}.card-best{font-size:12px;font-weight:700;color:var(--accent);background:#ffffff0f;border-radius:999px;padding:4px 10px;align-self:flex-start}.game-view{--accent: #7c5cff;padding-bottom:20px}.game-head{display:flex;align-items:center;justify-content:space-between;margin:6px 0 12px}.game-head h2{margin:0;font-size:24px;display:flex;align-items:center;gap:8px}.game-panel{background:linear-gradient(160deg,var(--panel2),var(--panel));border:1px solid rgba(255,255,255,.08);border-top:3px solid var(--accent);border-radius:20px;padding:18px 16px 20px}.game-stack{display:flex;flex-direction:column;align-items:center;gap:14px}.hud{display:flex;gap:14px;align-items:center;flex-wrap:wrap;justify-content:center;font-weight:700;font-size:15px;background:#ffffff0d;border-radius:999px;padding:8px 16px}.hint{color:var(--muted);font-size:13px;text-align:center;margin:0;max-width:420px}.banner{background:var(--accent);color:#150d33;font-weight:800;padding:10px 16px;border-radius:12px}.banner.soft{background:#ffffff12;color:var(--ink);font-weight:700}.mini-btn{background:var(--accent);color:#150d33;border:0;border-radius:999px;padding:8px 16px;font-weight:800;font-size:14px;cursor:pointer}.mini-btn.big{padding:12px 28px;font-size:17px}.mini-btn:active{transform:scale(.96)}.record-toast{text-align:center;background:#ffd83d;color:#150d33;font-weight:800;border-radius:12px;padding:8px;margin-bottom:12px;animation:pop .3s ease}@keyframes pop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.reaction-pad{width:100%;max-width:420px;height:220px;border:0;border-radius:18px;color:#fff;font-size:26px;font-weight:800;cursor:pointer;transition:background .05s linear}.memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:100%;max-width:360px}.memory-card{aspect-ratio:1;border:0;border-radius:12px;background:var(--panel);font-size:30px;cursor:pointer;transition:transform .15s ease,background .15s ease;box-shadow:inset 0 0 0 2px #ffffff0f}.memory-card.open{background:#3a2b6b}.memory-card.done{background:#2ecc71;transform:scale(.94)}.whack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%;max-width:340px}.whack-hole{aspect-ratio:1;border:0;border-radius:50%;background:radial-gradient(circle at 50% 35%,#1a0f3d,#0c0722);box-shadow:inset 0 8px 14px #0009;font-size:40px;cursor:pointer;overflow:hidden}.whack-thing{animation:rise .15s ease;display:inline-block}@keyframes rise{0%{transform:translateY(40%)}to{transform:translateY(0)}}.simon-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:100%;max-width:320px}.simon-pad{aspect-ratio:1;border:0;border-radius:16px;cursor:pointer;transition:background .08s linear}.snake-board,.canvas-wrap{position:relative;width:100%;max-width:360px;margin:0 auto}.snake-svg,.game-canvas{width:100%;display:block;border-radius:14px;background:#150d33;touch-action:none}.snake-svg{aspect-ratio:1}.overlay-btn{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:80%;height:56px;background:#140a32d9;color:var(--ink);border:2px solid var(--accent);border-radius:14px;font-size:18px;font-weight:800;cursor:pointer}.mc-board{position:relative;width:100%;max-width:360px;margin:0 auto}.mc-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1px;aspect-ratio:12 / 14;background:#1a2740;border-radius:14px;padding:4px;overflow:hidden;touch-action:none;background-image:linear-gradient(#1d3a6b,#2c5fa8 55%,#1a2740 56%)}.mc-cell{border:0;padding:0;margin:0;border-radius:2px;font-size:12px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:inset 0 -2px #00000038,inset 0 2px #ffffff1f;touch-action:none}.mc-cell.air{box-shadow:none;cursor:crosshair}.mc-palette{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;width:100%;max-width:360px}.mc-tool{display:flex;flex-direction:column;align-items:center;gap:2px;border:2px solid transparent;border-radius:12px;background:var(--panel2);color:var(--ink);padding:6px 4px;cursor:pointer}.mc-tool.sel{border-color:var(--accent);background:#5cba472e}.mc-tool-icon{font-size:20px;line-height:1}.mc-tool-label{font-size:11px;font-weight:700}.c3d-board{position:relative;width:100%;max-width:560px;aspect-ratio:4 / 3;margin:0 auto;border-radius:14px;overflow:hidden;background:#8fd0ff;border:3px solid #2b2b33;box-shadow:inset 0 0 0 2px #6b6b76,0 6px #00000040;touch-action:none;font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif}.c3d-board.fs{max-width:none;width:100%;height:100%;aspect-ratio:auto;border-radius:0;border-width:0}.c3d-canvas{width:100%;height:100%}.c3d-crosshair{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:22px;height:22px;pointer-events:none}.c3d-crosshair span{position:absolute;background:#ffffffe6;box-shadow:0 0 0 1px #0000008c}.c3d-crosshair span:nth-child(1){left:50%;top:3px;bottom:3px;width:2px;transform:translate(-50%)}.c3d-crosshair span:nth-child(2){top:50%;left:3px;right:3px;height:2px;transform:translateY(-50%)}.c3d-hearts{position:absolute;top:44px;left:10px;font-size:15px;letter-spacing:1px;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.7);pointer-events:none;white-space:nowrap}.c3d-hurt{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 45%,rgba(180,0,0,.55) 100%);animation:c3d-hurt-fade .18s ease-out}@keyframes c3d-hurt-fade{0%{opacity:1}to{opacity:.6}}.c3d-hud{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:6px;padding:8px 10px;background:linear-gradient(#0006,#0000)}.c3d-hud-spacer{flex:1}.c3d-stat{font-size:13px;font-weight:800;color:#fff;background:#00000073;border:1px solid rgba(255,255,255,.25);border-radius:6px;padding:3px 7px;text-shadow:1px 1px 0 rgba(0,0,0,.6)}.c3d-iconbtn{width:32px;height:32px;border:2px solid #2b2b33;border-radius:6px;background:#8a8a93;box-shadow:inset 1px 1px #ffffff73,inset -2px -2px #00000059;color:#1a1a1f;font-size:16px;font-weight:900;cursor:pointer;line-height:1}.c3d-iconbtn:active{box-shadow:inset 2px 2px #00000059}.c3d-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0a0e1a8c;padding:12px}.c3d-panel{width:min(440px,100%);max-height:100%;overflow:auto;background:#1c182ef5;border:3px solid #6b6b76;box-shadow:inset 0 0 0 2px #2b2b33;border-radius:12px;padding:16px;text-align:center;color:var(--ink)}.c3d-title{margin:0 0 6px;font-size:22px;font-weight:900;letter-spacing:.5px}.c3d-sub,.c3d-result{margin:0 0 12px;font-size:14px;color:var(--muted)}.c3d-result{color:var(--ink);font-weight:800}.c3d-scores{margin:10px 0 0;font-size:12px;color:var(--muted)}.c3d-start{margin-top:12px;width:100%;height:52px;border:0;border-radius:10px;background:var(--accent);color:#0e2a0a;font-size:17px;font-weight:900;cursor:pointer;box-shadow:0 4px #00000059}.c3d-start:active{transform:translateY(2px);box-shadow:0 2px #00000059}.c3d-modes{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}@media (max-width: 360px){.c3d-modes{grid-template-columns:1fr}}.c3d-modes .c3d-start{margin-top:0;height:auto;flex-direction:column;display:flex;align-items:center;gap:2px;padding:12px 8px}.c3d-modes .c3d-start small{font-size:11px;font-weight:700;opacity:.75}.c3d-start.explore{background:#5cc4ff;color:#07263a}.c3d-start.survivor{background:var(--accent);color:#0e2a0a}.c3d-guide-modes{grid-column:1 / -1;display:flex;flex-direction:column;gap:4px;margin-top:8px;text-align:left}.c3d-guide-modes span{font-size:12px;color:var(--muted);line-height:1.5}.c3d-guide-modes strong{color:var(--ink)}.c3d-guide{display:grid;grid-template-columns:1fr 1fr;gap:10px;text-align:left}@media (max-width: 380px){.c3d-guide{grid-template-columns:1fr}}.c3d-guide-col{display:flex;flex-direction:column;gap:5px;background:#00000040;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:9px 10px}.c3d-guide-col strong{font-size:13px}.c3d-guide-col span{font-size:12px;color:var(--muted);line-height:1.5}.c3d-guide kbd{display:inline-block;min-width:16px;padding:1px 5px;font-size:11px;font-weight:800;color:#1a1a1f;background:#d6d6dc;border:1px solid #2b2b33;border-bottom-width:2px;border-radius:4px;text-align:center}.c3d-dpad{position:absolute;left:12px;bottom:64px;display:grid;grid-template-columns:repeat(3,46px);grid-template-rows:repeat(2,46px);gap:6px}.c3d-pad-btn{border:2px solid #2b2b33;border-radius:10px;background:#8a8a93d9;box-shadow:inset 1px 1px #ffffff73,inset -2px -2px #00000059;color:#1a1a1f;font-size:18px;font-weight:900;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.c3d-pad-btn:active{background:var(--accent)}.c3d-actions{position:absolute;right:12px;bottom:64px;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.c3d-act-row{display:flex;gap:8px}.c3d-act{width:54px;height:54px;border:2px solid #2b2b33;border-radius:50%;font-size:22px;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;box-shadow:inset 1px 1px #ffffff80,inset -2px -2px #0000004d,0 3px #00000040}.c3d-act:active{transform:translateY(2px)}.c3d-act.jump{background:#9fe6b0}.c3d-act.mine{background:#ffe27a}.c3d-act.place{background:#9fd6ff}.c3d-hotbar{position:absolute;left:50%;bottom:10px;transform:translate(-50%);display:flex;gap:4px;padding:4px;background:#00000073;border:2px solid #1a1a1f;border-radius:8px}.c3d-slot{position:relative;width:44px;height:44px;border:2px solid #5a5a63;border-radius:4px;background:#8c8c968c;box-shadow:inset 1px 1px #ffffff4d,inset -2px -2px #0000004d;cursor:pointer;display:flex;align-items:center;justify-content:center}.c3d-slot.sel{border-color:#fff;box-shadow:0 0 0 2px #fff,inset 1px 1px #ffffff4d}.c3d-slot-icon{font-size:22px;line-height:1;pointer-events:none}.c3d-slot-num{position:absolute;right:2px;bottom:0;font-size:10px;font-weight:900;color:#fff;text-shadow:1px 1px 0 #000;pointer-events:none}@media (max-width: 420px){.c3d-slot{width:38px;height:38px}.c3d-slot-icon{font-size:18px}}.dpad{display:grid;grid-template-columns:repeat(3,56px);grid-template-rows:repeat(2,56px);gap:6px;justify-content:center}.dpad-btn{border:0;border-radius:12px;background:var(--panel2);color:var(--ink);font-size:20px;cursor:pointer}.dpad-btn:active{background:var(--accent);color:#150d33}.dpad-btn.up{grid-column:2;grid-row:1}.dpad-btn.left{grid-column:1;grid-row:2}.dpad-btn.down{grid-column:2;grid-row:2}.dpad-btn.right{grid-column:3;grid-row:2}.ttt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;max-width:300px}.ttt-cell{aspect-ratio:1;border:0;border-radius:14px;background:var(--panel);font-size:40px;cursor:pointer;box-shadow:inset 0 0 0 2px #ffffff0f}.g2048-board{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%;max-width:320px;aspect-ratio:1;background:#00000040;border-radius:12px;padding:8px;touch-action:none}.g2048-tile{display:flex;align-items:center;justify-content:center;border-radius:8px;font-weight:800;font-size:clamp(16px,5vw,24px);color:#fff}.rps-arena{display:flex;align-items:center;justify-content:center;gap:18px}.rps-hand{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--muted)}.rps-emoji{width:88px;height:88px;display:flex;align-items:center;justify-content:center;font-size:48px;background:var(--panel);border-radius:18px}.rps-vs{font-weight:800;color:var(--accent)}.rps-buttons{display:flex;gap:10px}.rps-btn{display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--panel2);color:var(--ink);border:0;border-radius:14px;padding:12px 18px;font-weight:700;cursor:pointer}.rps-btn:active{background:var(--accent);color:#150d33}.rps-btn-emoji{font-size:30px}.odd-grid{display:grid;gap:6px;width:100%;max-width:320px;aspect-ratio:1}.odd-tile{border:0;border-radius:8px;cursor:pointer;width:100%;height:100%}.num-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%;max-width:320px}.num-tile{aspect-ratio:1;border:0;border-radius:12px;background:var(--panel2);color:var(--ink);font-size:24px;font-weight:800;cursor:pointer}.num-tile.done{background:#2ecc71;color:#0c2316}.num-tile.wrong{background:#e74c3c}.num-tile:disabled{cursor:default}.footer{margin-top:auto;text-align:center;color:var(--muted);font-size:12px;padding:18px 0;opacity:.7}.chat-dock{position:fixed;right:16px;bottom:16px;z-index:60}.chat-fab{display:flex;align-items:center;gap:8px;font:inherit;font-weight:800;font-size:18px;color:#fff;background:var(--accent);border:none;border-radius:999px;padding:12px 18px;box-shadow:0 8px 24px #0006;cursor:pointer}.chat-fab:active{transform:translateY(1px)}.chat-fab-label{font-size:15px}.chat-panel{display:flex;flex-direction:column;width:min(360px,calc(100vw - 24px));height:min(70vh,520px);background:var(--panel);border:1px solid #3a2a7a;border-radius:16px;box-shadow:0 16px 48px #00000080;overflow:hidden}.chat-panel.game{width:min(420px,calc(100vw - 24px));height:min(56vh,420px)}.chat-head{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--panel2);border-bottom:1px solid #3a2a7a}.chat-head strong{font-size:15px}.chat-online{font-size:12px;color:var(--muted)}.chat-spacer{flex:1}.chat-me{font:inherit;font-size:12px;font-weight:700;color:var(--ink);background:#ffffff14;border:none;border-radius:8px;padding:4px 8px;cursor:pointer}.chat-x{font:inherit;font-size:16px;line-height:1;color:var(--muted);background:none;border:none;cursor:pointer;padding:2px 4px}.chat-list{flex:1;overflow-y:auto;padding:10px 12px;display:flex;flex-direction:column;gap:6px}.chat-sys{color:var(--muted);font-size:13px;text-align:center;margin:auto 0}.chat-msg{display:flex;flex-direction:column;gap:1px;max-width:85%;align-self:flex-start;background:var(--bg2);border-radius:12px;padding:6px 10px}.chat-msg.mine{align-self:flex-end;background:var(--accent)}.chat-name{font-size:11px;font-weight:800;color:var(--muted)}.chat-msg.mine .chat-name{color:#ffffffd9}.chat-text{font-size:14px;word-break:break-word}.chat-msg.mine .chat-text{color:#fff}.chat-compose{display:flex;gap:6px;padding:10px;border-top:1px solid #3a2a7a}.chat-input{flex:1;font:inherit;font-size:14px;color:var(--ink);background:var(--bg2);border:1px solid #3a2a7a;border-radius:10px;padding:9px 12px;outline:none}.chat-input:focus{border-color:var(--accent)}.chat-send-btn{font:inherit;font-weight:800;color:#fff;background:var(--accent);border:none;border-radius:10px;padding:9px 14px;cursor:pointer}.chat-send-btn:disabled{opacity:.4;cursor:default}.chat-offline{margin:auto;text-align:center;color:var(--muted);padding:24px}.chat-offline p{margin:0 0 6px;font-weight:700;color:var(--ink)}.chat-gate{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:24px 20px;margin:auto 0}.chat-gate.compact{padding:16px}.chat-gate-emoji{font-size:34px}.chat-gate h4{margin:0;font-size:18px}.chat-gate p{margin:0;color:var(--muted);font-size:13px}.chat-gate .chat-input{width:100%;text-align:center}.chat-gate .chat-send-btn{width:100%;padding:11px}.c3d-chat{position:absolute;left:12px;bottom:12px;z-index:30}.c3d-chatbtn{position:absolute;right:12px;bottom:96px;z-index:25;font-size:20px;width:44px;height:44px;border-radius:50%;background:#00000073;color:#fff;border:1px solid rgba(255,255,255,.25);cursor:pointer}.c3d-food{position:absolute;top:64px;left:10px;font-size:15px;letter-spacing:1px;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.7);pointer-events:none;white-space:nowrap}.c3d-slot-count{position:absolute;right:2px;bottom:0;font-size:11px;font-weight:800;color:#fff;text-shadow:0 1px 2px #000}.c3d-slot.empty{opacity:.4}.c3d-act.eat{background:#00000073;border:1px solid rgba(255,255,255,.25)}.c3d-act.eat:disabled{opacity:.35}.c3d-panel.craft{max-width:460px}.c3d-inv{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:8px 0;max-height:84px;overflow-y:auto}.c3d-inv-empty{color:var(--muted);font-size:13px}.c3d-inv-item{font-size:13px;font-weight:700;background:#ffffff14;border-radius:8px;padding:3px 8px}.c3d-recipes{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:6px 0 12px}.c3d-recipe{display:flex;flex-direction:column;gap:2px;align-items:flex-start;font:inherit;text-align:left;cursor:pointer;background:var(--bg2);border:1px solid #3a2a7a;border-radius:10px;padding:8px 10px;color:var(--ink)}.c3d-recipe:disabled{opacity:.4;cursor:default}.c3d-recipe:not(:disabled):active{background:var(--accent)}.c3d-recipe-out{font-size:13px;font-weight:800}.c3d-recipe-in{font-size:12px;color:var(--muted)}