:root{--bg:#fff4e0;--card:#fff;--ink:#2a1e3b;--muted:#6d6380;--sun:#ffc93c;--red:#e8453c;--display:"Lilita One", "Arial Rounded MT Bold", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);margin:0;font:17px/1.5 Nunito,system-ui,sans-serif}main{max-width:1100px;margin:0 auto;padding:24px 16px 60px}h1,h2,h3{font-family:var(--display);letter-spacing:.5px;font-weight:400;line-height:1.15}button{font:inherit}:focus-visible{outline:3px solid var(--red);outline-offset:2px}.btn{border:2.5px solid var(--ink);color:var(--ink);cursor:pointer;box-shadow:2px 2px 0 var(--ink);background:#fff;border-radius:999px;padding:8px 16px;font:800 15px Nunito,sans-serif}.btn:hover{box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)}.btn[aria-pressed=true]{background:var(--sun);box-shadow:1px 1px 0 var(--ink);transform:translate(1px,1px)}.btn-go{font:400 21px var(--display);background:var(--red);color:#fff;-webkit-text-stroke:1px var(--ink);paint-order:stroke fill;box-shadow:4px 4px 0 var(--ink);padding:9px 22px}.hint{color:var(--muted);font-size:15px}.screen-head{align-items:center;gap:16px;margin-bottom:12px;display:flex}.screen-head h2{margin:0;font-size:34px}.home{text-align:center;padding-top:20px}.home-grid{text-align:left;grid-template-columns:260px 1fr;align-items:start;gap:24px;margin:24px 0 12px;display:grid}@media (max-width:720px){.home-grid{grid-template-columns:1fr}}.modes{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.mode{border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:#fff;border-radius:16px;padding:14px 16px}.mode h3{margin:0 0 4px;font-size:24px}.mode p{color:var(--muted);margin:0 0 12px;font-size:15px}.mode.is-soon{box-shadow:none;background:0 0;border-style:dashed}.soon{color:var(--muted);font-size:13px;font-weight:800}.logo{color:var(--red);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:6px 6px 0 var(--ink);margin:0;font-size:clamp(56px,12vw,110px)}.tagline{margin:18px 0 8px;font-size:21px}.news{border:2.5px solid var(--ink);box-shadow:3px 3px 0 var(--ink);color:var(--ink);background:#fff;border-radius:999px;align-items:center;gap:10px;padding:5px 16px 5px 6px;font-weight:800;text-decoration:none;display:inline-flex}.news:hover{box-shadow:4px 4px 0 var(--ink);transform:translate(-1px,-1px)}.news-version{font:400 15px var(--display);color:#fff8e8;border:2px solid var(--ink);background:#b3202a;border-radius:999px;padding:1px 10px}.news-cta{background:linear-gradient(100deg, var(--red), #f28c38 60%, #d4a017);color:#0000;-webkit-background-clip:text;background-clip:text}.home-hero{text-align:center;border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);background:radial-gradient(circle at 50% 70%,#fff 0,#ffe9b0 55%,#ffd27a 100%);border-radius:20px;padding:10px}.home-portrait{width:220px;height:240px;margin:0 auto;display:block}.home-name{font:400 24px var(--display);margin:4px 0 0}.home-hero .btn{margin:8px 0 4px}.forge-grid{grid-template-columns:minmax(260px,360px) 1fr;align-items:start;gap:20px;display:grid}@media (max-width:800px){.forge-grid{grid-template-columns:1fr}}.forge-preview{border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);text-align:center;background:radial-gradient(circle at 50% 70%,#fff 0,#ffe9b0 55%,#ffd27a 100%);border-radius:18px;padding:10px;position:sticky;top:12px}.forge-canvas{aspect-ratio:1;width:100%;max-width:340px;margin:0 auto;display:block}.forge-name,.code-input{border:2.5px solid var(--ink);width:100%;color:var(--ink);background:#fff;border-radius:10px;padding:5px 10px}.forge-name{font:400 22px var(--display);text-align:center}.stats{text-align:left;margin-top:10px;font-size:13px;font-weight:800}.stats>div{align-items:center;gap:8px;margin:4px 0;display:flex}.stats span{width:56px}.statbar{border:2px solid var(--ink);background:#fff;border-radius:6px;flex:1;height:10px;overflow:hidden}.statbar i{background:var(--red);height:100%;display:block}.tabs{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.tab{font:400 17px var(--display);border:2.5px solid var(--ink);color:var(--ink);cursor:pointer;box-shadow:2px 2px 0 var(--ink);background:#fff;border-radius:12px 12px 4px 4px;padding:6px 14px}.tab[aria-selected=true]{background:var(--sun)}.forge-options{border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);background:#fff;border-radius:18px;min-height:250px;padding:8px 14px}.slot{border-bottom:1.5px solid #efe6d4;grid-template-columns:110px 1fr;align-items:center;gap:10px;padding:9px 0;display:grid}.slot:last-child{border-bottom:none}.slot>b{font-size:14px}.cycler{align-items:center;gap:8px;display:flex}.cycler button{border:2.5px solid var(--ink);cursor:pointer;width:38px;height:32px;box-shadow:2px 2px 0 var(--ink);background:#fff;border-radius:999px;flex:none}.cycler span{text-align:center;flex:1;font-weight:800}.cycler small{color:var(--muted);font-weight:700}.slot em{color:var(--muted);font-size:12px;font-style:normal;font-weight:700;display:block}.swatches{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.swatch{border:2.5px solid var(--ink);cursor:pointer;border-radius:50%;width:28px;height:28px;padding:0}.swatch[aria-pressed=true]{outline:3px solid var(--sun);outline-offset:1px;transform:scale(1.12)}.forge-actions,.share,.setup-actions,.overlay-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;display:flex}.share .code-input{flex:240px;width:auto;font-family:ui-monospace,monospace;font-size:14px}.code-status{font-size:14px;font-weight:800}.choices{border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:#fff;border-radius:16px;flex-direction:column;gap:12px;padding:14px 16px;display:flex}.choice{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.choice>b{width:100px}.lineups{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:800px){.lineups{grid-template-columns:1fr}}.lineup{border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:#fff;border-radius:16px;padding:10px}.lineup h3{align-items:center;gap:8px;margin:0 0 8px;font-size:18px;display:flex}.dot{border:2.5px solid var(--ink);border-radius:50%;width:16px;height:16px;display:inline-block}.cards{gap:8px;display:grid}.card-knight{text-align:center;border:2px solid var(--ink);background:#fbf4e6;border-radius:12px;padding:4px 2px 6px;line-height:1.25}.card-knight canvas{aspect-ratio:110/128;width:100%;max-width:110px;margin:0 auto;display:block}.card-knight b{font-size:13px;display:block}.card-knight small{color:var(--muted);font-size:11px;font-weight:800;display:block}.card-knight .tier{color:#b8860b}.tier-pick{justify-content:center;align-items:center;gap:4px;margin-top:2px;display:flex}.tier-pick button{border:2px solid var(--ink);cursor:pointer;background:#fff;border-radius:50%;width:22px;height:22px;padding:0;font-size:10px}.tier-pick button:disabled{opacity:.3;cursor:default}.tier-pick .tier{min-width:58px;line-height:1.1}.card-knight.is-you{background:#fff9c9}.stage{border:4px solid var(--ink);box-shadow:7px 7px 0 var(--ink);background:#c9a36b;border-radius:20px;position:relative;overflow:hidden}.pitch{aspect-ratio:16/9;width:100%;display:block}.hud{pointer-events:none;font-family:var(--display);color:#fff;position:absolute;inset:0}.board{border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:14px;font-size:clamp(10px,1.8vw,18px);display:flex;position:absolute;top:6px;left:50%;overflow:hidden;transform:translate(-50%)}.board>div{white-space:nowrap;align-items:center;padding:3px 12px;display:flex}.board .sc{color:var(--ink);background:#fff;font-size:1.3em}.board .clock{background:var(--ink);color:var(--sun);justify-content:center;min-width:4.5em}.msg{text-align:center;-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill;text-shadow:3px 3px 0 var(--ink);font-size:clamp(13px,2.4vw,24px);position:absolute;top:32%;left:0;right:0}.msg .big{color:var(--sun);-webkit-text-stroke:3px var(--ink);text-shadow:5px 5px 0 var(--ink);font-size:clamp(34px,8vw,80px);animation:.35s cubic-bezier(.2,1.8,.4,1) pop;display:block}@keyframes pop{0%{transform:scale(.3)rotate(-8deg)}to{transform:none}}@media (prefers-reduced-motion:reduce){.msg .big{animation:none}}.barge{-webkit-text-stroke:1px var(--ink);paint-order:stroke fill;align-items:center;gap:8px;font-size:clamp(10px,1.5vw,14px);display:flex;position:absolute;bottom:8px;left:12px}.ring{border:3px solid var(--ink);background:conic-gradient(var(--sun) calc(var(--p,1) * 360deg), #ffffff80 0);border-radius:50%;width:clamp(22px,3.4vw,34px);height:clamp(22px,3.4vw,34px)}.pause-btn{pointer-events:auto;width:40px;height:40px;font:400 18px var(--display);letter-spacing:1px;color:var(--ink);border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);cursor:pointer;background:#fff;border-radius:12px;position:absolute;top:8px;right:10px}.pause-btn:hover{background:var(--sun)}.overlay{background:#2a1e3b73;place-items:center;display:grid;position:absolute;inset:0}.overlay[hidden]{display:none}.overlay-card{background:var(--bg);border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);text-align:center;border-radius:18px;max-width:90%;padding:18px 26px}.overlay-card h2{color:var(--red);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;margin:0 0 6px;font-size:44px}.overlay-actions{justify-content:center}.final{font:400 22px var(--display);margin:0 0 8px}.scorers{margin:0 0 6px;padding:0;font-weight:700;list-style:none}.scorers .theirs{color:var(--muted)}