:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f8f3e8;font-synthesis:none;--ink:#211b2b;--panel:#2a2336;--panel-raised:#352c43;--cream:#f5e6c8;--gold:#f4d35e;--coral:#ef765e;--mint:#64c4a7;--outline:#100d16;--muted:#bbb0c8;background:#17131f;font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{min-width:320px;min-height:100%;margin:0}body{background:radial-gradient(circle at 16% 0,#7e52973d,#0000 32rem),linear-gradient(160deg,#21182d 0%,#15131d 60%,#251b2d 100%);min-height:100vh;overflow-x:hidden}button,input{font:inherit}button{border:2px solid var(--outline);color:var(--ink);background:var(--gold);cursor:pointer;box-shadow:0 4px 0 var(--outline);border-radius:4px;font-weight:900;transition:transform .1s,box-shadow .1s,filter .1s}button:hover:not(:disabled){filter:brightness(1.08);box-shadow:0 5px 0 var(--outline);transform:translateY(-1px)}button:active:not(:disabled){box-shadow:0 1px 0 var(--outline);transform:translateY(3px)}button:disabled{cursor:not-allowed;opacity:.55}input{color:#fbf7ef;background:#17141e;border:2px solid #17121e;border-radius:4px;outline:none;min-width:0;box-shadow:inset 0 0 0 2px #ffffff09}input:focus-visible,button:focus-visible,#game-container:focus-visible{outline-offset:3px;outline:3px solid #fff1a8}[hidden]{display:none!important}.app-shell{width:min(1540px,100% - 36px);margin:0 auto;padding:12px 0 24px}.masthead{justify-content:space-between;align-items:center;gap:24px;margin-bottom:10px;display:flex}.masthead-controls,.account-controls{align-items:center;gap:10px;display:flex}.account-controls{min-width:0;color:var(--cream);font-size:.8rem;font-weight:800}#account-name{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}.account-controls button{white-space:nowrap;padding:8px 10px}.masthead h1{color:var(--cream);letter-spacing:-.055em;text-shadow:3px 3px #5b3b59;margin:-3px 0 0;font-size:clamp(1.55rem,2.8vw,2.2rem);font-weight:900;line-height:1}.eyebrow,.room-stamp,.frame-label{color:var(--gold);letter-spacing:.12em;margin:0;font-family:Consolas,Courier New,monospace;font-size:.72rem;font-weight:500}.view-controls{background:#1f1928eb;border:2px solid #141019;border-radius:4px;gap:4px;padding:4px;display:flex}.view-controls button{color:#bdb1c8;text-transform:uppercase;background:#2b2436;border-width:1px;min-height:30px;padding:0 10px;font-family:Consolas,Courier New,monospace;font-size:.65rem;box-shadow:0 2px #100d16}.view-controls button[aria-pressed=true]{color:#211b2b;background:var(--gold)}.connection-pill{border:2px solid var(--outline);box-shadow:3px 3px 0 var(--outline);color:var(--muted);text-transform:uppercase;background:#2a2336;border-radius:4px;align-items:center;gap:9px;padding:9px 13px;font-family:Consolas,Courier New,monospace;font-size:.74rem;display:inline-flex}.status-dot{border:2px solid var(--outline);background:#766d81;border-radius:1px;width:9px;height:9px}.connection-pill[data-state=connected] .status-dot{background:var(--mint);box-shadow:0 0 10px #64c4a7cc}.connection-pill[data-state=joining] .status-dot{background:var(--gold);animation:.9s steps(2,end) infinite pulse}.connection-pill[data-state=error] .status-dot{background:var(--coral)}@keyframes pulse{50%{opacity:.35}}.entry-panel{border:3px solid var(--outline);background-color:#2c2439;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:32px 32px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:6px;grid-template-columns:minmax(0,1fr) minmax(300px,.7fr);min-height:min(680px,100vh - 150px);display:grid;position:relative;overflow:hidden;box-shadow:10px 12px #08060b8c}.entry-card{z-index:2;align-self:center;max-width:680px;padding:clamp(34px,7vw,92px)}.entry-card h2{color:#fff8eb;letter-spacing:-.075em;max-width:580px;margin:12px 0 14px;font-size:clamp(2.8rem,7vw,6.6rem);font-weight:900;line-height:.87}.entry-copy{color:#c9bed2;max-width:560px;margin:0 0 34px;font-size:1.06rem;line-height:1.55}#auth-form label{color:#f1e9dc;margin:14px 0 8px;font-size:.88rem;font-weight:800;display:block}#auth-form input{width:100%;min-height:52px;padding:0 15px;display:block}.auth-actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.auth-actions button{min-width:135px;min-height:50px;padding:0 18px}#register-button{color:var(--cream);background:var(--panel-raised)}.form-row{grid-template-columns:minmax(180px,1fr) auto;gap:10px;display:grid}.form-row input{min-height:52px;padding:0 15px}.form-row button{min-width:130px;padding:0 18px}.field-help{color:#91869f;margin:12px 0 0;font-family:Consolas,Courier New,monospace;font-size:.68rem}.entry-error{border:2px solid #2a141b;border-left:6px solid var(--coral);color:#ffdad0;background:#412633;border-radius:3px;margin:13px 0 0;padding:9px 11px;font-size:.82rem}.entry-preview{background:radial-gradient(circle,#ef765e33,#0000 57%);min-height:430px;position:relative;overflow:hidden}.preview-diamond{background:#c8a778;border:4px solid #17131f;width:330px;height:330px;position:absolute;transform:rotate(45deg)skew(-7deg,-7deg);box-shadow:16px 16px #6b5548}.preview-diamond-one{top:138px;left:54px}.preview-diamond-two{background:#736a80;width:130px;height:130px;top:50px;left:330px;box-shadow:11px 11px #423d4c}.preview-avatar{background:var(--coral);border:5px solid #211a28;width:68px;height:112px;position:absolute;top:196px;left:240px;box-shadow:0 17px 0 -5px #25202d,12px 12px #0f0c1359}.preview-avatar:before{content:"";background:#f0c6a2;border:5px solid #211a28;width:44px;height:48px;position:absolute;top:-53px;left:7px;box-shadow:inset 0 12px #48364b}.room-layout{display:block}.game-frame{border:3px solid var(--outline);background:#1a1722;border-radius:5px;width:min(100%,177.778dvh - 206px);margin-inline:auto;position:relative;overflow:hidden;box-shadow:7px 8px #08060b8c}.stage-header{z-index:6;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:absolute;top:12px;left:12px;right:12px}.stage-header>*{pointer-events:auto}.frame-label{pointer-events:none;background:#1f1928e6;border:2px solid #141019;border-radius:2px;max-width:60%;padding:6px 8px}#game-container{aspect-ratio:16/9;outline:none;width:100%}#game-container canvas{width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;display:block}.feedback{z-index:5;color:#c7bdcf;text-align:center;pointer-events:none;background:#2b2436f0;border:2px solid #100d16;border-left:5px solid #7a7088;border-radius:3px;width:max-content;max-width:min(650px,100% - 24px);padding:7px 11px;font-size:.74rem;position:absolute;bottom:72px;right:50%;transform:translate(50%);box-shadow:3px 3px #08060b73}.feedback[data-kind=good]{border-left-color:var(--mint)}.feedback[data-kind=error]{border-left-color:var(--coral);color:#ffd3ca}.item-tooltip,.player-card,.actions-panel{z-index:9;border:3px solid var(--outline);background:#2a2336f7;border-radius:5px;width:min(278px,100% - 24px);padding:12px;position:absolute;right:12px;box-shadow:5px 6px #08060b80}.item-tooltip,.player-card{max-height:calc(100% - 130px);top:58px;overflow-y:auto}.actions-panel{max-height:calc(100% - 130px);bottom:70px;left:12px;right:auto;overflow-y:auto}.item-tooltip-heading,.player-card-heading{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.item-tooltip h2,.player-card h2,.actions-panel h2{color:var(--cream);margin:3px 0 0;font-size:1rem}.player-card h2{overflow-wrap:anywhere}.item-detail,.player-detail,.player-give-hint,.actions-panel p{color:var(--muted);margin:10px 0;font-size:.75rem;line-height:1.4}.item-tooltip-actions,.player-card-actions,.actions-grid,.actions-give-row{flex-wrap:wrap;gap:6px;display:flex}.item-tooltip-actions button,.player-card-actions button,.actions-panel button{min-height:34px;padding:0 9px;font-size:.72rem}.item-tooltip-actions #item-move-button{background:var(--mint)}.item-tooltip-actions #item-delete-button{background:var(--coral)}.player-card-actions #player-wave-button{background:var(--mint)}.player-card .player-give-hint{margin-bottom:0;font-size:.68rem}.actions-panel .actions-subheading{color:var(--cream);margin-bottom:6px;font-weight:900}.actions-panel .held-item-status{color:var(--gold);background:#211b2b;border:2px solid #17121e;padding:7px 9px}.actions-panel label{color:var(--cream);margin:12px 0 6px;font-size:.75rem;font-weight:900;display:block}.actions-panel .actions-help{margin:0 0 7px}.actions-panel select{border:2px solid var(--outline);min-width:0;min-height:34px;color:var(--cream);background:#17141e;border-radius:4px;flex:1;padding:0 6px}.actions-panel #coffee-round-button{background:var(--mint);margin-top:12px}.creator-panel{z-index:8;border:3px solid var(--outline);background:var(--panel);border-radius:5px;width:min(370px,100% - 24px);padding:13px;position:absolute;top:58px;bottom:70px;left:12px;overflow-y:auto;box-shadow:5px 6px #08060b80}.creator-title-row,.creator-actions,.catalogue{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.creator-title-row{justify-content:space-between}.creator-title-row h2{margin:3px 0 0;font-size:1rem}.creator-selection{color:var(--muted);margin:10px 0;font-size:.8rem}.creator-tools{border-top:2px solid #17121e;margin-top:12px;padding-top:12px}.creator-tools>p{color:#a99eb5;margin:0 0 10px;font-size:.76rem}.catalogue button,.creator-actions button,#edit-room-button{min-height:36px;padding:0 11px;font-size:.72rem}.catalogue button{background:var(--mint)}.catalogue button[aria-pressed=true]{outline:3px solid var(--gold);outline-offset:1px}.catalogue button[data-art-pending=true]{color:#fff7e8;background:#7b7189}.style-select-row{color:var(--cream);gap:5px;margin:8px 0;font-size:.75rem;font-weight:800;display:grid}.style-select-row[hidden]{display:none}.style-select-row select{border:2px solid var(--outline);min-height:34px;color:var(--cream);background:#17141e;border-radius:4px;padding:0 6px}.creator-actions{margin-top:12px}.creator-actions #done-edit-button{margin-left:auto}.social-panel{z-index:8;border:3px solid var(--outline);background:var(--panel);border-radius:5px;width:min(350px,100% - 24px);min-width:0;position:absolute;top:58px;bottom:70px;right:12px;overflow:hidden;box-shadow:6px 7px #08060b85}.participants-panel,.chat-panel{grid-template-rows:auto minmax(0,1fr);height:100%;display:grid;overflow:hidden}.panel-heading-row{background:#352c43;border-bottom:2px solid #17121e;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:10px 13px;display:flex}.panel-heading-row h2{color:#fff7e9;margin:0;font-size:.98rem;font-weight:900}.drawer-close{min-height:30px;color:var(--cream);background:#51475e;padding:0 9px;font-size:.7rem}.count-badge{color:var(--gold);background:#1c1724;border:2px solid #17121e;border-radius:2px;padding:3px 7px;font-family:Consolas,Courier New,monospace;font-size:.67rem}.participants{gap:2px;min-height:0;margin:0;padding:7px;list-style:none;display:grid;overflow-y:auto}.participant{border:1px solid #0000;border-radius:3px;align-items:center;gap:10px;padding:8px 9px;display:flex}.participant-self{background:#f4d35e12;border-color:#f4d35e4d}.participant-swatch{background:var(--player-colour);border:2px solid #120f18;flex:none;width:13px;height:20px;box-shadow:2px 2px #09070c73}.participant-identity{min-width:0;display:grid}.participant-identity strong{color:#f9f1e5;text-overflow:ellipsis;white-space:nowrap;font-size:.83rem;overflow:hidden}.participant-identity small{color:#93899f;font-family:Consolas,Courier New,monospace;font-size:.61rem}.chat-panel{min-height:0}.chat-hint{color:#9e93aa;text-align:right;font-family:Consolas,Courier New,monospace;font-size:.55rem}.chat-history{scrollbar-color:#5f536e #211b2a;flex-direction:column;gap:9px;min-height:0;padding:12px;display:flex;overflow-y:auto}.chat-history:empty:before{content:"No messages yet. Say hello to the room.";color:#afa3bc;text-align:center;margin:auto;font-size:.82rem}.chat-message{background:#393046;border:2px solid #15111b;border-radius:3px 3px 3px 0;align-self:flex-start;max-width:92%;padding:8px 10px;box-shadow:3px 3px #0b080e59}.chat-message-self{background:#4a3f45;border-radius:3px 3px 0;align-self:flex-end}.chat-meta{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:3px;display:flex}.chat-meta strong{color:var(--gold);font-size:.73rem}.chat-meta time{color:#94899f;font-family:Consolas,Courier New,monospace;font-size:.55rem}.chat-message p{overflow-wrap:anywhere;color:#fbf6ee;white-space:pre-wrap;margin:0;font-size:.8rem;line-height:1.35}.presence-message{color:#9d92a8;text-align:center;margin:1px 0;font-family:Consolas,Courier New,monospace;font-size:.63rem}.chat-form{background:#1f1928f0;border:2px solid #17121e;border-radius:4px;grid-template-columns:minmax(0,1fr) auto;gap:7px;width:min(380px,48%);padding:5px;display:grid}.chat-form input{height:35px;padding:0 11px;font-size:.8rem}.chat-form button{padding:0 13px;font-size:.77rem}.stage-dock{z-index:7;pointer-events:none;justify-content:space-between;align-items:flex-end;gap:12px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.stage-dock>*{pointer-events:auto}.stage-actions{background:#1f1928f0;border:2px solid #17121e;border-radius:4px;flex-wrap:wrap;gap:5px;padding:5px;display:flex}.stage-actions button{min-height:35px;color:var(--cream);background:#51475e;justify-content:center;align-items:center;gap:7px;padding:0 10px;font-size:.72rem;display:inline-flex}.stage-actions button[aria-expanded=true]{color:var(--ink);background:var(--gold)}.stage-actions #edit-room-button{background:#427f72}.stage-actions #edit-room-button[aria-expanded=true],.stage-actions #done-edit-button{color:var(--ink);background:var(--mint)}.stage-actions #delete-furniture-button{background:#9c554f}.stage-actions #room-elevator-button{background:#866651}.stage-actions .count-badge{color:var(--gold)}.reconnect-strip{border:3px solid #140f17;border-left:8px solid var(--coral);background:#402a36;border-radius:4px;justify-content:space-between;align-items:center;gap:18px;margin-top:14px;padding:12px 15px;display:flex;box-shadow:5px 5px #08060b80}.elevator-overlay{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a080ec2;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.elevator-overlay[hidden]{display:none}.elevator-card{background:linear-gradient(145deg,#3b3346,#272030);border:4px solid #131018;border-radius:5px;width:min(620px,100%);max-height:min(760px,100vh - 48px);padding:22px;overflow:auto;box-shadow:10px 12px #07050a94}.elevator-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.elevator-heading h2{margin:3px 0 0;font-size:clamp(1.45rem,4vw,2rem)}.elevator-heading button{min-height:36px;color:var(--cream);background:#51475e;padding:0 12px}.elevator-copy,.return-content p{color:#d8cede;line-height:1.5}.room-directory{gap:8px;max-height:310px;margin:18px 0;padding:0;list-style:none;display:grid;overflow:auto}.room-directory li{border:2px solid #18131e;border-left:5px solid var(--mint);background:#221c2b;border-radius:3px;justify-content:space-between;align-items:center;gap:16px;padding:12px 13px;display:flex}.room-directory li span{gap:3px;min-width:0;display:grid}.room-directory strong{overflow-wrap:anywhere}.room-directory small,.directory-empty{color:var(--muted)}.room-directory button,.return-content button{flex:none;min-height:38px;padding:0 14px}.create-room-form{border-top:2px solid #17131d;gap:8px;margin-top:22px;padding-top:18px;display:grid}.create-room-form label{font-weight:900}.create-room-form input{min-height:46px;padding:0 13px}.create-room-form button{min-height:46px;padding:0 16px}.return-content{justify-items:start;gap:12px;padding-top:8px;display:grid}.return-content[hidden]{display:none}.reconnect-strip p{color:#ffded6;margin:0;font-size:.86rem}.reconnect-strip button{flex:none;min-height:38px;padding:0 13px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=1050px){.stage-actions button{padding:0 8px}}@media (width<=760px){.app-shell{width:min(100% - 20px,1540px);padding-top:14px}.entry-panel{grid-template-columns:1fr}.entry-preview{display:none}.entry-card{padding:42px 24px 58px}.form-row{grid-template-columns:1fr}.form-row button{min-height:50px}.masthead{flex-wrap:wrap;align-items:flex-end;gap:8px}.masthead-controls{gap:6px}.account-controls{gap:5px}.account-controls button{padding:7px;font-size:.7rem}#account-name{max-width:100px;font-size:.7rem}.eyebrow{display:none}.view-controls{padding:3px}.view-controls button{padding:0 6px;font-size:.58rem}.stage-header{top:8px;left:8px;right:8px}.frame-label{max-width:50%;font-size:.58rem}.stage-dock{gap:5px;bottom:7px;left:7px;right:7px}.stage-actions{gap:3px;padding:3px}.stage-actions button{min-height:31px;padding:0 6px;font-size:.63rem}.stage-actions .count-badge{display:none}.chat-form{width:min(275px,46%);padding:3px}.chat-form input{height:31px;padding:0 6px;font-size:.7rem}.chat-form button{padding:0 7px;font-size:.68rem}.feedback{font-size:.67rem;bottom:55px}.item-tooltip,.player-card{max-height:calc(100% - 104px);top:50px}.actions-panel{max-height:calc(100% - 104px);bottom:52px}.creator-panel,.social-panel{top:50px;bottom:52px}}@media (width<=520px){.masthead-controls{justify-content:space-between;width:100%}#account-name{max-width:130px}.game-frame{width:100%}#game-container{aspect-ratio:3/4}.app-shell{flex-direction:column;min-height:100dvh;display:flex}.room-layout{margin-block:auto}.stage-header{background:#2a2336;border-bottom:2px solid #17121e;align-items:center;padding:5px;position:relative;top:auto;left:auto;right:auto}.frame-label{max-width:52%}.stage-dock{flex-direction:column;align-items:stretch;padding:5px;position:relative;bottom:auto;left:auto;right:auto}.stage-actions{justify-content:center}.chat-form{width:100%}.feedback{text-align:left;width:calc(100% - 10px);max-width:none;margin:5px 5px 0;position:relative;bottom:auto;right:auto;transform:none}.item-tooltip,.player-card{width:min(250px,100% - 14px);max-height:calc(100% - 160px);top:52px;right:7px}.actions-panel{width:min(280px,100% - 14px);max-height:calc(100% - 160px);bottom:104px;left:auto;right:7px}.creator-panel,.social-panel{z-index:40;width:auto;max-width:none;position:fixed;inset:70px 10px}}