:root{--bg: #0b0b14;--bg-2: #14142a;--panel: #1c1c38;--line: #2e2e5a;--fg: #ecebf5;--dim: #9796b8;--accent: #f8b800;--accent-2: #3cbcfc;--danger: #f83800;--ok: #58d854;--font: ui-monospace, "SFMono-Regular", Menlo, Consolas, "D2Coding", "Malgun Gothic", monospace;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--fg);font-family:var(--font);font-size:15px;-webkit-tap-highlight-color:transparent}body{background:radial-gradient(ellipse at top,#1a1a40 0%,transparent 60%),repeating-linear-gradient(0deg,rgba(255,255,255,.015) 0 1px,transparent 1px 3px),var(--bg);min-height:100vh}#app{min-height:100vh;display:flex;flex-direction:column;align-items:center}h1,h2,h3{margin:0;font-weight:700;letter-spacing:.04em}.btn{font:inherit;color:var(--fg);background:var(--panel);border:2px solid var(--line);padding:8px 14px;cursor:pointer;border-radius:0;box-shadow:0 3px #000;transition:transform .05s}.btn:hover{border-color:var(--accent-2)}.btn:active{transform:translateY(2px);box-shadow:0 1px #000}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-ghost{background:transparent;box-shadow:none}.btn-menu{width:100%;text-align:center;font-size:1rem}.btn-menu:focus-visible,.btn-menu:hover{background:var(--accent);color:#000;border-color:var(--accent);outline:none}.select,.text-input{font:inherit;color:var(--fg);background:var(--bg-2);border:2px solid var(--line);padding:6px 8px;border-radius:0;min-width:0}.text-input{text-transform:uppercase;width:14ch}kbd{font:inherit;font-size:.85em;border:1px solid var(--line);border-bottom-width:3px;padding:1px 6px;background:var(--bg-2)}.launcher{width:100%;max-width:1080px;padding:24px 16px 48px}.launcher-head{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end;justify-content:space-between;margin-bottom:24px}.logo{font-size:clamp(1.8rem,6vw,3rem);color:var(--accent);text-shadow:3px 3px 0 var(--danger),6px 6px 0 #000;letter-spacing:.12em}.subtitle{margin:6px 0 0;color:var(--dim)}.launcher-nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.badge{font-size:.75rem;padding:3px 8px;border:1px solid currentColor}.badge-online{color:var(--ok)}.badge-offline{color:var(--dim)}.cart-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.cart{--cart-color: #3cbcfc;position:relative;font:inherit;color:var(--fg);text-align:left;display:flex;flex-direction:column;gap:6px;min-height:150px;padding:14px 14px 16px;background:linear-gradient(180deg,var(--panel) 0 70%,var(--bg-2) 70%);border:3px solid #000;outline:3px solid var(--line);cursor:pointer;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%);transition:transform .08s,outline-color .08s}.cart:before{content:"";position:absolute;inset:0 0 auto;height:8px;background:var(--cart-color)}.cart:hover,.cart:focus-visible{transform:translateY(-4px);outline-color:var(--cart-color)}.cart:focus-visible{outline-width:4px}.cart-label{display:flex;justify-content:space-between;font-size:.75rem;color:var(--dim);margin-top:6px}.cart-title{font-size:1.2rem;font-weight:700;color:var(--cart-color)}.cart-sub{font-size:.75rem;color:var(--dim);letter-spacing:.1em}.cart-best{margin-top:auto;font-size:.8rem}.cart-dev{position:absolute;right:10px;bottom:12px;font-size:.65rem;color:#000;background:var(--accent);padding:1px 4px}.stage{--game-w: 640px;display:flex;flex-direction:column;align-items:center;padding:8px;gap:6px;width:100%}.hud{width:var(--game-w);max-width:100%;display:flex;align-items:center;gap:12px;padding:2px 4px;font-size:.9rem}.hud-title{color:var(--accent);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1 auto;min-width:0}.hud-stat{display:flex;gap:6px;white-space:nowrap}.hud-label{color:var(--dim)}.hud-num{font-variant-numeric:tabular-nums}.hud-actions{display:flex;gap:4px}.hud-btn{padding:2px 10px;min-width:36px}.game-screen{position:relative;line-height:0;border:3px solid #000;outline:3px solid var(--line)}.game-canvas{display:block;width:640px;height:480px;image-rendering:pixelated;image-rendering:crisp-edges;background:#000;outline:none;touch-action:none}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#05050fb8;line-height:1.4;container-type:size}.overlay[hidden]{display:none}@container (max-height: 360px){.overlay-panel{gap:4px;padding:8px 12px;font-size:12px}.overlay-title{font-size:1rem}.overlay-score{font-size:1.3rem}.overlay .board-row{padding:1px 4px}.overlay .board-row:nth-child(n+4){display:none}.overlay .btn-menu{padding:4px 10px;font-size:.85rem}.overlay .menu{flex-direction:row}.overlay .menu .btn-menu{flex:1 1 0}}.overlay-panel{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:min(260px,90%);max-width:90%;max-height:98%;overflow-x:hidden;overflow-y:auto;padding:18px 20px;background:var(--panel);border:3px solid #000;outline:3px solid var(--accent)}.overlay-title{color:var(--accent);font-size:1.4rem}.overlay-score{margin:0;font-size:2rem;font-variant-numeric:tabular-nums}.overlay-best{margin:0;color:var(--ok)}.overlay-sub,.overlay-msg{margin:0;color:var(--dim);font-size:.85rem}.blink{animation:blink .6s steps(2) infinite}@keyframes blink{50%{opacity:0}}.menu{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:4px}.menu-row{flex-direction:row;flex-wrap:wrap}.menu-row .btn-menu{flex:1 1 0;width:auto}.board{list-style:none;margin:0;padding:0;width:100%;min-width:min(220px,100%)}.board-row{display:grid;grid-template-columns:3ch 1fr auto;gap:10px;padding:3px 4px;font-variant-numeric:tabular-nums;white-space:pre}.board-row:nth-child(1) .board-rank{color:var(--accent)}.board-row.mine{background:var(--accent);color:#000}.board-empty{color:var(--dim);text-align:center}.board-mode{color:var(--dim);font-size:.75rem;text-align:right;margin:8px 0 0}.board-wrap{min-height:120px;margin-top:12px}.modal{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:16px;background:#000000b3}.modal-panel{width:min(480px,100%);max-height:100%;overflow:auto;background:var(--panel);border:3px solid #000;outline:3px solid var(--accent-2)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:var(--bg-2);border-bottom:2px solid var(--line)}.modal-head h2{font-size:1.05rem;color:var(--accent-2)}.modal-close{padding:0 10px;font-size:1.3rem}.modal-body{padding:14px;display:flex;flex-direction:column;gap:10px}.modal-body h3{font-size:.9rem;color:var(--dim);margin-top:6px}.row{display:flex;gap:8px}.row .select{flex:1}.game-desc{margin:0;line-height:1.5}.controls{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px}.settings-group{display:flex;flex-direction:column;gap:8px;padding-bottom:10px;border-bottom:1px dashed var(--line)}.settings-group:last-child{border-bottom:0}.field,.key-row{display:flex;align-items:center;gap:10px}.field-label{flex:0 0 9ch;color:var(--dim);font-size:.85rem}.field input[type=range]{flex:1;accent-color:var(--accent);min-width:0}.slider-val{width:3ch;text-align:right;font-variant-numeric:tabular-nums}.keys{display:flex;flex-direction:column;gap:6px}.btn-key{flex:1;padding:4px 8px;font-size:.85rem;box-shadow:none}.btn-key.listening{border-color:var(--accent);color:var(--accent)}.vpad{display:none}@media (pointer: coarse){.has-pad .vpad{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;max-width:480px;padding:8px 12px calc(12px + env(safe-area-inset-bottom));user-select:none;-webkit-user-select:none;touch-action:none}.launcher{padding-top:16px}}.vpad-btn{font:inherit;color:var(--fg);background:var(--panel);border:2px solid var(--line);touch-action:none;user-select:none;-webkit-user-select:none}.vpad-btn:active{background:var(--accent);color:#000}.vpad-dpad{display:grid;grid-template-columns:repeat(3,52px);grid-template-rows:repeat(3,52px);justify-self:start}.vpad-up{grid-area:1 / 2}.vpad-left{grid-area:2 / 1}.vpad-right{grid-area:2 / 3}.vpad-down{grid-area:3 / 2}.vpad-up:after{content:"▲"}.vpad-down:after{content:"▼"}.vpad-left:after{content:"◀"}.vpad-right:after{content:"▶"}.vpad-pause{align-self:start;padding:6px 12px;font-size:.8rem}.vpad-ab{display:flex;gap:14px;justify-self:end;align-items:center}.vpad-a,.vpad-b{width:64px;height:64px;border-radius:50%;font-weight:700;font-size:1.1rem}.vpad-a{margin-bottom:28px;border-color:var(--danger)}.vpad-b{margin-top:28px;border-color:var(--accent-2)}@media (max-width: 520px){.hud{gap:8px;font-size:.8rem}.cart-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cart{min-height:130px;padding:12px 10px}.cart-title{font-size:1rem}}@media (prefers-reduced-motion: reduce){.blink{animation:none}.cart,.btn{transition:none}}.ach-wrap{min-width:min(360px,100%)}.ach-total{margin:0 0 4px;text-align:right;color:var(--accent)}.ach-bar{height:6px;background:var(--line);margin-bottom:8px}.ach-fill{height:100%;background:var(--accent)}.ach-list{list-style:none;margin:0 0 4px;padding:0}.ach{display:grid;grid-template-columns:2ch minmax(8ch,auto) 1fr;gap:8px;padding:2px 4px;color:var(--dim)}.ach.done{color:var(--fg)}.ach.done .ach-mark{color:var(--accent)}.ach-desc{color:var(--dim);font-size:.85em}.overlay-ach{margin:4px 0}.board-global .board-row{grid-template-columns:3ch 1fr 5ch 5ch}.board-global .board-head{color:var(--dim);font-size:.8em}.nick-edit{margin-top:12px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}