:is(#story-create,#story-join,#story-lobby,#story-mission-create){--backstage-ink:#090e19;--surface:#111b2b;--ivory:#fff5dd;--gold:#ebc787;--muted:#c6cbd3;color:var(--ivory)}#story-lobby .lobby>.panel,#story-lobby>.mission-preview,#story-mission-create>.mission-setup,:is(#story-create,#story-join)>.panel{border:1px solid color-mix(in srgb,var(--accent) 34%,#ffffff20);border-radius:24px;background:radial-gradient(ellipse at 92% 0,color-mix(in srgb,var(--primary) 16%,transparent),transparent 52%),linear-gradient(145deg,#142033f5,var(--surface) 58%,var(--backstage-ink));box-shadow:0 22px 65px #02050d8c,inset 0 1px #ffffff0b}:is(#story-create,#story-join,#story-lobby,#story-mission-create) h2{color:var(--ivory);font-family:Georgia,'Times New Roman',serif;letter-spacing:-.025em;text-wrap:balance}:is(#story-create,#story-join,#story-lobby,#story-mission-create) .muted{color:var(--muted)}:is(#story-create,#story-mission-create) .adventure-picker{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0 26px}:is(#story-create,#story-mission-create) .adventure-option{position:relative;isolation:isolate;justify-content:flex-end;min-height:225px;padding:16px;overflow:hidden;border:1px solid #ffffff35;border-radius:18px;background-color:#172236;background-position:center;background-size:cover;box-shadow:inset 0 -85px 70px -35px #050914e8;transition:border-color 180ms ease,box-shadow 180ms ease,transform 180ms ease}:is(#story-create,#story-mission-create) .adventure-option:hover{border-color:color-mix(in srgb,var(--accent) 72%,#fff);transform:translateY(-2px)}:is(#story-create,#story-mission-create) .adventure-option[aria-pressed=true]{border:2px solid var(--accent);box-shadow:inset 0 -100px 76px -32px #050914f5,0 0 0 3px color-mix(in srgb,var(--accent) 34%,transparent),0 14px 34px #0008}:is(#story-create,#story-mission-create) .adventure-option .emoji{align-self:flex-start;margin:0 auto auto 0;font-size:1.8rem;filter:drop-shadow(0 3px 8px #000a)}:is(#story-create,#story-mission-create) .adventure-option strong{color:#fff9eb;font-size:1.03rem;text-shadow:0 2px 10px #000}:is(#story-create,#story-mission-create) .adventure-option small{color:#f1e7d4;line-height:1.4;text-shadow:0 2px 8px #000}:is(#story-create,#story-mission-create) .fields{gap:20px}#story-create #story-adventure-label,#story-mission-create #mission-world-label,:is(#story-create,#story-join,#story-mission-create) form>label,:is(#story-create,#story-mission-create) .fields label{display:block;margin:20px 0 8px;color:var(--gold);font-size:.8rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}:is(#story-create,#story-mission-create) .fields label{margin-top:0}:is(#story-create,#story-join,#story-mission-create) input:not([type=hidden]):not([type=radio]):not([type=checkbox]),:is(#story-create,#story-mission-create) select{min-height:50px;border:1px solid #73809785;border-radius:12px;color:var(--ivory);background:#090f1b}:is(#story-create,#story-join,#story-lobby,#story-mission-create) :is(button,input,select,summary):focus-visible{outline:3px solid var(--gold);outline-offset:3px}:is(#story-create,#story-join,#story-mission-create) .privacy{border-color:#ebc78755;color:#f1e8d8;background:#ebc7870d}:is(#story-create,#story-join,#story-mission-create) .actions{align-items:center}#story-lobby #story-start,:is(#story-create,#story-join,#story-mission-create) .actions .button:not(.secondary){color:#211a10;background:linear-gradient(135deg,#f4d9a6,var(--gold));box-shadow:0 8px 24px #ebc78724}#story-lobby #story-close,:is(#story-create,#story-join,#story-mission-create) .actions .button.secondary{border:1px solid #ffffff29;color:var(--ivory);background:#202b3b}#story-join .join-name-option{margin-top:18px;padding-top:14px;border-top:1px solid #ffffff1c;color:var(--muted)}#story-join .join-name-option summary{color:var(--gold);font-weight:700}#story-lobby .lobby{grid-template-columns:minmax(0,1.3fr) minmax(250px,0.7fr);gap:16px;padding:clamp(12px,2.4vw,28px);border:1px solid color-mix(in srgb,var(--primary) 45%,#ffffff28);border-radius:26px;background:linear-gradient(100deg,#090e19f5 0,#090e19dc 55%,#090e1980 100%),var(--world-scenery) center/cover;box-shadow:0 24px 70px #02050d99}#story-lobby .lobby>.panel{min-width:0;padding:clamp(18px,3vw,30px);background:#111b2bf2}#story-lobby .code{width:fit-content;max-width:100%;margin:18px 0 10px;padding:12px 16px;border:1px solid #ebc78765;border-radius:14px;color:var(--ivory);background:var(--backstage-ink);font-size:clamp(2rem, 6vw, 4.2rem);letter-spacing:clamp(.08em, 1vw, .2em);line-height:1.1;overflow-wrap:anywhere;text-shadow:0 0 28px #ebc78745}#story-lobby .players{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:250px;overflow:auto;padding:2px}#story-lobby .player{min-width:0;align-items:center;padding:9px 11px;border:1px solid #ffffff12;border-radius:11px;color:var(--ivory);background:#1b293b}#story-lobby .player>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#story-lobby .badge{flex:0 0 auto;color:var(--gold);font-size:.72rem}#story-lobby .qr{min-height:220px;border:8px solid #fff;border-radius:14px;background:#fff;box-shadow:0 12px 35px #0006}#story-lobby .qr canvas,#story-lobby .qr img{image-rendering:pixelated}#story-lobby .share{color:#e6d8be;overflow-wrap:anywhere}#story-lobby>.mission-preview{margin-bottom:16px;padding:clamp(18px,3vw,30px)}#story-lobby .mission-preview-question{border-color:#ebc78738;background:#090e19b8}#story-lobby .mission-preview-question summary{color:var(--ivory)}#story-mission-create .mission-objective{border-left-color:var(--accent);color:var(--ivory);background:color-mix(in srgb,var(--primary) 15%,#090e19)}#story-mission-create .mission-feedback-mode small,#story-mission-create .mission-objective p{color:var(--muted)}#story-mission-create .mission-feedback-mode{border-color:#ffffff2b}#story-mission-create .mission-feedback-mode legend{color:var(--gold)}#story-mission-create .mission-feedback-mode label{border-color:#ffffff24;background:#090e19a8}#story-mission-create .mission-feedback-mode label:has(input:checked){border-color:var(--accent);background:color-mix(in srgb,var(--primary) 17%,#090e19);box-shadow:inset 3px 0 var(--accent)}@media (max-width:900px){:is(#story-create,#story-mission-create) .adventure-picker{grid-template-columns:repeat(2,minmax(0,1fr))}#story-lobby .lobby{grid-template-columns:minmax(0,1fr) minmax(220px,0.72fr)}}@media (max-width:600px){#story-mission-create>.mission-setup,:is(#story-create,#story-join)>.panel{padding:20px 16px;border-radius:20px}#story-lobby .lobby,:is(#story-create,#story-mission-create) .fields{grid-template-columns:minmax(0,1fr)}:is(#story-create,#story-mission-create) .adventure-picker{gap:8px}:is(#story-create,#story-mission-create) .adventure-option{min-height:170px;padding:11px;border-radius:14px}:is(#story-create,#story-mission-create) .adventure-option strong{font-size:.9rem}#story-lobby .actions .button,:is(#story-create,#story-join,#story-mission-create) .actions .button{flex:1 1 100%}#story-lobby .lobby>.panel{padding:20px 16px}#story-lobby .players{grid-template-columns:minmax(0,1fr);max-height:200px}#story-lobby .qr{min-height:190px}}@media (prefers-reduced-motion:reduce){:is(#story-create,#story-mission-create) .adventure-option{transition:none}}