[data-view]:not(.view-active){display:none!important}:root,:root[data-theme=light]{color-scheme:light;--paper: #fdfcf7;--card: #ffffff;--ink: #24262b;--ink-soft: #4f535c;--muted: #6c707a;--pen: #1f4aa8;--pen-contrast: #ffffff;--pen-soft: rgba(31, 74, 168, .09);--margin: #d9474c;--margin-soft: rgba(217, 71, 76, .1);--marker: #ffe66b;--marker-soft: rgba(255, 230, 107, .55);--rule: #b4cbe6;--stroke: #34373e;--hairline: #dcdfe6;--veil: rgba(253, 252, 247, .94);--scrim: rgba(36, 38, 43, .45);--shadow: 0 1px 0 rgba(36, 38, 43, .06), 0 3px 10px rgba(36, 38, 43, .1);--grain-opacity: .035}:root[data-theme=dark]{color-scheme:dark;--paper: #232e29;--card: #2b3833;--ink: #ecefe8;--ink-soft: #c8cfc3;--muted: #a3ada5;--pen: #a9c8f0;--pen-contrast: #1b2420;--pen-soft: rgba(169, 200, 240, .14);--margin: #f0a8a2;--margin-soft: rgba(240, 168, 162, .14);--marker: #eee3a8;--marker-soft: rgba(238, 227, 168, .22);--rule: rgba(236, 239, 232, .2);--stroke: rgba(236, 239, 232, .62);--hairline: rgba(236, 239, 232, .16);--veil: rgba(35, 46, 41, .94);--scrim: rgba(0, 0, 0, .6);--shadow: 0 2px 10px rgba(0, 0, 0, .35);--grain-opacity: .07}:root{--bg: var(--paper);--surface: var(--card);--text: var(--ink);--text-secondary: var(--ink-soft);--very-muted: var(--muted);--sketch: var(--stroke);--border: var(--hairline);--line: var(--rule);--accent: var(--pen);--accent-contrast: var(--pen-contrast);--accent-soft: var(--pen-soft);--highlight: var(--marker);--highlight-soft: var(--marker-soft);--bg-veil: var(--veil);--overlay-veil: var(--scrim)}:root{--font-hand: "Kalam", "Segoe Print", cursive;--font-body: "Nunito", system-ui, sans-serif;--fs-caption: .8125rem;--fs-small: .9375rem;--fs-body: 1.0625rem;--fs-lead: 1.3125rem;--fs-h3: 1.625rem;--fs-h2: 2.0625rem;--fs-h1: 2.625rem;--fs-display: 3.25rem;--fs-hand-sm: 1.45rem;--gutter: 16px;--measure: 34rem;--topbar-h: 56px;--tap: 48px;--wobble-sm: 125px 10px 115px 10px / 10px 115px 10px 125px;--wobble-md: 24px 8px 22px 10px / 10px 22px 8px 24px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}button,input,select,textarea{font:inherit;color:inherit}img,svg,canvas{vertical-align:middle}ul,ol{padding-left:1.5em}abbr[title]{text-decoration:none}body{margin:0;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background-color:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:var(--fs-body);line-height:1.55}body:after{content:"";position:fixed;inset:0;z-index:3000;pointer-events:none;opacity:var(--grain-opacity);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E")}.site-main{flex:1 0 auto;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-family:var(--font-hand);font-weight:700;line-height:1.15;letter-spacing:.005em;color:var(--ink);margin:0 0 .4em}h1{font-size:var(--fs-h1)}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3)}h4{font-size:var(--fs-lead)}p{margin:0 0 1em}a{color:var(--pen);text-underline-offset:.18em}a:hover{text-decoration-thickness:2px}.lead{font-size:var(--fs-lead);color:var(--ink-soft)}.small,.helper{font-size:var(--fs-small);color:var(--muted)}.text-muted{color:var(--muted)!important}.ruled-heading{border-bottom:2px solid var(--rule);padding-bottom:2px}.label-upper,.field-label{display:block;font-family:var(--font-body);font-size:var(--fs-small);font-weight:700;color:var(--ink-soft);letter-spacing:0;text-transform:none}:focus-visible{outline:3px solid var(--pen);outline-offset:3px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;height:var(--topbar-h);padding:0 var(--gutter);border-bottom:2px solid var(--rule);background:var(--paper);position:relative;z-index:30}.wordmark{display:inline-flex;align-items:center;gap:8px;min-height:var(--tap);font-family:var(--font-hand);font-size:var(--fs-lead);font-weight:700;color:var(--ink);text-decoration:none}a.wordmark:hover{color:var(--pen)}.wordmark-back{font-family:var(--font-body);font-size:var(--fs-body);color:var(--pen)}.die-icon{width:26px;height:26px;flex-shrink:0}.theme-toggle{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;background:var(--card);color:var(--ink);border:2px solid var(--stroke);border-radius:var(--wobble-sm);font-size:1.15rem;line-height:1;cursor:pointer}.theme-toggle:hover{background:var(--pen-soft)}:root[data-theme=light] .theme-icon-to-light{display:none}:root[data-theme=dark] .theme-icon-to-dark{display:none}.page{width:100%;max-width:calc(var(--measure) + 2 * var(--gutter));margin:0 auto;padding:24px var(--gutter) 48px}.page-centered{flex:1;display:flex;flex-direction:column;justify-content:center}.stack>*+*{margin-top:16px}.btn-pen,.btn-ink,.btn-quiet,.btn-primary,.btn-light,.btn-success,.btn-outline-light,.btn-outline-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--tap);padding:10px 22px;font-family:var(--font-body);font-size:var(--fs-body);font-weight:800;line-height:1.2;text-decoration:none;text-align:center;border-radius:var(--wobble-sm);cursor:pointer;touch-action:manipulation;transition:background-color .15s ease,filter .15s ease,transform .1s ease}.btn-pen:active,.btn-ink:active,.btn-primary:active,.btn-outline-light:active{transform:translateY(1px)}.btn-pen,.btn-primary,.btn-light,.btn-success{background:var(--pen);color:var(--pen-contrast);border:2px solid var(--pen);box-shadow:var(--shadow)}.btn-pen:hover,.btn-primary:hover,.btn-light:hover,.btn-success:hover,.btn-primary:focus,.btn-primary:active{background:var(--pen);color:var(--pen-contrast);border-color:var(--pen);filter:brightness(1.08) saturate(1.05)}.btn-pen:disabled,.btn-primary:disabled,.btn-light:disabled,.btn-success:disabled{background:transparent;color:var(--muted);border:2px dashed var(--hairline);box-shadow:none;cursor:not-allowed;filter:none}.btn-ink,.btn-outline-light{background:var(--card);color:var(--ink);border:2px solid var(--stroke)}.btn-ink:hover,.btn-outline-light:hover{background:var(--pen-soft);color:var(--ink);border-color:var(--stroke)}.btn-ink:disabled,.btn-quiet:disabled{background:transparent;color:var(--muted);border-style:dashed;border-color:var(--hairline);cursor:not-allowed}.btn-quiet,.btn-outline-secondary{background:transparent;color:var(--pen);border:2px solid transparent;font-weight:700;padding-inline:12px}.btn-quiet:hover,.btn-outline-secondary:hover{background:var(--pen-soft);color:var(--pen);border-color:transparent}.btn-block,.w-100.btn-pen,.w-100.btn-ink{width:100%}.btn-sm{min-height:40px;padding:6px 14px;font-size:var(--fs-small)}.field,.form-control,.form-select{display:block;width:100%;min-height:var(--tap);padding:10px 14px;background-color:var(--card);border:2px solid var(--stroke);border-radius:var(--wobble-sm);color:var(--ink);font-family:var(--font-body);font-size:var(--fs-body)}.field:focus,.form-control:focus,.form-select:focus{outline:none;background-color:var(--card);border-color:var(--pen);color:var(--ink);box-shadow:0 0 0 3px var(--pen-soft)}.field::placeholder,.form-control::placeholder{color:var(--muted);opacity:1}.field-error{margin:8px 0 0;font-size:var(--fs-small);font-weight:700;color:var(--margin)}:root[data-theme=light] .field-error{color:#b3262b}.field[aria-invalid=true]{border-color:var(--margin)}.index-card,.card{background-color:var(--card);border:2px solid var(--stroke);border-radius:var(--wobble-md);box-shadow:var(--shadow);padding:18px 20px}.card-title{color:var(--ink);font-size:var(--fs-h3)}.card-text{color:var(--muted);font-size:var(--fs-small)}.sheet-box{background:var(--card);border:1px solid var(--hairline);border-radius:10px;padding:14px 18px}.stepper{display:flex;align-items:stretch;width:100%;max-width:260px;border:2px solid var(--stroke);border-radius:var(--wobble-sm);background:var(--card);overflow:hidden}.stepper button{width:64px;min-height:56px;border:0;background:transparent;color:var(--pen);font-size:1.75rem;font-weight:800;line-height:1;cursor:pointer;touch-action:manipulation}.stepper button:hover:not(:disabled){background:var(--pen-soft)}.stepper button:disabled{color:var(--hairline);cursor:not-allowed}.stepper output,.stepper input{flex:1;display:flex;align-items:center;justify-content:center;border:0;border-inline:2px solid var(--hairline);background:transparent;color:var(--ink);font-family:var(--font-hand);font-size:var(--fs-h2);font-weight:700;text-align:center;min-width:0}.player-chip{display:inline-block;padding:6px 12px;border-radius:4px;font-size:var(--fs-small);font-weight:700;background:var(--card);color:var(--ink);border:1.5px solid var(--stroke);transform:rotate(-1deg)}.player-chip:nth-child(2n){transform:rotate(1.2deg)}.player-chip.is-ghost{border-style:dashed;color:var(--muted);box-shadow:none}.chip-tag{font-size:var(--fs-caption);font-weight:700}.player-chip.chip-new{animation:chipSlideIn .25s ease}@keyframes chipSlideIn{0%{translate:0 8px;opacity:0}to{translate:0 0;opacity:1}}.ref-list{border-top:2px solid var(--rule)}.ref-item{border-bottom:2px solid var(--rule)}.ref-item>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:var(--tap);padding:10px 2px;font-weight:800;cursor:pointer;list-style:none}.ref-item>summary::-webkit-details-marker{display:none}.ref-item>summary:after{content:"+";font-size:1.5rem;font-weight:700;color:var(--pen);line-height:1}.ref-item[open]>summary:after{content:"−"}.ref-item>summary:hover{color:var(--pen)}.ref-body{padding:0 2px 16px;color:var(--ink-soft)}.ref-body ul,.ref-body ol{margin:0;padding-left:1.25em}.ref-body li+li{margin-top:4px}.sheet-dialog{width:min(440px,calc(100vw - 2 * var(--gutter)));max-height:calc(100dvh - 32px);padding:0;color:var(--ink);background:var(--card);border:2px solid var(--stroke);border-radius:var(--wobble-md);box-shadow:var(--shadow)}.sheet-dialog::backdrop{background:var(--scrim)}.sheet-dialog[open]{animation:dialogIn .18s ease-out}@keyframes dialogIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px 6px}.dialog-head h2{font-size:var(--fs-h3);margin:0}.dialog-close{width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:var(--ink-soft);font-size:1.5rem;cursor:pointer}.dialog-close:hover{background:var(--pen-soft)}.dialog-body{padding:6px 18px 4px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;padding:14px 18px 18px}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px var(--gutter);border-top:2px solid var(--rule);background:var(--paper)}.site-footer .version-tag{font-size:var(--fs-caption);color:var(--muted)}.feedback-btn{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:6px 14px;background:transparent;color:var(--pen);border:2px solid transparent;border-radius:var(--wobble-sm);font-family:var(--font-body);font-size:var(--fs-small);font-weight:800;cursor:pointer}.feedback-btn:hover{background:var(--pen-soft)}.app-toast{position:fixed;top:16px;left:50%;transform:translate(-50%);width:max-content;max-width:calc(100vw - 2 * var(--gutter));display:flex;align-items:center;gap:12px;padding:12px 20px;border-radius:var(--wobble-md);font-size:var(--fs-body);font-weight:700;z-index:9999;border:2px solid var(--stroke);box-shadow:var(--shadow);animation:toastIn .2s ease-out}@keyframes toastIn{0%{opacity:0;translate:0 -8px}to{opacity:1;translate:0 0}}.app-toast-info{background:var(--card);color:var(--ink)}.app-toast-success{background:var(--pen);color:var(--pen-contrast);border-color:var(--pen)}.app-toast-warning{background:var(--marker);color:#24262b;border-color:#24262b}.app-toast-action{min-height:36px;padding:4px 12px;border:2px solid currentColor;border-radius:var(--wobble-sm);background:transparent;color:inherit;font:inherit;font-weight:800;cursor:pointer}.join-form{max-width:300px}.join-form .btn-pen{margin-top:18px}.code-slots{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:300px}.code-slots input{position:absolute;inset:0;width:100%;height:100%;opacity:0;border:0;font-size:16px;caret-color:transparent;cursor:text;z-index:1}.code-slot{position:relative;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:var(--card);border:2.5px solid var(--stroke);border-radius:14px;box-shadow:var(--shadow);font-family:var(--font-body);font-size:clamp(1.75rem,9vw,2.25rem);font-weight:900;color:var(--pen);transition:border-color .12s ease,transform .12s ease}.code-slot:nth-child(odd){transform:rotate(-2deg)}.code-slot:nth-child(2n){transform:rotate(1.5deg)}.code-slot.is-filled{transform:none}.code-slots:focus-within .code-slot.is-next{border-color:var(--pen);box-shadow:0 0 0 3px var(--pen-soft),var(--shadow)}.code-slots:focus-within .code-slot.is-next:not(.is-filled):after{content:"";width:3px;height:45%;background:var(--pen);border-radius:2px;animation:caretBlink 1s steps(1) infinite}@keyframes caretBlink{50%{opacity:0}}.code-slots:has(input[aria-invalid=true]) .code-slot{border-color:var(--margin)}