:root{--bg:#141414;--surface:#262626;--surface-2:#333;--text:#f5f5f5;--text-muted:#b5b5b5;--accent:#e0213a;--accent-deep:#8a1c2a;--spy:#ff3b30;--civilian:#2f8cff;--radius:20px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:18px;line-height:1.4}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}html{overflow:hidden}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);overscroll-behavior:none;-webkit-user-select:none;user-select:none;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;border:0}.screen{overscroll-behavior:contain;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:24px;height:100%;padding:32px 24px;display:flex;overflow-y:auto}.title{letter-spacing:.04em;color:var(--accent);text-shadow:0 0 24px #e0213a80;margin:0;font-size:72px;font-weight:900}.subtitle{color:var(--text-muted);margin:0}.stack{flex-direction:column;gap:16px;width:100%;max-width:420px;display:flex}.btn{border-radius:var(--radius);background:var(--surface);letter-spacing:.08em;text-transform:uppercase;width:100%;padding:18px 24px;font-size:20px;font-weight:700}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(180deg, #a52236, var(--accent-deep))}.screen-scroll{justify-content:flex-start;gap:32px}.screen-scroll .topbar{z-index:1;background:var(--bg);padding-block:8px;position:sticky;top:-32px}.topbar{justify-content:space-between;align-items:center;gap:8px;width:100%;max-width:420px;display:flex}.topbar-title{letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:22px;font-weight:800}.topbar-btn{text-align:left;min-width:56px;color:var(--text-muted);background:0 0;padding:8px 4px;font-size:17px}.topbar-spacer{display:block}.section-title{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);text-align:left;margin:0;font-size:15px;font-weight:700}.stepper{border-radius:var(--radius);background:var(--surface);text-align:left;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.stepper-text{flex-direction:column;min-width:0;display:flex}.stepper-label{letter-spacing:.04em;font-weight:700}.stepper-hint{color:var(--text-muted);font-size:14px}.stepper-controls{flex:none;align-items:center;gap:4px;display:flex}.stepper-btn{background:var(--surface-2);border-radius:50%;width:44px;height:44px;font-size:24px;font-weight:700;line-height:1}.stepper-btn:disabled{opacity:.35;cursor:default}.stepper-btn:not(:disabled):active{transform:scale(.92)}.stepper-value{text-align:center;font-variant-numeric:tabular-nums;min-width:76px;font-size:20px;font-weight:800}.pack-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.pack{border-radius:var(--radius);background:var(--surface);text-align:left;border:2px solid #0000;flex-direction:column;gap:4px;width:100%;padding:14px 16px;display:flex}.pack-selected{border-color:var(--accent)}.pack-name{font-weight:700}.pack-meta{color:var(--text-muted);font-size:14px}.error{color:var(--spy);margin:0;font-size:15px}.handoff-name{letter-spacing:.04em;margin:0;font-size:44px;font-weight:900}.screen-card{touch-action:none;justify-content:space-between;padding-top:24px;overflow:hidden}.reveal-hint{min-height:2.8em;margin:0}.card-stack{border-radius:var(--radius);background:var(--surface);flex:1;width:100%;max-width:420px;min-height:360px;position:relative;overflow:hidden}.card-role{flex-direction:column;justify-content:flex-end;align-items:center;gap:12px;padding:32px 24px 56px;display:flex;position:absolute;inset:0}.card-kicker{color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:14px}.card-headline{color:var(--civilian);margin:0;font-size:40px;font-weight:900;line-height:1.1}.card-headline-spy{color:var(--spy);letter-spacing:.06em;font-size:64px}.card-note{color:var(--text-muted);margin:0;font-size:15px}.card-cover{border-radius:var(--radius);background:linear-gradient(180deg, #a52236, var(--accent-deep));touch-action:none;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;transition:transform .22s cubic-bezier(.2,.9,.3,1);display:flex;position:absolute;inset:0;box-shadow:0 -12px 32px #00000080}.card-cover-dragging{transition:none}.card-cover-held{transform:translateY(-100%)}.card-cover-name{letter-spacing:.04em;font-size:28px;font-weight:900}.card-cover-hint{color:#fffc;letter-spacing:.06em;text-transform:uppercase;font-size:15px}.card-cover-arrow{font-size:28px;animation:1.6s ease-in-out infinite nudge}@keyframes nudge{0%,to{opacity:.6;transform:translateY(4px)}50%{opacity:1;transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.card-cover-arrow{animation:none}}.countdown{color:var(--accent);font-variant-numeric:tabular-nums;text-shadow:0 0 32px #e0213a80;margin:0;font-size:140px;font-weight:900;line-height:1}.clock{font-variant-numeric:tabular-nums;letter-spacing:.02em;margin:0;font-size:88px;font-weight:900;line-height:1}.progress{background:var(--surface-2);border-radius:3px;width:100%;max-width:420px;height:6px;overflow:hidden}.progress-fill{background:var(--accent);transform-origin:0;height:100%;transition:transform .25s linear}.result-title{letter-spacing:.02em;margin:0;font-size:40px;font-weight:900}.reveal-box{border-radius:var(--radius);background:var(--surface);flex-direction:column;align-items:center;gap:8px;padding:20px 16px;display:flex}.spy-list{flex-wrap:wrap;justify-content:center;gap:8px 16px;margin:0;padding:0;list-style:none;display:flex}.spy-name{color:var(--spy);font-size:28px;font-weight:900}.segmented{border-radius:var(--radius);background:var(--surface);gap:4px;padding:4px;display:flex}.segment{border-radius:calc(var(--radius) - 6px);color:var(--text-muted);letter-spacing:.04em;background:0 0;flex:1;padding:12px 8px;font-weight:700}.segment-on{background:var(--surface-2);color:var(--text)}.pack-static{border-radius:var(--radius);background:var(--surface);text-align:left;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.field{text-align:left;flex-direction:column;gap:6px;display:flex}.field-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:14px}.input{border-radius:var(--radius);background:var(--surface);width:100%;color:var(--text);font:inherit;-webkit-user-select:text;user-select:text;border:0;padding:14px 16px}.input:focus-visible{outline:2px solid var(--accent)}.textarea{resize:vertical;line-height:1.5}.btn-danger{background:var(--accent-deep)}:root[data-theme=light]{--bg:#f4f1ee;--surface:#fff;--surface-2:#e7e2dc;--text:#1b1b1b;--text-muted:#5f5b57;--accent:#c01a30;--accent-deep:#8a1c2a;--spy:#c8102e;--civilian:#1c5fd0;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg)}:root[data-theme=light] .title{text-shadow:none}:root[data-theme=light] .btn-primary,:root[data-theme=light] .card-cover{color:#fff}.home-brand{flex-direction:column;align-items:center;gap:4px;display:flex}.emblem{color:var(--accent);filter:drop-shadow(0 8px 24px #e0213a59)}.btn-quiet{color:var(--text-muted);background:0 0;padding:12px;font-size:16px}.card-cover{background-image:radial-gradient(circle at 1px 1px, #ffffff29 1px, transparent 0), linear-gradient(180deg, #a52236, var(--accent-deep));background-size:14px 14px,100% 100%}.how-step{border-radius:var(--radius);background:var(--surface);text-align:left;padding:16px}.how-title{letter-spacing:.02em;margin:0 0 6px;font-size:18px;font-weight:800}.how-body{color:var(--text-muted);margin:0;font-size:16px}.how-list{text-align:left;color:var(--text-muted);flex-direction:column;gap:8px;margin:0;padding-left:22px;font-size:16px;display:flex}.setting{border-radius:var(--radius);background:var(--surface);text-align:left;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:14px 16px;display:flex}.switch{background:var(--surface-2);border-radius:16px;flex:none;width:52px;height:32px;padding:4px;transition:background .16s;display:flex}.switch-on{background:var(--accent);justify-content:flex-end}.switch-knob{background:#fff;border-radius:50%;width:24px;height:24px}.install{border-radius:var(--radius);background:var(--surface);text-align:left;flex-direction:column;gap:12px;width:100%;max-width:420px;padding:16px;display:flex}.install-text{flex-direction:column;display:flex}.install-actions{gap:8px;display:flex}.install-btn{padding:12px 16px;font-size:16px}.setting-note{text-align:left;font-size:14px}