:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#ece8dd;--muted:#aeb7ad;--panel:#343d3b;--panel-deep:#28312f;--line:#596561;--moss:#a8c88e;--moss-dark:#253328;--clay:#d98566;font-family:Inter,ui-rounded,system-ui,sans-serif}html,body,#root{min-width:20rem;min-height:100%}body{min-height:100dvh;color:var(--ink);background:radial-gradient(circle at 20% 10%,#6682632e,#0000 30rem),#293331;margin:0}button,.button,input{font:inherit}button,.button{box-sizing:border-box;border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#414c49;border-radius:.55rem;padding:.55rem .9rem;text-decoration:none}button:hover,.button:hover{background:#4a5854;border-color:#84948c}button.primary,.button.primary{background:var(--moss);color:var(--moss-dark);border-color:#b8d99d;font-weight:750}button:disabled{cursor:not-allowed;opacity:.48}input{box-sizing:border-box;border:1px solid var(--line);color:var(--ink);background:#28322f;border-radius:.55rem;outline:none;padding:.65rem .8rem}input:focus{border-color:var(--moss);box-shadow:0 0 0 3px #a8c88e26}h1{letter-spacing:-.04em;margin:.2rem 0 .75rem;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.15rem,6vw,3.8rem);font-weight:500}.eyebrow{color:#c2d8ad;letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:800}.splash{text-align:center;max-width:34rem;margin:18vh auto;padding:2rem}.login-card{background:#333e3bd1;border:1px solid #e5eada1a;border-radius:1rem;box-shadow:0 2rem 5rem #0d141259}.login-card .button{margin-top:1rem;display:inline-block}.lobby{max-width:52rem;margin:15vh auto;padding:0 1rem}.lobby-with-character{grid-template-columns:13rem 1fr;align-items:center;gap:2.5rem;display:grid}.lobby-character{background:#28312fad;border:1px solid #ece8dd1a;border-radius:1rem;flex-direction:column;align-items:center;padding:1.3rem;display:flex}.lobby-character .character-portrait{width:9rem}.lobby-character span{max-width:100%;color:var(--muted);text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.lobby form:not(.logout-form){gap:.5rem;display:flex}.lobby input{min-width:15rem}.logout-form{margin-top:1.5rem}.logout-form button{color:var(--muted);background:0 0;border:0;font-size:.8rem}.creator-page{box-sizing:border-box;min-height:100dvh;padding:clamp(1rem,4vw,4rem)}.character-editor{background:linear-gradient(145deg,#37433ffa,#28322ffa);border:1px solid #ece8dd1c;border-radius:1.25rem;grid-template-columns:minmax(15rem,20rem) minmax(26rem,42rem);gap:clamp(1.5rem,5vw,4rem);width:min(100%,68rem);margin:0 auto;padding:clamp(1.2rem,3vw,2.5rem);display:grid;box-shadow:0 2rem 6rem #0f171552}.character-editor-intro{text-align:center}.character-editor-intro h1{font-size:clamp(2rem,4.5vw,3rem)}.character-editor-intro>p:not(.eyebrow){color:var(--muted);line-height:1.5}.character-portrait{aspect-ratio:1/2;filter:drop-shadow(0 .8rem .8rem #090f0d33);width:min(100%,9rem);image-rendering:pixelated;margin:.75rem auto;display:block}.field-label{color:var(--muted);text-align:left;text-transform:uppercase;gap:.35rem;font-size:.75rem;font-weight:700;display:grid}.field-label input{text-transform:none;width:100%;font-size:1rem}.character-options{align-content:center;gap:.8rem;display:grid}.option-group{border:0;min-width:0;margin:0;padding:0}.option-group legend{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.35rem;font-size:.7rem;font-weight:800}.option-group>div{flex-wrap:wrap;gap:.35rem;display:flex}.option-group button{padding:.4rem .65rem;font-size:.8rem}.option-group button.selected{border-color:var(--moss);background:#5b7059;box-shadow:inset 0 0 0 1px #daebca24}.editor-actions{justify-content:flex-end;gap:.6rem;margin-top:.5rem;display:flex}.form-error{color:#ed9a8f}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#141c1ac7;place-items:center;padding:1.25rem;display:grid;position:fixed;inset:0;overflow:auto}.modal-backdrop .character-editor{margin:auto}.game{box-sizing:border-box;flex-direction:column;align-items:center;gap:.75rem;width:100%;height:100dvh;padding:clamp(.5rem,1.5vw,1rem);display:flex}.canvas-mount{background:#25303a;border-radius:10px;flex:auto;width:min(100%,90rem);min-height:20rem;max-height:56.25rem;overflow:hidden;box-shadow:0 1.25rem 3.5rem #0f141c47,0 0 0 1px #eceff414}.canvas-mount canvas{border-radius:inherit;image-rendering:pixelated;display:block}.hud{box-sizing:border-box;flex-wrap:wrap;align-items:baseline;gap:.45rem 1rem;width:min(100%,90rem);font-size:.9rem;line-height:1.2;display:flex}.hud button{padding:.25rem .5rem;font-size:.75rem}.hud-actions{gap:.35rem;display:flex}.invite-url{width:min(28rem,100%);padding:.3rem .45rem;font-size:.72rem}.status-connected{color:#a3be8c}.status-connecting{color:#ebcb8b}.status-disconnected{color:#bf616a}.hint{color:#81a1c1;font-size:.8rem}.rejection{color:#bf616a}@media (height<=30rem){.game{height:auto;min-height:100dvh}.canvas-mount{flex-basis:20rem}}@media (width<=48rem){.character-editor,.lobby-with-character{grid-template-columns:1fr}.character-editor{gap:1rem}.character-portrait{width:7rem}.lobby{margin:5vh auto}}