:root{--bg:#f6f8fb;--fg:#223c4b;--card:#fff;--border:#dbe4eb;--muted:#607783;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font-family:Arial,Malgun Gothic,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}.shell{max-width:1510px;margin:auto;padding:0 56px}header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:90px;display:flex}.brand{color:var(--fg);align-items:center;gap:10px;font-size:22px;font-weight:800;text-decoration:none;display:flex}.brand-icon{color:#203b49;background:#ffd44f;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.edition{letter-spacing:1px;border:1px solid var(--border);color:var(--muted);border-radius:5px;margin-left:8px;padding:5px;font-size:10px}.header-actions{align-items:center;gap:12px;display:flex}.ranking-link{color:#397f9c;font-size:13px;font-weight:700;text-decoration:none}.theme-toggle,.icon-button,.refresh-button{border:1px solid var(--border);background:var(--card);color:#456779;border-radius:10px;place-items:center;width:42px;height:42px;display:grid}.game-layout{grid-template-columns:minmax(220px,1fr) minmax(280px,560px) minmax(230px,280px);align-items:center;gap:38px;min-height:calc(100svh - 145px);padding:32px 0;display:grid}.eyebrow,.mini-label{letter-spacing:1.8px;color:#3984a0;font-size:11px;font-weight:800}h1{letter-spacing:-4px;margin:18px 0;font-size:clamp(44px,5vw,72px);font-weight:900;line-height:1}h1 span{color:#318aaf}.intro>p{color:var(--muted);font-size:15px;line-height:1.8}.best-card{background:var(--card);border:1px solid var(--border);border-radius:14px;align-items:center;gap:15px;width:220px;margin:24px 0;padding:15px;display:flex}.best-card>svg{color:#b98b14}.best-card div{flex-direction:column;gap:4px;display:flex}.best-card span,.instructions p{color:var(--muted);font-size:12px}.best-card strong{font-size:26px}.best-card small{font-size:13px;font-weight:400}.instructions h2{font-size:14px}.instructions p{align-items:center;gap:10px;display:flex}kbd{border:1px solid var(--border);border-bottom-width:3px;border-radius:5px;place-items:center;width:54px;height:27px;font-size:11px;display:grid}.game-wrap{background:var(--card);border:1px solid var(--border);border-radius:20px;width:100%;overflow:hidden;box-shadow:0 16px 48px #204e6e12}.game-top{justify-content:space-between;align-items:center;height:50px;padding:0 16px;display:flex}.game-status,.lives,.game-status>span{align-items:center;gap:8px;display:flex}.game-status>span,.lives b{letter-spacing:1px;font-size:10px;font-weight:800}.game-status i{background:#4aa783;border-radius:50%;width:6px;height:6px}.lives{color:#e84e62}.lives b{color:var(--muted)}.playfield{touch-action:none;background:#9edfff;position:relative}canvas{aspect-ratio:4/5;width:100%;height:auto;display:block}.score{color:#fff;text-shadow:0 3px #39749250;text-align:center;font-size:54px;font-weight:900;line-height:1;position:absolute;top:28px;left:50%;transform:translate(-50%)}.score span{letter-spacing:3px;margin-top:7px;font-size:9px;display:block}.overlay{background:#21465735;place-items:center;display:grid;position:absolute;inset:0}.overlay.ready{background:0 0;align-items:end;padding-bottom:64px}.overlay.paused{background:#10253585}.overlay-card{text-align:center;background:#fffffff2;border:1px solid #fff;border-radius:18px;min-width:252px;max-width:88%;padding:24px 27px 21px;box-shadow:0 8px 28px #326c7920}.overlay h2{margin:9px 0;font-size:23px}.overlay p{color:var(--muted);margin:0 0 17px;font-size:13px}.score-message{background:#fff6d7;border-radius:8px;padding:8px;font-weight:700;color:#735a00!important}.primary{color:#283c41;background:#ffcf42;border:1px solid #e9b627;border-bottom:4px solid #dba521;border-radius:10px;justify-content:center;align-items:center;gap:9px;width:100%;padding:12px 20px;font-size:15px;font-weight:800;display:flex}.game-bottom{color:#738994;justify-content:space-between;align-items:center;padding:13px 16px;font-size:10px;display:flex}.game-bottom>span,.text-button{align-items:center;gap:5px;display:flex}.text-button{color:#397f9c;background:0 0;border:0;font-size:10px;font-weight:700}.ranking-panel{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:18px}.ranking-heading{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.ranking-heading span{font-size:16px;font-weight:900;display:block}.ranking-heading small,.ranking-note{color:var(--muted);font-size:11px}.refresh-button{width:34px;height:34px}.ranking-list{margin:0;padding:0;list-style:none}.ranking-list li{border-bottom:1px solid var(--border);grid-template-columns:25px minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 5px;font-size:13px;display:grid}.ranking-list li:last-child{border:0}.ranking-list b{color:#718793}.ranking-list span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rank-1{background:#fff5cc;border-radius:8px}.rank-2{background:#f1f4f6;border-radius:8px}.rank-3{background:#fff0e6;border-radius:8px}.my-rank{background:#e9f6fb;border-radius:8px;padding:9px;font-size:12px}.ranking-refresh{border:1px solid var(--border);background:var(--card);color:#416f84;border-radius:8px;width:100%;margin-top:12px;padding:9px;font-size:12px;font-weight:700}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.nickname-backdrop{z-index:10;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#11283a88;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.nickname-card{background:var(--card);text-align:center;border-radius:20px;width:min(100%,390px);padding:28px;box-shadow:0 20px 60px #0004}.nickname-card>.brand-icon{margin:0 auto 15px}.nickname-card h2{margin:10px 0;font-size:25px}.nickname-card>p{color:var(--muted);font-size:14px}.nickname-card label,.nickname-card small{text-align:left;color:var(--muted);font-size:12px;display:block}.nickname-card input{border:1px solid var(--border);background:var(--card);width:100%;color:var(--fg);border-radius:10px;margin:7px 0;padding:13px 14px;font-size:16px}.nickname-card .primary{margin-top:18px}.form-error{font-weight:700;color:#b22b3d!important}footer{border-top:1px solid var(--border);color:#7b8d98;justify-content:space-between;padding:20px 0;font-size:11px;display:flex}footer a{color:#397f9c;font-weight:700;text-decoration:none}.dark{--bg:#101b2a;--fg:#e5edf6;--card:#1b2b40;--border:#34465b;--muted:#b0c4d7;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.dark .theme-toggle,.dark .icon-button,.dark .refresh-button,.dark .ranking-refresh,.dark .nickname-card input{color:#d7e5f3;background:#263a52;border-color:#425972}.dark .overlay-card,.dark .nickname-card{background:#1b2b40f5;border:1px solid #425972}.dark .overlay.paused{background:#02070dcc}.dark .score-message{background:#4b3c0b;color:#ffe89b!important}.dark .rank-1{background:#4d3a05}.dark .rank-2{background:#303d4c}.dark .rank-3{background:#4d2e1f}@media (max-width:1100px){.shell{padding:0 28px}.game-layout{grid-template-columns:minmax(180px,1fr) minmax(280px,500px);gap:28px}.ranking-panel{grid-column:2}.intro{grid-row:span 2}}@media (max-width:680px){.shell{padding:0 14px}header{height:68px}.brand{font-size:19px}.edition{display:none}.ranking-link{font-size:11px}.game-layout{flex-direction:column;gap:16px;min-height:0;padding:18px 0;display:flex}.intro{justify-content:space-between;align-items:center;width:100%;display:flex}.intro>.eyebrow,.intro>p,.instructions{display:none}h1{letter-spacing:-1px;margin:0;font-size:27px}h1 br{display:none}h1 span{margin-left:5px}.best-card{width:auto;margin:0;padding:8px 10px}.best-card strong{font-size:19px}.game-wrap,.ranking-panel{width:100%;max-width:480px}.overlay.ready{padding-bottom:40px}footer{padding:15px 0;font-size:10px}}@media (max-width:360px){.shell{padding:0 10px}.overlay-card{min-width:0;padding:18px 14px}.score{font-size:45px}}:root .ranking-screen{background:var(--bg);max-width:1100px;min-height:100svh;margin:auto;padding:42px}.ranking-screen header{height:auto;margin-bottom:24px;padding:18px 0}.ranking-screen header span{font-size:clamp(26px,4vw,52px);font-weight:900}.ranking-screen header small{color:var(--muted);margin-top:12px;display:block}.ranking-home{color:#397f9c;font-weight:700;text-decoration:none}.ranking-board{margin:0;padding:0;list-style:none}.ranking-board li{background:var(--card);border:1px solid var(--border);border-radius:16px;grid-template-columns:100px 1fr auto;align-items:center;gap:18px;margin:10px 0;padding:22px 28px;font-size:clamp(20px,3vw,34px);display:grid}.ranking-board b{color:#718793;font-size:.7em}.ranking-board strong{font-size:.9em}.board-1{background:#fff1b8!important}.board-2{background:#eef2f5!important}.board-3{background:#ffeadc!important}@media (max-width:600px){.ranking-screen{padding:20px}.ranking-board li{grid-template-columns:58px 1fr auto;gap:8px;padding:16px;font-size:20px}}