@font-face{font-family:Nunito;src:url(/assets/Nunito-Bold-CNC8jpAr.ttf)format("truetype");font-weight:700;font-display:swap}:root{--pad-backdrop:#10121c;--pad-surface:#1c2030eb;--pad-surface-raised:#282e44;--pad-text:#f0f2fa;--pad-text-muted:#a0a8c4;--pad-text-on-light:#1c180c;--pad-accent:#f5c542;--pad-confirmed:#59c7e8;--pad-danger:#e2473a;--pad-space-1:4px;--pad-space-2:8px;--pad-space-3:16px;--pad-radius-m:10px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{background:var(--pad-backdrop);min-height:100%;color:var(--pad-text);margin:0;font-family:Nunito,system-ui,sans-serif;font-weight:700}.code-entry{justify-content:center;align-items:center;gap:var(--pad-space-3);min-height:100dvh;padding:max(var(--pad-space-3), env(safe-area-inset-top)) max(var(--pad-space-3), env(safe-area-inset-right)) max(var(--pad-space-3), env(safe-area-inset-bottom)) max(var(--pad-space-3), env(safe-area-inset-left));text-align:center;flex-direction:column;display:flex}.code-entry .code-field{--code-field-font-size:clamp(20px, 6vmin, 32px)}.code-entry__title{color:var(--pad-accent);margin:0;font-size:clamp(28px,9vmin,56px)}.code-entry__prompt,.code-entry__play-hint{max-width:28em;color:var(--pad-text-muted);margin:0}.code-entry__play{align-items:center;gap:var(--pad-space-2);margin-top:var(--pad-space-3);flex-direction:column;display:flex}.code-entry__play[hidden]{display:none}.code-entry__play-link{padding:var(--pad-space-2) var(--pad-space-3);border-radius:var(--pad-radius-m);border:2px solid var(--pad-confirmed);color:var(--pad-confirmed);font-size:clamp(18px,5vmin,28px);text-decoration:none}.code-field{--code-field-font-size:5dvmin;gap:var(--pad-space-2);-webkit-user-select:text;user-select:text;touch-action:manipulation;grid-template-columns:auto auto;display:grid}.code-field[hidden]{display:none}.code-field__input,.code-field__submit{font:inherit;font-size:var(--code-field-font-size);padding:var(--pad-space-2) var(--pad-space-3);border-radius:var(--pad-radius-m);border:2px solid var(--pad-surface-raised);background:var(--pad-surface);color:var(--pad-text)}.code-field__input{text-transform:uppercase;letter-spacing:.15em;width:8ch}.code-field__submit{background:var(--pad-accent);color:var(--pad-text-on-light);border-color:var(--pad-accent)}.code-field__submit:disabled{opacity:.6}.code-field__error{min-height:1.2em;color:var(--pad-danger);font-size:calc(var(--code-field-font-size) * .8);grid-column:1/-1;margin:0}