:root{color-scheme:dark;--navy:#03152f;--blue:#0789ff;--gold:#ffc553;--muted:#a8bad3}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 5%,#0b3464 0,transparent 48%),#020d20;color:#f5f8ff;font-family:Arial,Helvetica,sans-serif;font-size:16px}main{max-width:1080px;margin:auto;padding:22px 28px}header{display:flex;align-items:center;gap:15px}header img{border-radius:50%;object-fit:contain}header b{letter-spacing:2px;font-size:21px}header small{display:block;color:var(--muted);font-size:12px;letter-spacing:1.5px;margin-top:6px}button,a{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer;background:#102945;border:1px solid #335277;border-radius:12px;padding:13px 18px}button:hover:not(:disabled){filter:brightness(1.18)}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button:disabled{opacity:.5;cursor:default}#sound{margin-left:auto;font-size:14px}.title{text-align:center;margin:25px 0}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--gold);font-weight:bold}h1{font-size:clamp(32px,5vw,54px);letter-spacing:-2px;line-height:1.04;margin:12px 0}h1 em{font-style:normal;color:var(--gold)}.title>p:last-child{line-height:1.5;color:var(--muted);margin:12px 0}.console{max-width:820px;margin:auto;border:1px solid #34537a;border-radius:20px;overflow:hidden;background:#071c37;box-shadow:0 20px 100px #0007}.dashboard{display:grid;grid-template-columns:repeat(3,1fr);padding:18px 12px;background:linear-gradient(110deg,#0d2f56,#0a203b);text-align:center}.dashboard>div+div{border-left:1px solid #325070}.dashboard span{font-size:11px;letter-spacing:1px;color:#aec4df}.dashboard strong{display:block;font-size:32px;margin-top:7px;font-variant-numeric:tabular-nums}.dashboard strong span{font-size:16px}.meter{height:4px;background:#422a28}#meter{height:100%;background:var(--gold);width:100%;transition:width .2s}.playfield{position:relative;min-height:360px;background:radial-gradient(ellipse at center,#113967,#06152c)}#board{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:20px;min-height:360px}.slot{height:98px;position:relative;background:#04132977;border:1px dashed #24476d;border-radius:12px;display:flex;align-items:stretch}.card{width:100%;border:1px solid #5cb9ff;background:linear-gradient(140deg,#087add,#064c92);padding:8px;position:relative;overflow:hidden;box-shadow:0 4px 15px #0005;animation:pop .15s ease-out}.card.bad{background:linear-gradient(140deg,#5f3526,#3a2323);border-color:#bc7951}.card b{display:block;font-size:15px;margin:4px 0}.card .symbol{font-size:23px}.card .key{position:absolute;left:7px;top:6px;font-size:11px;opacity:.65}.card .life{position:absolute;bottom:0;left:0;height:3px;background:#fff9;width:100%;transform-origin:left}#overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:#06162bf5;padding:20px;z-index:2}.seal{width:90px;height:90px;border-radius:50%}h2{font-size:26px;margin:10px 0}#overlay p{line-height:1.45;margin:8px 0;color:#b8cbe2}#overlay .eyebrow{color:var(--gold);margin-bottom:0}.rules{display:flex;gap:15px;font-size:13px;margin:8px 0 15px}.primary{background:var(--gold);color:#091a30;font-weight:bold;border:0;min-width:240px}.primary span{margin-left:40px}.fine{font-size:12px!important}.status{text-align:center;padding:12px;min-height:45px;color:#d9e7f6;font-size:14px;border-top:1px solid #254465}.controls{padding:0 16px 16px;display:flex;gap:10px}.controls #power{flex:1;border-color:#b48e42;color:var(--gold);font-weight:bold}.controls small{display:inline;font-weight:normal;font-size:12px;margin-left:6px}.under{display:flex;align-items:center;justify-content:space-between;gap:15px;max-width:820px;margin:20px auto}.under p{font-size:14px;line-height:1.7;color:#adbed4}.under b{color:white}.under span{color:var(--gold)}.join{color:#fff;text-decoration:none;font-size:14px;border-bottom:1px solid var(--blue);padding-bottom:7px}footer{max-width:800px;margin:18px auto;text-align:center;font-size:12px;line-height:1.5;color:#8498b4}.result-score{font-size:44px;color:var(--gold);font-weight:bold}.result-actions{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap;justify-content:center}.result-actions a{display:inline-block;padding:14px 20px;text-decoration:none;border-radius:10px}.win{color:var(--gold)!important}@keyframes pop{from{transform:scale(.85);opacity:.5}to{transform:scale(1);opacity:1}}@media(max-width:600px){main{padding:14px 12px}header img{width:54px;height:54px}header b{font-size:17px}header small{font-size:10px}#sound{padding:10px;font-size:12px}.title{margin:22px 0 18px}h1{letter-spacing:-1px}.title p{font-size:14px}.dashboard{padding:13px 6px}.dashboard>div>span{font-size:9px;letter-spacing:.6px}.dashboard strong{font-size:27px}#board{padding:12px;gap:8px}.card b{font-size:12px}.rules{gap:10px;font-size:11px}.controls{gap:6px;padding:0 10px 12px}.controls button{padding:12px 9px;font-size:13px}.controls small{display:block;margin:4px 0 0}.under{flex-direction:column;text-align:center;gap:0}.under p{margin:3px 0 12px}#overlay{padding:14px}h2{font-size:23px}#overlay p{font-size:14px}.seal{width:78px;height:78px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}