:root{--bg: #EDE9FE;--panel: #FFFFFF;--panel-border: #C7BDF8;--slot: #E7EAFE;--slot-border: #A9A4E8;--text: #0F172A;--muted: #475569;--chip: #C7BDF8;--chip-text: #111827;--radius: 16px;--radius-pill: 9999px;--gap-4: 16px;--gap-6: 24px;--gap-8: 32px;--shadow: 0 8px 20px rgba(17, 24, 39, .06)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:var(--bg)}.page{width:min(1120px,94%);margin:28px auto 40px}.pixel{font-family:Silkscreen,monospace;letter-spacing:.02em}.topbar{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:var(--gap-6);padding-top:48px}.chip{align-self:end;padding:10px 14px;margin-top:80px;background:var(--chip);color:var(--chip-text);border:1px solid #D1D5DB;border-radius:10px;box-shadow:var(--shadow);cursor:pointer}.brand{text-align:center;grid-column:1 / -1}.title{margin:4px 0 2px;font-size:clamp(32px,5vw,56px)}.subtitle{margin:0;font-size:14px;color:var(--muted)}.prompt{margin-top:var(--gap-6)}.prompt__box{height:56px;border-radius:12px;background:#c7bdf8;color:#111827;display:grid;place-items:center;box-shadow:var(--shadow)}.arena{margin-top:var(--gap-6);display:grid;gap:var(--gap-6);grid-template-columns:1fr 1fr}.viewport{height:clamp(180px,28vw,320px);background:var(--slot);border:3px solid var(--slot-border);border-radius:12px;box-shadow:var(--shadow)}.mascot-row{display:flex;justify-content:center;gap:12px;margin:-80px 0 0}.mascot{height:340px;margin-left:85px;image-rendering:pixelated}.actions{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap-6);margin-top:-150px}.btn{padding:14px 16px;background:var(--chip);color:var(--text);border:1px solid #D1D5DB;border-radius:var(--radius);box-shadow:var(--shadow);font-weight:600;cursor:pointer;transition:transform .04s ease,filter .12s ease}.btn:hover{filter:brightness(1.03)}.btn:active{transform:translateY(1px)}@media (max-width: 900px){.arena{grid-template-columns:1fr}.actions{grid-template-columns:1fr 1fr}}.leaderboard-list{list-style:none;padding:0;margin-top:20px;font-family:Silkscreen,monospace;font-size:20px}.leaderboard-list li{padding:8px 12px;background:var(--panel);border:1px solid var(--panel-border);border-radius:8px;margin-bottom:10px;box-shadow:var(--shadow)}