:root{color-scheme:dark;--ink:#fff6df;--muted:#a99b82;--bg:#11110f;--panel:#1c1c18;--line:#39372f;--orange:#ff5835;--yellow:#ffe240;--cyan:#4ee7e0;--mint:#69ed98;font-family:Inter,ui-sans-serif,system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#312114 0,#11110f 38%);color:var(--ink);min-height:100vh}main{width:min(100%,560px);margin:auto;padding:24px 16px 48px}header{display:flex;align-items:end;justify-content:space-between;margin-bottom:14px}.kicker,.step{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:800;margin:0}h1{font:900 40px/1 ui-rounded,system-ui;margin:0;letter-spacing:-.08em}h1 span{color:var(--orange)}h2{font-size:24px;margin:3px 0 0}.view-switch{display:grid;grid-template-columns:1fr 1fr;background:#11110f;border:1px solid var(--line);border-radius:13px;padding:3px;margin-bottom:18px}.view-switch button{min-height:38px;border-radius:9px;background:transparent;color:var(--muted);font-weight:800}.view-switch button.active{background:var(--panel);color:var(--ink);box-shadow:0 3px 12px #0005}.panel{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:0 18px 45px #0005}.panel-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:18px}.panel-head label{display:grid;gap:4px;color:var(--muted);font-size:12px}select,input,button{font:inherit}select,input{background:#11110f;color:var(--ink);border:1px solid var(--line);border-radius:12px;min-height:48px;padding:10px 12px}select:focus,input:focus{outline:2px solid var(--orange);outline-offset:1px}.name-fields,.score-fields{display:grid;gap:10px;margin-bottom:16px}.name-fields label{display:grid;gap:5px;color:var(--muted);font-size:12px}.score-row{display:grid;grid-template-columns:36px 1fr 105px;align-items:center;gap:10px}.rank{font-weight:900;color:var(--yellow);text-align:center}.player-meta strong{display:block}.player-meta small{color:var(--muted)}.score-row input{text-align:right;font-size:20px;font-weight:800;width:100%}button{border:0;cursor:pointer}.primary{width:100%;min-height:54px;border-radius:14px;background:var(--orange);color:white;font-weight:900}.preview-wrap{margin-bottom:18px}.preview-head{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;font-weight:700;margin:0 4px 7px}canvas{display:block;width:100%;aspect-ratio:2/1;image-rendering:pixelated;background:#050605;border:8px solid #292923;border-radius:12px;box-shadow:0 18px 45px #0008}.hint{color:var(--muted);font-size:12px;margin:0;max-width:130px;text-align:right}.actions,.new-actions{display:flex;align-items:center}.actions{justify-content:space-between;padding:14px 4px}.new-actions{gap:2px}.secondary,.text-button{background:transparent;color:var(--ink);padding:10px}.secondary{border:1px solid var(--line);border-radius:12px}.secondary:disabled{opacity:.35}.text-button{color:var(--muted)}.winner{border:1px solid #6f5b17;background:#2b2512;color:var(--yellow);padding:14px 16px;border-radius:14px;margin-bottom:14px;font-weight:900;text-align:center}.rankings-panel{padding-bottom:8px}.rankings-list{display:grid}.ranking-row{display:grid;grid-template-columns:42px 1fr auto;align-items:center;min-height:58px;border-top:1px solid var(--line)}.ranking-row:first-child{border-top:0}.ranking-position{color:var(--yellow);font-weight:900;text-align:center}.ranking-name{font-size:18px;font-weight:850}.ranking-wins{color:var(--cyan);font-size:18px;font-weight:900}.ranking-wins small{color:var(--muted);font-size:11px;font-weight:700;margin-left:4px}#status{min-height:20px;text-align:center;color:var(--muted);font-size:13px}.error{color:#ff927d!important}[hidden]{display:none!important}@media(min-width:480px){.name-fields{grid-template-columns:1fr 1fr}}
.identity{min-width:0}.identity .kicker{letter-spacing:.06em;overflow-wrap:anywhere}.identity .text-button{padding:7px 0;font-size:11px}.collection-tools{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:10px}.collection-tools button{font-size:12px;padding:8px 4px}.field{display:grid;gap:7px;margin:16px 0;font-size:13px}.field input{width:100%;min-width:0}.muted,.note,.intro{color:var(--muted)}.intro{line-height:1.6;font-size:14px}.note{font-size:12px;line-height:1.6}.view-switch{grid-template-columns:repeat(3,1fr)}hr{border:0;border-top:1px solid var(--line);margin:24px 0}#recovery-panel,#share-panel{margin-bottom:18px}.history-game{border-top:1px solid var(--line);padding:16px 0}.history-player{display:flex;justify-content:space-between;padding:5px 0;font-size:14px}.history-player strong{color:var(--cyan)}button:disabled{opacity:.5;cursor:wait}.primary:disabled{opacity:.5}button:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}

.history-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.delete-game{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border-radius:10px;background:transparent;color:var(--muted)}.delete-game:hover{background:#ff58351a;color:#ff927d}