:root{--paper:#f4efe4;--paper-2:#ebe3d3;--ink:#1d1b17;--ink-2:#57524a;--line:#1d1b17;--postit:#ffe14d;--red:#ff4d3d;--blue:#2f6fdf;--green:#1fae6b;--hud-bg:#14120fc7;--hud-ink:#f7f2e6;--display:"Bricolage Grotesque", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace;--shadow:4px 4px 0 var(--ink)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--paper);color:var(--ink);font-family:var(--display);-webkit-font-smoothing:antialiased;overflow:hidden}button{font:inherit;cursor:pointer}input{font:inherit}.screen{background:linear-gradient(var(--paper-2) 1px, transparent 1px) 0 0 / 100% 32px, var(--paper);height:100%;padding:32px 24px 48px;overflow:auto}.wrap{max-width:1080px;margin:0 auto}.brand{align-items:baseline;gap:14px;margin-bottom:28px;display:flex}.brand h1{letter-spacing:-.04em;margin:0;font-size:clamp(40px,7vw,84px);font-weight:800;line-height:.9}.brand h1 span{background:var(--postit);box-shadow:var(--shadow);padding:0 10px;display:inline-block;transform:rotate(-1.5deg)}.tagline{color:var(--ink-2);max-width:560px;margin:0 0 32px;font-size:18px}.grid-2{grid-template-columns:minmax(280px,380px) 1fr;align-items:start;gap:28px;display:grid}@media (width<=760px){.grid-2{grid-template-columns:1fr}}.card{border:2px solid var(--line);box-shadow:var(--shadow);background:#fffdf7;padding:20px}.badge{border:2px solid var(--line);box-shadow:var(--shadow);background:#fffdf7;overflow:hidden}.badge-top{background:var(--blue);color:#fff;font-family:var(--mono);letter-spacing:.12em;justify-content:space-between;padding:8px 14px;font-size:12px;display:flex}.badge-preview{background:radial-gradient(circle at 50% 40%, #fff 0%, var(--paper-2) 75%);cursor:grab;width:100%;height:300px;display:block}.badge-name{letter-spacing:-.02em;border-top:2px dashed var(--ink-2);padding:12px 16px 16px;font-size:26px;font-weight:800}.label{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);margin:0 0 8px;font-size:12px}.field{border:2px solid var(--line);background:#fff;outline:none;width:100%;padding:12px 14px;font-size:18px}.field:focus{box-shadow:0 0 0 3px var(--postit)}.field.code{font-family:var(--mono);letter-spacing:.3em;text-transform:uppercase;font-weight:700}.btn{border:2px solid var(--line);color:var(--ink);box-shadow:3px 3px 0 var(--ink);background:#fff;padding:12px 18px;font-size:16px;font-weight:700;transition:transform 60ms,box-shadow 60ms}.btn:hover{box-shadow:4px 4px 0 var(--ink);transform:translate(-1px,-1px)}.btn:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--postit)}.btn.dark{background:var(--ink);color:var(--paper)}.btn.small{padding:6px 10px;font-size:14px}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.stack{flex-direction:column;gap:16px;display:flex}.error{background:var(--red);color:#fff;border:2px solid var(--line);padding:10px 14px;font-weight:700}.muted{color:var(--ink-2)}.swatches{flex-wrap:wrap;gap:6px;display:flex}.swatch{border:2px solid var(--line);width:30px;height:30px;padding:0}.swatch.on{outline:3px solid var(--postit);outline-offset:1px;transform:scale(1.1)}.seg{flex-wrap:wrap;gap:6px;display:flex}.seg button{border:2px solid var(--line);background:#fff;padding:6px 10px;font-size:14px;font-weight:600}.seg button.on{background:var(--ink);color:var(--paper)}.presets{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px;display:grid}.presets button{border:2px solid var(--line);aspect-ratio:1;background:#fff;padding:0}.presets img{width:100%;height:100%;display:block}.editor-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px 22px;display:grid}.postit{background:var(--postit);border:2px solid var(--line);box-shadow:var(--shadow);padding:18px 22px;display:inline-block;transform:rotate(-1deg)}.postit .code{font-family:var(--mono);letter-spacing:.25em;font-size:44px;font-weight:700}.roster{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;display:grid}.roster .slot{border:2px solid var(--line);box-shadow:3px 3px 0 var(--ink);background:#fffdf7;min-height:190px;position:relative}.roster .slot.empty{box-shadow:none;color:var(--ink-2);font-family:var(--mono);background:0 0;border-style:dashed;place-items:center;font-size:12px;display:grid}.roster img{background:var(--paper-2);width:100%;display:block}.roster .who{border-top:2px solid var(--line);justify-content:space-between;align-items:center;gap:6px;padding:8px 10px;font-size:15px;font-weight:700;display:flex}.tag{font-family:var(--mono);letter-spacing:.08em;border:1.5px solid var(--line);white-space:nowrap;background:#fff;padding:2px 6px;font-size:10px}.tag.ok{background:var(--green);color:#fff}.tag.host{background:var(--postit);position:absolute;top:8px;left:8px}.tag.off{background:var(--red);color:#fff}.table{border-collapse:collapse;width:100%;font-size:15px}.table th{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;text-align:left;border-bottom:2px solid var(--line);padding:8px 6px;font-size:11px}.table td{border-bottom:1px solid var(--paper-2);vertical-align:middle;padding:8px 6px}.table .num{font-family:var(--mono);text-align:right}.chip{font-family:var(--mono);border:1.5px solid var(--line);background:#fff;margin:2px 4px 2px 0;padding:1px 6px;font-size:11px;display:inline-block}.game{background:#0f0e0c;position:fixed;inset:0}.game canvas.view{width:100%;height:100%;display:block}.hud{pointer-events:none;color:var(--hud-ink);font-family:var(--display);position:absolute;inset:0}.hud .panel{background:var(--hud-bg);border:2px solid #ffffff1f;border-radius:6px;padding:10px 12px}.crosshair{width:22px;height:22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair:before,.crosshair:after{content:"";background:#fff;position:absolute;box-shadow:0 0 0 1px #0009}.crosshair:before{width:2px;height:22px;top:0;left:10px}.crosshair:after{width:22px;height:2px;top:10px;left:0}.crosshair.hit:before,.crosshair.hit:after{background:var(--red)}.hud-top{text-align:center;position:absolute;top:14px;left:50%;transform:translate(-50%)}.timer{font-family:var(--mono);padding:6px 16px;font-size:28px;font-weight:700}.zone-pill{white-space:nowrap;align-items:center;gap:8px;margin-top:6px;padding:5px 10px;font-size:13px;font-weight:700;display:inline-flex}.zone-arrow{border-left:7px solid #0000;border-right:7px solid #0000;border-bottom:12px solid var(--postit);width:0;height:0;display:inline-block}.feed{flex-direction:column;gap:4px;max-width:380px;display:flex;position:absolute;top:14px;left:14px}.feed div{background:var(--hud-bg);border-radius:4px;padding:5px 10px;font-size:14px;font-weight:600}.feed .me{background:#ff4d3dd9}.feed .info{background:#2f6fdfd9}.mini-board{min-width:200px;font-size:14px;position:absolute;top:14px;right:14px}.mini-board .r{justify-content:space-between;gap:12px;padding:2px 0;display:flex}.mini-board .r.me{color:var(--postit)}.mini-board .num{font-family:var(--mono)}.status-panel{width:300px;position:absolute;bottom:14px;left:14px}.status-panel .name{justify-content:space-between;align-items:baseline;margin-bottom:8px;font-size:18px;font-weight:800;display:flex}.lvl{font-family:var(--mono);background:var(--postit);color:var(--ink);border-radius:3px;padding:2px 7px;font-size:13px}.bar{background:#ffffff1f;border-radius:3px;height:16px;margin-bottom:6px;position:relative;overflow:hidden}.bar>i{transition:width .12s;position:absolute;inset:0 auto 0 0}.bar.hp>i.hp{background:linear-gradient(90deg,#ff4d3d,#ff8a3d)}.bar.hp>i.sh{background:#7b8cffd9}.bar.xp{height:7px}.bar.xp>i{background:var(--postit)}.bar span{font-family:var(--mono);text-shadow:0 1px 2px #000;place-items:center;font-size:11px;font-weight:700;display:grid;position:absolute;inset:0}.effects{flex-wrap:wrap;gap:5px;margin-top:6px;display:flex}.effects .fx{font-size:11px;font-family:var(--mono);background:#ffffff24;border-radius:3px;padding:2px 6px}.effects .fx.syn{color:var(--postit);background:#ffe14d40}.abilities{align-items:flex-end;gap:8px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.slot-ab{background:var(--hud-bg);text-align:center;border:2px solid #ffffff2e;border-radius:8px;place-items:center;width:84px;height:84px;display:grid;position:relative;overflow:hidden}.slot-ab .ico{padding:0 4px;font-size:11px;font-weight:800;line-height:1.05}.slot-ab .key{font-family:var(--mono);opacity:.8;font-size:11px;font-weight:700;position:absolute;top:3px;left:5px}.slot-ab .lv{font-family:var(--mono);color:var(--postit);font-size:10px;position:absolute;bottom:3px;right:5px}.slot-ab .cd{font-family:var(--mono);place-items:center;font-size:18px;font-weight:700;display:grid;position:absolute;inset:0}.slot-ab.small{width:56px;height:56px}.center-msg{text-align:center;place-items:center;display:grid;position:absolute;inset:0}.big-count{color:var(--postit);text-shadow:6px 6px 0 var(--ink);font-size:140px;font-weight:800}.death{border:2px solid var(--red);background:#14120fd1;border-radius:8px;padding:22px 34px}.death h2{margin:0 0 6px;font-size:34px}.blind{background:radial-gradient(circle,#502d1459 0%,#3c200cf5 55%);transition:opacity .2s;position:absolute;inset:0}.evolution{pointer-events:auto;text-align:center;position:absolute;bottom:110px;left:50%;transform:translate(-50%)}.evolution h3{letter-spacing:.04em;text-shadow:0 2px 4px #000;margin:0 0 8px;font-size:15px}.evo-cards{gap:10px;display:flex}.evo-card{text-align:left;width:200px;color:var(--ink);border:2px solid var(--ink);background:#fffdf7;border-radius:4px;padding:10px 12px 12px;position:relative;box-shadow:4px 4px #0009}.evo-card:hover{background:var(--postit)}.evo-card .k{font-family:var(--mono);border:1.5px solid var(--ink);padding:0 6px;font-size:13px;font-weight:700;position:absolute;top:8px;right:10px}.evo-card .type{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);font-size:10px}.evo-card .t{margin:4px 0;padding-right:26px;font-size:16px;font-weight:800}.evo-card .d{color:var(--ink-2);font-size:13px}.evo-card .lv{font-family:var(--mono);margin-top:6px;font-size:11px}.evo-timer{background:#fff3;border-radius:3px;height:5px;margin-top:10px;overflow:hidden}.evo-timer i{background:var(--postit);height:100%;display:block}.scoreboard{min-width:560px;padding:16px 20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scoreboard .table th{color:#cfc8b8;border-color:#ffffff4d}.scoreboard .table td{border-color:#ffffff14}.lock-hint{padding:8px 14px;font-weight:700;position:absolute;top:108px;left:50%;transform:translate(-50%)}.dmg-flash{opacity:0;transition:opacity .25s;position:absolute;inset:0;box-shadow:inset 0 0 120px #ff281e8c}.dmg-flash.on{opacity:1;transition:none}.race-place{text-align:right;text-shadow:3px 3px 0 var(--ink);position:absolute;top:14px;right:18px}.race-place .pos{color:var(--postit);font-size:84px;font-weight:800;line-height:.9}.race-place .pos small{font-size:40px}.race-place .of{font-size:28px;font-weight:800}.race-place .lap{font-size:24px;font-weight:800}.race-place .times{font-family:var(--mono);flex-direction:column;font-size:13px;font-weight:700;display:flex}.race-item{text-align:center;background:var(--hud-bg);border:2px solid #ffffff2e;border-radius:8px;width:190px;padding:8px 10px;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.race-item.full{border-color:var(--postit)}.race-item .ico{height:42px;font-size:34px;line-height:42px}.race-item .name{font-size:14px;font-weight:800}.race-item .key{opacity:.7;font-size:12px}.minimap-wrap{position:absolute;bottom:14px;left:14px;padding:6px!important}.minimap{width:220px;height:auto;display:block}.race-help{margin-top:8px;font-size:15px;font-weight:700}.wrong-way{color:#fff;background:var(--red);border:3px solid var(--ink);box-shadow:var(--shadow);padding:10px 26px;font-size:44px;font-weight:800;transform:translateY(-120px)}.postit-cover{aspect-ratio:1;background:var(--postit);place-items:center;width:min(62vw,560px);transition:opacity .2s;display:grid;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)rotate(-4deg);box-shadow:10px 12px #00000059}.postit-cover span{font-family:"Caveat", var(--display);color:var(--ink);font-size:54px;font-weight:800;transform:rotate(-6deg)}.podium{justify-content:center;align-items:flex-end;gap:18px;display:flex}.podium .step{text-align:center;width:190px}.podium .step img{width:170px;height:170px}.podium .who{margin-bottom:6px;font-weight:800}.podium .block{background:var(--paper-2);border:2px solid var(--ink);box-shadow:var(--shadow);place-items:center;font-size:34px;font-weight:800;display:grid}.podium .p1 .block{background:var(--postit);height:110px}.podium .p2 .block{height:80px}.podium .p3 .block{height:56px}@media (width<=640px){.podium .step{width:30%}.podium .step img{width:100%;height:auto}.race-place .pos{font-size:56px}.minimap{width:140px}}.cutscene .bar{background:#0c0b09;height:13vh;position:absolute;left:0;right:0}.cutscene .bar.top{top:0}.cutscene .bar.bottom{place-items:center;display:grid;bottom:0}.cutscene .speech{text-align:center;color:#fffdf7;max-width:760px;padding:0 16px;font-size:20px;font-weight:700}.cutscene .speech strong{color:var(--postit);letter-spacing:.08em;text-transform:uppercase;font-size:14px;display:block}