@font-face{font-family:Archivo;src:url(./archivo-latin.DgwF7Dd2.woff2) format("woff2");font-weight:400 700;font-stretch:100% 125%;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo;src:url(./archivo-latin-ext.B7gjg_ui.woff2) format("woff2");font-weight:400 700;font-stretch:100% 125%;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--stage: #0f1a14;--chalk: #f4f5f0;--ink: #101a14;--live: #f2b134;--live-deep: #9a5b00;--warn: #8c1f14;--mute-on-chalk: rgb(16 26 20 / 70%);--mute-on-stage: rgb(244 245 240 / 70%);--hairline-on-chalk: rgb(16 26 20 / 14%);--hairline-on-stage: rgb(244 245 240 / 14%);--dim-on-chalk: rgb(16 26 20 / 8%);--dim-on-stage: rgb(244 245 240 / 8%);--edge-on-chalk: rgb(16 26 20 / 55%);--edge-on-stage: rgb(244 245 240 / 55%);--gutter: 20px;--rail-height: 56px;--slot-max-width: 100%;--round-action-height: 64px;--control-height: 44px;--radius-slot: 6px;--radius-control: 8px;--size-label: .8125rem;--size-body: .9375rem;--size-roster: 1.0625rem;--size-control: 1rem;--size-wordmark: 1.25rem;--measure: 68ch;--font: "Archivo", "Noto Sans Thai", "Sukhumvit Set", Thonburi, "Leelawadee UI", Tahoma, system-ui, "Segoe UI", Roboto, sans-serif;--commit-duration: .6s;--commit-ease: cubic-bezier(.2, 0, 0, 1)}@media(min-width:640px){:root{--gutter: 32px;--rail-height: 60px}}@media(min-width:1024px){:root{--gutter: 48px;--rail-height: 64px;--slot-max-width: 40rem;--round-action-height: 72px;--size-body: 1rem;--size-roster: 1.125rem}}.surface-chalk{--ground: var(--chalk);--on-ground: var(--ink);--mute: var(--mute-on-chalk);--hairline: var(--hairline-on-chalk);--edge: var(--edge-on-chalk);--dim: var(--dim-on-chalk);--accent-text: var(--live-deep);--focus-ring: var(--live-deep);--focus-inner: var(--ink);background-color:var(--ground);color:var(--on-ground)}.surface-stage{--ground: var(--stage);--on-ground: var(--chalk);--mute: var(--mute-on-stage);--hairline: var(--hairline-on-stage);--edge: var(--edge-on-stage);--dim: var(--dim-on-stage);--accent-text: var(--live);--focus-ring: var(--live);--focus-inner: var(--chalk);background-color:var(--ground);color:var(--on-ground)}.surface-chalk,.surface-stage{transition:background-color var(--commit-duration) var(--commit-ease),color var(--commit-duration) var(--commit-ease)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font);font-size:var(--size-body);font-weight:400;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,p,ul,ol,figure{margin:0;padding:0}ul,ol{list-style:none}button,input,select,textarea{font:inherit;color:inherit;margin:0}.tabular{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.bands{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.rail{display:flex;align-items:center;gap:.75rem;min-height:var(--rail-height);padding:0 var(--gutter);border-bottom:1px solid var(--hairline);font-size:var(--size-label)}.rail--foot{border-bottom:0;border-top:1px solid var(--hairline)}.rail__spacer{flex:1 1 auto;min-width:0}.room-code{font-weight:600;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.room-code__label{font-weight:600;color:var(--mute)}.label{font-size:var(--size-label);font-weight:600;color:var(--mute)}.meta{font-size:var(--size-label);color:var(--mute)}.band{min-width:0;padding:calc(var(--gutter) * .9) var(--gutter)}.measure{max-width:var(--measure)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:var(--control-height);padding:0 1.25rem;border:1px solid transparent;border-radius:var(--radius-control);font-weight:500;font-size:var(--size-control);cursor:pointer;transition:none;text-align:center;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.btn--primary:active:not([disabled]){background-color:var(--live-deep);border-color:var(--live-deep);color:var(--chalk)}.btn--quiet:active:not([disabled]){background-color:var(--hairline)}.btn--warn:active:not([disabled]){background-color:var(--ink);border-color:var(--ink)}.btn--primary{background-color:var(--live);color:var(--ink);border-color:var(--live)}.btn--warn{background-color:var(--warn);color:var(--chalk);border-color:var(--warn)}.btn--quiet{background-color:transparent;color:var(--on-ground);border-color:var(--edge)}.btn[disabled],.btn[aria-disabled=true]{cursor:not-allowed;background-color:transparent;border-color:var(--hairline);color:var(--mute)}.field{display:block;width:100%;min-height:var(--control-height);padding:0 .75rem;border:1px solid var(--edge);border-radius:var(--radius-control);background-color:transparent;color:var(--on-ground);font-size:var(--size-control)}.field::placeholder{color:var(--mute)}.field--invalid{border-color:var(--warn)}.wordmark{font-size:var(--size-wordmark);font-weight:600}.field-label{display:block;margin-bottom:.5rem;font-size:var(--size-label);font-weight:600}.field-note{display:block;min-height:1.5rem;margin-top:.375rem;font-size:var(--size-label);line-height:1.5}.field-note--error{color:var(--warn)}.field-note--hint{color:var(--mute)}:focus-visible{outline:3px solid var(--focus-ring, var(--live-deep));outline-offset:2px;box-shadow:0 0 0 1px var(--focus-inner, var(--ink))}@media(forced-colors:active){:focus-visible{outline-color:Highlight}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}@media(prefers-reduced-motion:reduce){.code-entry__caret{animation:none!important;opacity:1}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
