:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f6f5ff;--ink:#f6f5ff;--muted:#b9bfd1;--navy:#101720;--panel:#202a3a;--panel-strong:#2c374b;--lavender:#9297bc;--yellow:#f6c85f;--mint:#78e6b0;--cyan:#56d7e9;--amber:#ffb84d;--coral:#ff6f7d;background:#0b1019;font-family:Trebuchet MS,Arial,Helvetica,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{background:radial-gradient(circle at 50% -10%,#343f58 0,#171e2b 32%,#0b1019 72%),#0b1019;min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{cursor:pointer;color:var(--ink);background:#2c3548;border:1px solid #68708e;border-radius:7px;padding:.6rem .85rem;box-shadow:inset 0 1px #ffffff12}button:hover,button:focus-visible{outline:2px solid var(--yellow);outline-offset:2px;background:#3a4560;border-color:#d8d6f5}.primary{color:#221c10;background:var(--yellow);border-color:#ffe6a3;font-weight:800}.primary:hover,.primary:focus-visible{background:#ffe092}.sr-only{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.landing{place-items:center;min-height:100vh;padding:2rem;display:grid}.landing-card{background:linear-gradient(145deg,#2b3448f2,#151b28f5);border:1px solid #6f7596;border-radius:16px;width:min(100%,920px);padding:clamp(1.5rem,5vw,3rem);box-shadow:0 24px 70px #0009,inset 0 1px #ffffff10}.eyebrow,.hud-label{color:var(--yellow);letter-spacing:.13em;text-transform:uppercase;font-size:.75rem;font-weight:800}h1{letter-spacing:.08em;margin:.2rem 0;font-size:clamp(3rem,10vw,5.7rem);line-height:.92}.theme{color:var(--muted);margin:.75rem 0 1.35rem;font-size:1.1rem}button:disabled{cursor:not-allowed;color:#8f95a8;box-shadow:none;opacity:.72;background:#252c3a;border-color:#50566d}.character-customization{grid-template-columns:minmax(230px,.8fr) minmax(320px,1.2fr);gap:1rem;margin-bottom:1rem;display:grid}.avatar-preview-panel,.avatar-options{background:#111825b8;border:1px solid #59617e;border-radius:12px;min-width:0;box-shadow:inset 0 1px #ffffff0d}.avatar-preview-panel{grid-template-columns:minmax(120px,1fr) minmax(130px,.85fr);align-items:center;display:grid;overflow:hidden}.avatar-preview{background:radial-gradient(circle at 50% 68%,#6d789755 0 14%,#0000 46%),linear-gradient(145deg,#252f43,#101622);align-self:stretch;min-height:210px;position:relative;overflow:hidden}.avatar-preview:after{content:"";filter:blur(6px);pointer-events:none;background:#05080d73;border-radius:50%;height:10%;position:absolute;bottom:12%;left:13%;right:13%}.avatar-preview canvas{z-index:1;width:100%;height:100%;display:block;position:absolute;inset:0}.avatar-preview-status{z-index:2;width:max-content;max-width:90%;color:var(--muted);text-align:center;font-size:.8rem;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.avatar-selection-copy{padding:1rem .9rem}.avatar-selection-copy .eyebrow{margin:0 0 .3rem}.avatar-selection-copy h2{color:#fff8e7;margin:0;font-size:1.45rem}.avatar-selection-copy p:last-child{color:var(--muted);margin:.55rem 0 0;font-size:.86rem;line-height:1.4}.avatar-options{margin:0;padding:.8rem}.avatar-options legend{color:#e4e5ef;padding:0 .35rem;font-size:.82rem;font-weight:800}.avatar-choice-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:.55rem;margin-top:1rem;display:grid}.avatar-choice{cursor:pointer;display:block;position:relative}.avatar-choice input{opacity:0;width:1px;height:1px;position:absolute}.avatar-choice span{color:#dfe2f0;pointer-events:none;background:#283247;border:1px solid #68708e;border-radius:9px;place-items:center;min-height:3.75rem;font-size:.9rem;font-weight:900;transition:border-color .12s,background .12s,transform .12s;display:grid;box-shadow:inset 0 1px #ffffff12}.avatar-choice:hover span{background:#34405a;border-color:#b7bdd8;transform:translateY(-1px)}.avatar-choice input:checked+span{color:#211b10;background:var(--yellow);border-color:#ffe6a3}.avatar-choice input:focus-visible+span{outline:2px solid var(--yellow);outline-offset:2px}.lobby-actions{gap:.75rem;display:grid}.join-row{gap:.55rem;display:flex}input{min-width:0;color:var(--ink);background:#101622;border:1px solid #68708e;border-radius:7px;flex:1;padding:.6rem .75rem}input:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}.form-error{color:#ffadb6;min-height:1.2rem;margin:0}.instructions{color:#d5d6e3;border-top:1px solid #565e7b;margin-top:2rem;padding-top:1rem}.instructions h2{margin:0;font-size:1rem}.instructions p{margin:.55rem 0 0;line-height:1.45}.game-shell{grid-template-rows:auto auto minmax(0,1fr);min-height:100vh;padding:.7rem;display:grid;position:relative}.hud{background:#202a3aee;border:1px solid #69708e;border-radius:9px;justify-content:space-between;align-items:center;gap:.6rem;width:100%;max-width:1280px;margin:0 auto;padding:.6rem .8rem;font-size:.86rem;display:flex;box-shadow:inset 0 1px #ffffff12,0 7px 24px #0005}.hud code{color:#b6eff7}.hud button{padding:.35rem .55rem;font-size:.78rem}.room-cluster{flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem;display:flex}[data-testid=open-agent-invite]{color:#c9ffe8;background:#1d3a39;border-color:#73d8b1}.level-heading{text-align:center;gap:.12rem;min-width:9rem;display:grid}.level-heading strong{color:#fff9e9}.objective{color:#d4d7e8;text-align:center;width:100%;max-width:1280px;margin:.55rem auto}.chat-popup{z-index:4;width:min(100% - 2rem,34rem);color:var(--ink);pointer-events:none;background:#182a32f2;border:1px solid #7ee8c0;border-radius:10px;padding:.75rem 1rem;position:absolute;top:6.5rem;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0009,inset 0 1px #ffffff17}.chat-popup-label{color:var(--mint);letter-spacing:.13em;text-transform:uppercase;font-size:.68rem;font-weight:800}.chat-popup p{overflow-wrap:anywhere;white-space:pre-wrap;margin:.25rem 0 0;line-height:1.35}.facility-root{touch-action:none;background:#0e1420;border:1px solid #59617e;border-radius:12px;width:100%;min-height:0;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #05080dcc}.facility-root canvas,.facility-label-layer{width:100%;height:100%;display:block;position:absolute;inset:0}.facility-root canvas{cursor:crosshair}.facility-label-layer{pointer-events:none;overflow:hidden}.world-label,.player-label{color:#17151c;letter-spacing:.045em;text-transform:uppercase;white-space:nowrap;background:#f7f5ffdf;border:1px solid #fff5;border-radius:999px;padding:.12rem .3rem;font-size:9px;font-weight:900;line-height:1.15;transform:translateY(-4px);box-shadow:0 2px 7px #0008}.world-label[data-kind=teleporter]{background:#b9f5ffeb}.world-label[data-kind=pressure-plate]{background:#bff7d7eb}.world-label[data-kind=relay]{background:#e4caffeb}.world-label[data-kind=keycard]{background:#ffe7a0eb}.world-label[data-kind=exit]{background:#bff7d7eb}.player-label[data-local=true]{background:#fff4c9ef;border-color:#ffe293}.player-label{letter-spacing:0;place-items:center;width:1.55rem;height:1.55rem;padding:0;font-size:10px;display:grid}.player-label[data-connected=false]{border-color:var(--coral);color:#fff;background:#6c2530e8}.asset-loading-overlay,.connection-overlay,.error-overlay,.completion-overlay,.abandoned-overlay{z-index:3;text-align:center;background:#171e2bf2;border:1px solid #9499ba;border-radius:12px;width:min(92vw,450px);padding:1.5rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 16px 48px #000c,inset 0 1px #ffffff12}.asset-loading-overlay,.connection-overlay{justify-items:center;gap:.4rem;display:grid}.loading-spinner{border:4px solid #8187a755;border-top-color:var(--yellow);border-radius:50%;width:34px;height:34px;margin-bottom:.45rem;animation:.8s linear infinite spin}.completion-overlay{border-color:var(--mint)}.error-overlay,.abandoned-overlay{border-color:var(--coral)}.completion-overlay h2,.error-overlay h2,.abandoned-overlay h2{margin:.25rem 0 1rem}.completion-actions{justify-content:center;gap:.7rem;display:flex}.quiet-button{color:#ffd0d7;border-color:#9b6975!important}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.loading-spinner{border-top-color:var(--mint);animation:none}}@media (width<=900px){.hud{flex-wrap:wrap;justify-content:center}.hud>div{text-align:center}.game-shell{padding:.35rem}.objective{font-size:.86rem}.chat-popup{top:9rem}}.agent-invite-dialog{width:min(100% - 2rem,42rem);max-width:none;max-height:calc(100dvh - max(2rem, env(safe-area-inset-top)) - max(2rem, env(safe-area-inset-bottom)));color:var(--ink);background:#151d2a;border:1px solid #8d96b5;border-radius:14px;margin:auto;padding:0;overflow:hidden;box-shadow:0 26px 80px #000e,inset 0 1px #ffffff14}.agent-invite-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#050911d9}.agent-invite-panel{max-height:inherit;background:linear-gradient(135deg,#253247e8,#121925f5),#151d2a;gap:.8rem;padding:1.5rem;display:grid;position:relative;overflow:auto}.agent-invite-panel:before{background:linear-gradient(90deg, var(--mint), var(--cyan), var(--yellow));content:"";height:4px;position:absolute;inset:0 0 auto}.agent-invite-panel .eyebrow{margin:0;padding-right:2.75rem}.agent-invite-panel h2{color:#fff8e7;margin:-.25rem 0 0;font-size:clamp(1.55rem,4vw,2rem)}.agent-invite-panel>p:not(.eyebrow,.agent-invite-copy-status){color:var(--muted);margin:0;line-height:1.45}.agent-invite-close{z-index:1;place-items:center;width:44px;height:44px;padding:0;font-size:1.4rem;line-height:1;display:grid;position:absolute;top:.75rem;right:.75rem}.agent-invite-dialog textarea{resize:vertical;color:#ecf9ff;background:#0d1520;border:1px solid #65708c;border-radius:10px;width:100%;min-height:13rem;padding:.9rem;font-family:Consolas,Courier New,monospace;font-size:.85rem;line-height:1.55;box-shadow:inset 0 1px 12px #0008}.agent-invite-dialog textarea:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}.agent-invite-actions{gap:.65rem;display:flex}.agent-invite-actions button{min-width:9rem;min-height:44px}.agent-invite-copy-status{min-height:1.25rem;color:var(--mint);margin:-.25rem 0 0;font-size:.82rem}@media (width<=700px){.landing{align-items:start;padding:.5rem}.landing-card{padding:1rem}.theme{margin-bottom:1rem}.character-customization{grid-template-columns:1fr;gap:.7rem;margin-bottom:.75rem}.avatar-preview-panel{grid-template-columns:minmax(125px,.75fr) minmax(140px,1fr)}.avatar-preview{min-height:150px}.avatar-choice-grid{gap:.4rem;margin-top:.35rem}.avatar-choice span{min-height:2.65rem}.instructions{margin-top:1.25rem}.agent-invite-dialog{width:min(100% - 1rem,42rem);max-height:calc(100dvh - max(1rem, env(safe-area-inset-top)) - max(1rem, env(safe-area-inset-bottom)))}.agent-invite-panel{padding:1.2rem 1rem 1rem}.agent-invite-dialog textarea{min-height:12rem;font-size:.8rem}.agent-invite-actions{grid-template-columns:1fr;display:grid}.agent-invite-actions button{width:100%}}