:root{--bg:#261a28;--ink:#120b13;--night:#1b121d;--night-2:#3a2a3d;--night-3:#4d3a51;--muted-on-dark:#ddd3da;--yellow:#faff79;--teal:#4edcce;--coral:#f4482b;--paper:#efebe4;--paper-2:#e2dccf;--text:#261a28;--text-2:#4a3b4c;--text-3:#66566a;--blue:#261a28;--busy:#c4321a;--soon:#b8730a;--free:#1f7a4c;--pixel:"Pixelify Sans", monospace;--panel-w:380px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;overflow:hidden}button{font:inherit}.app{height:100%;position:relative}.topbar{z-index:50;background:var(--night);border-bottom:2px solid var(--ink);color:#fff;justify-content:space-between;align-items:center;gap:16px;height:56px;padding:0 20px;display:flex;position:absolute;inset:0 0 auto}.topbar-left,.topbar-right{align-items:center;gap:12px;display:flex}.logo{font-family:var(--pixel);color:var(--yellow);letter-spacing:1px;font-size:26px;font-weight:700}.pill{color:var(--muted-on-dark);background:var(--night-2);white-space:nowrap;border-radius:6px;padding:6px 10px;font-size:13px;font-weight:600}.pill.strong{color:#fff;align-items:center;gap:8px;display:flex}.live-dot{background:var(--teal);border-radius:2px;width:8px;height:8px}.topbar-date{color:var(--muted-on-dark);text-transform:capitalize;font-size:14px;font-weight:600}.avatar-btn{border:2px solid var(--yellow);background:var(--blue);cursor:pointer;color:#fff;width:44px;height:44px;font-family:var(--pixel);border-radius:8px;place-items:center;padding:0;font-size:20px;display:grid}.avatar-btn .mini-avatar{background:0 0}.stage{position:absolute;inset:56px 0 0;overflow:hidden}.app:not(.panel-open){--panel-w:0px}.left-rail{z-index:6;flex-direction:column;gap:10px;width:230px;display:flex;position:absolute;top:16px;left:16px}.scene{position:absolute;inset:0}.scene canvas{image-rendering:pixelated;display:block}.labels{pointer-events:none;z-index:5;position:absolute;inset:0}.room-label{pointer-events:auto;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;padding:0;display:flex;position:absolute;transform:translate(-50%,-100%)}.room-label-card{background:var(--night);border:2px solid var(--ink);color:#fff;white-space:nowrap;text-align:left;border-radius:8px;flex-direction:column;gap:2px;padding:5px 10px;display:flex}.room-label.selected .room-label-card{border-color:var(--yellow)}.room-label-title{font-family:var(--pixel);align-items:center;gap:7px;font-size:14px;font-weight:600;display:flex}.room-label-sub{color:var(--muted-on-dark);font-size:11px}.room-label-tip{background:var(--ink);width:10px;height:10px;margin-top:-6px;transform:rotate(45deg)}.room-label.selected .room-label-tip{background:var(--yellow)}.room-label:hover .room-label-card{background:#2a1d2d}.room-label:focus-visible{outline:none}.room-label:focus-visible .room-label-card{outline:2px solid var(--yellow);outline-offset:2px}.dot{border-radius:2px;flex:none;width:10px;height:10px}.legend{background:var(--night);border:2px solid var(--ink);color:#fff;border-radius:10px;flex-direction:column;gap:9px;padding:14px;display:flex}.legend-title{font-family:var(--pixel);color:var(--yellow);font-size:15px;font-weight:600}.legend-row{align-items:center;gap:10px;font-size:13px;display:flex}.sq{border-radius:3px;flex:none;width:12px;height:12px}.legend-sep{background:var(--night-2);height:2px}.legend-foot{color:var(--muted-on-dark);font-size:12px;line-height:1.5}.legend-hint{color:var(--yellow);font-size:12px;line-height:1.45}.toolbar{z-index:6;background:var(--night);border:2px solid var(--ink);box-shadow:0 4px 0 var(--ink);border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;max-width:calc(100% - 32px);padding:8px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.toolbar-label{font-family:var(--pixel);color:var(--muted-on-dark);padding:0 4px;font-size:13px}.toolbar-sep{background:var(--night-3);width:2px;height:32px;margin:0 4px}.floor-btn{border:2px solid var(--night-3);background:var(--night-2);color:#fff;width:44px;height:44px;font-family:var(--pixel);cursor:pointer;border-radius:8px;font-size:18px}.floor-btn.on{background:var(--yellow);color:var(--text);border-color:var(--ink);font-weight:700}.tool-btn{border:2px solid var(--night-3);background:var(--night-2);color:#fff;cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:8px;height:44px;padding:0 12px;font-size:13px;font-weight:600;display:flex}.tool-btn:hover,.floor-btn:hover:not(.on){background:var(--night-3)}.tool-btn.on{border-color:var(--yellow)}.panel{width:calc(var(--panel-w) - 32px);z-index:20;background:var(--paper);border:2px solid var(--ink);box-shadow:0 6px 0 var(--ink);border-radius:10px;flex-direction:column;display:flex;position:absolute;top:72px;bottom:16px;right:16px;overflow:hidden}.panel-head{background:var(--blue);color:#fff;border-bottom:2px solid var(--ink);justify-content:space-between;align-items:center;gap:8px;padding:8px 8px 8px 16px;display:flex}.panel-head h2{font-family:var(--pixel);margin:0;font-size:18px;font-weight:600}.icon-btn{border:2px solid var(--ink);color:#fff;cursor:pointer;background:#3a2a3d;border-radius:6px;flex:none;place-items:center;width:36px;height:36px;padding:0;display:grid}.panel-body{flex-direction:column;gap:18px;padding:16px;display:flex;overflow-y:auto}.chip{color:var(--text-2);background:var(--paper-2);border-radius:5px;padding:4px 8px;font-size:12px;font-weight:600}.chip.busy{background:var(--busy);color:#fff;font-weight:700}.chip.soon{color:var(--text);background:#f5a524;font-weight:700}.chip.free{background:var(--free);color:#fff;font-weight:700}.section{flex-direction:column;gap:6px;display:flex}.eyebrow{color:var(--text-3);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:12px;font-weight:700}.meeting-title{color:var(--text);font-size:22px;font-weight:700}.meeting-time{color:var(--text-2);font-size:14px}.progress{background:var(--paper-2);border-radius:4px;height:8px;margin-top:4px;overflow:hidden}.progress div{background:var(--busy);height:100%}.muted{color:var(--text-3);font-size:13px;line-height:1.5}.list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.person-row{align-items:center;gap:10px;display:flex}.person-name{align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.person-role{color:var(--text-3);margin-left:auto;font-size:12px}.badge{border-radius:4px;padding:2px 5px;font-size:10px;font-weight:700}.badge.me{background:var(--yellow);color:var(--text)}.badge.live{color:var(--free);background:#d9f5e4}.mini-avatar{background:var(--paper-2);border-radius:6px;flex:none;justify-content:center;align-items:flex-end;display:flex;overflow:hidden}.timeline-row{background:#e6e0d4;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}.timeline-row.now{background:#fde0d9}.timeline-row.past{opacity:.7}.timeline-time{color:var(--text-2);flex:none;width:92px;font-size:12px;font-weight:600}.timeline-title{font-size:14px;font-weight:600}.timeline-state{color:var(--blue);margin-left:auto;font-size:11px;font-weight:700}.timeline-row.now .timeline-state{color:#a3290f}.timeline-row.past .timeline-state{color:var(--text-3)}.actions{flex-wrap:wrap;gap:8px;display:flex}.btn{border:2px solid var(--ink);height:44px;color:var(--text);box-shadow:0 3px 0 var(--ink);cursor:pointer;background:#fff;border-radius:8px;padding:0 14px;font-size:14px;font-weight:600}.btn.primary{background:var(--yellow);flex:1;font-weight:700}.btn:active:not(:disabled){box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.big{height:56px;font-size:18px;font-family:var(--pixel);flex:none;padding:0 28px}.modal-backdrop{z-index:100;background:#05060f99;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--paper);border:2px solid var(--ink);width:min(560px,100%);max-height:calc(100vh - 32px);box-shadow:0 6px 0 var(--ink);border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.field{border:0;flex-direction:column;gap:6px;min-width:0;margin:0;padding:0;display:flex}.field>span,.field>legend{color:var(--text-3);letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px;padding:0;font-size:12px;font-weight:700}.field>span{margin-bottom:0}.field input,.field select{border:2px solid var(--ink);height:44px;font:inherit;color:var(--text);background:#fff;border-radius:8px;padding:0 12px;font-size:15px}.field input:focus,.field select:focus{outline:3px solid var(--yellow);outline-offset:0}.field-row{grid-template-columns:1.4fr 1fr 1fr;gap:10px;display:grid}.people-picker{flex-wrap:wrap;gap:6px;max-height:190px;padding:2px;display:flex;overflow-y:auto}.pick{cursor:pointer;height:36px;color:var(--text);background:#fff;border:2px solid #c9c4b8;border-radius:8px;align-items:center;gap:6px;padding:0 10px 0 4px;font-size:13px;font-weight:600;display:flex}.pick .mini-avatar{width:26px!important;height:26px!important}.pick.on{border-color:var(--ink);background:var(--yellow)}.form-error{color:#8f1f24;background:#fde0d9;border-radius:8px;padding:10px 12px;font-size:13px;font-weight:600}.avatar-modal{width:min(920px,100%)}.avatar-layout{flex-wrap:wrap;display:flex}.avatar-preview{background:var(--bg);flex-direction:column;flex:200px;justify-content:center;align-items:center;gap:20px;padding:32px;display:flex}.avatar-name{font-family:var(--pixel);color:var(--yellow);font-size:20px}.avatar-layout .panel-body{flex:3 520px}.avatar-form{grid-template-columns:1fr 1fr;align-content:start;gap:16px 20px;display:grid}.avatar-form .span-2{grid-column:1/-1}.avatar-form .field>legend{margin-bottom:4px}@media (width<=640px){.avatar-form{grid-template-columns:1fr}}.swatches{flex-wrap:wrap;gap:8px;display:flex}.swatch{border:2px solid var(--ink);cursor:pointer;border-radius:8px;width:36px;height:36px;padding:0}.swatch.on{outline:3px solid var(--yellow);outline-offset:2px}.arcade{left:calc((100% - var(--panel-w)) / 2);z-index:30;width:min(520px, calc(100% - var(--panel-w) - 32px));flex-direction:column;align-items:stretch;gap:10px;display:flex;position:absolute;top:72px;transform:translate(-50%)}.arcade-screen{border:3px solid var(--ink);box-shadow:0 6px 0 var(--ink), inset 0 0 0 3px #4d3a51;color:#fff;text-align:center;background:#1b121d;border-radius:12px;flex-direction:column;align-items:center;gap:14px;padding:18px;display:flex}.arcade-title{font-family:var(--pixel);color:var(--teal);letter-spacing:2px;font-size:28px;font-weight:700}.arcade-players{width:100%;font-family:var(--pixel);justify-content:space-between;align-items:center;font-size:18px;display:flex}.arcade-player{align-items:center;gap:10px;display:flex}.arcade-player b{font-size:26px}.arcade-player.a b{color:var(--coral)}.arcade-player.b b{color:var(--teal)}.arcade-player.you{color:var(--yellow)}.arcade-vs{color:var(--muted-on-dark);font-size:14px}.rope-track{border:2px solid var(--ink);background:#3a2a3d;border-radius:6px;width:100%;height:34px;position:relative;overflow:hidden}.rope-zone{width:5%;position:absolute;top:0;bottom:0}.rope-zone.left{background:var(--coral);left:0}.rope-zone.right{background:var(--teal);right:0}.rope{background:#c9a46a;height:6px;margin-top:-3px;position:absolute;top:50%;left:0;right:0}.rope-knot{background:var(--yellow);border:2px solid var(--ink);width:14px;height:22px;margin-left:-7px;transition:left 80ms linear;position:absolute;top:4px}.arcade-center{flex-direction:column;align-items:center;gap:12px;display:flex}.arcade-center p{color:var(--muted-on-dark);margin:0;font-size:14px;line-height:1.5}.arcade-count{font-family:var(--pixel);color:var(--yellow);font-size:64px;line-height:1}.arcade-win{font-family:var(--pixel);color:var(--yellow)!important;font-size:28px!important}.arcade{width:min(560px, calc(100% - var(--panel-w) - 32px))}.arcade-row{justify-content:center;gap:10px;display:flex}.arcade-row .btn.primary{flex:none}.arcade-row .btn{font-family:var(--pixel);letter-spacing:.5px;padding:0 20px;font-size:16px;font-weight:600}.arcade-center .arcade-row .btn{height:56px;font-size:18px}.arcade-hint{color:var(--muted-on-dark);margin:0;font-size:13px}.arcade-count.small{margin-bottom:-6px;font-size:36px}.game-menu{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;width:100%;display:grid}.game-card{text-align:left;cursor:pointer;border:2px solid var(--night-3);color:#fff;font:inherit;box-shadow:0 3px 0 var(--ink);background:#2a1d2d;border-radius:10px;flex-direction:column;gap:4px;padding:12px;transition:transform 80ms,border-color 80ms;display:flex}.game-card b{font-family:var(--pixel);color:var(--yellow);font-size:16px}.game-card span{color:var(--muted-on-dark);font-size:12px;line-height:1.35}.game-card:hover{border-color:var(--teal);transform:translateY(-2px)}.game-card:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.reflex-light{border:3px solid var(--ink);cursor:pointer;width:100%;height:150px;font:700 26px var(--pixel);color:#fff;background:#8e2412;border-radius:12px;box-shadow:inset 0 0 0 4px #00000040}.reflex-light.go{color:#0e2a19;background:#2fbf71}.reflex-light.done{background:#3a2a3d;font-size:18px}.reflex-light:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}.rps-reveal{background:#2a1d2d;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:8px 10px;display:flex}.rps-hand{font-size:34px;line-height:1}.rps-hand.b{transform:scaleX(-1)}.rps-text{color:#fff;text-align:center;font-size:13px;font-weight:600}.rps-choices{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;display:grid}.rps-btn{cursor:pointer;border:2px solid var(--night-3);color:#fff;font:700 14px var(--pixel);box-shadow:0 3px 0 var(--ink);background:#2a1d2d;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:14px 6px;display:flex}.rps-icon{font-size:34px;line-height:1}.rps-btn:hover:not(:disabled){border-color:var(--yellow)}.rps-btn.on{border-color:var(--yellow);background:#4d3a51}.rps-btn:disabled:not(.on){opacity:.45}.rps-btn:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.pong-canvas{aspect-ratio:16/9;border:3px solid var(--ink);width:100%;image-rendering:pixelated;background:#120b13;border-radius:8px}.quiz{text-align:left;flex-direction:column;gap:10px;width:100%;display:flex}.quiz-top{font:600 13px var(--pixel);color:var(--muted-on-dark);align-items:center;gap:12px;display:flex}.quiz-timer{background:#3a2a3d;border-radius:4px;flex:1;height:8px;overflow:hidden}.quiz-timer span{background:var(--yellow);height:100%;transition:width .1s linear;display:block}.quiz-q{color:#fff;margin:0;font-size:17px;font-weight:700;line-height:1.35}.quiz-options{grid-template-columns:1fr 1fr;gap:8px;display:grid}.quiz-opt{text-align:left;cursor:pointer;color:#fff;border:2px solid var(--night-3);background:#2a1d2d;border-radius:9px;padding:10px 12px;font:500 14px inherit;position:relative}.quiz-opt b{color:var(--yellow);font-family:var(--pixel);margin-right:6px}.quiz-opt:hover:not(:disabled){border-color:var(--teal)}.quiz-opt.picked{border-color:var(--yellow);background:#4d3a51}.quiz-opt.right{background:#1f4a33;border-color:#2fbf71}.quiz-opt.wrong{border-color:var(--coral);background:#4a1f1a}.quiz-opt:disabled{cursor:default}.quiz-opt:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.quiz-who{font:700 10px var(--pixel);border:2px solid var(--ink);border-radius:4px;padding:2px 5px;position:absolute;top:-8px;right:8px}.quiz-who.a{background:var(--coral);color:#fff}.quiz-who.b{background:var(--teal);color:var(--night);right:34px}@media (width<=560px){.quiz-options{grid-template-columns:1fr}}.toast{left:calc((100% - var(--panel-w)) / 2);z-index:200;background:var(--night);color:#fff;border:2px solid var(--yellow);border-radius:8px;padding:10px 14px;font-size:14px;font-weight:600;position:fixed;top:72px;transform:translate(-50%)}@media (width<=900px){:root{--panel-w:0px}.panel{width:auto;max-height:55vh;top:auto;left:16px;right:16px}.topbar-date,.legend{display:none}}.brand{flex-direction:column;gap:3px;line-height:1;display:flex}.brand-sub{color:var(--muted-on-dark);letter-spacing:.04em;font-size:11px}.brand-sub b{color:var(--teal);font-weight:700}.panel-head h2{color:var(--yellow)}.zoom-ctl{background:var(--panel,#1b121d);border:2px solid #1b121d;border-radius:10px;justify-content:space-between;align-self:flex-start;align-items:center;gap:4px;padding:6px;display:flex;box-shadow:0 4px #00000059}.zoom-btn{cursor:pointer;width:34px;height:34px;color:var(--paper,#efebe4);background:#3a2a3d;border:0;border-radius:7px;font:700 18px/1 Pixelify Sans,monospace}.zoom-btn.small{font-size:15px}.zoom-btn:hover:not(:disabled){color:var(--yellow,#faff79);background:#4d3a51}.zoom-btn:disabled{opacity:.35;cursor:default}.zoom-btn:focus-visible{outline:2px solid var(--yellow,#faff79);outline-offset:2px}.zoom-val{color:var(--paper,#efebe4);text-align:center;min-width:40px;font:600 12px/1 Pixelify Sans,monospace}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{cursor:pointer;color:inherit;background:0 0;border:2px solid #d6cfc2;border-radius:999px;padding:5px 10px;font:600 12px/1.2 inherit}.chip.on{color:#faff79;background:#261a28;border-color:#261a28}.chip:focus-visible{outline-offset:2px;outline:2px solid #4edcce}.zoom-sep{background:#3a2a3d;width:2px;height:22px;margin:0 2px}.zoom-btn.on{color:#261a28;background:#faff79}.zoom-btn.on:hover{color:#261a28;background:#fdffb0}.invite-btn{cursor:pointer;font:inherit;border:0;align-items:center;gap:6px;display:inline-flex}.invite-btn:hover{background:var(--yellow,#faff79);color:#261a28}.invite-btn:focus-visible{outline:2px solid var(--yellow,#faff79);outline-offset:2px}.chat{z-index:6;background:var(--night);border:2px solid var(--ink);width:320px;box-shadow:0 4px 0 var(--ink);color:#fff;border-radius:10px;flex-direction:column;display:flex;position:absolute;bottom:100px;left:16px;overflow:hidden}.chat-head{justify-content:space-between;align-items:center;padding:8px 10px 4px 12px;display:flex}.chat-title{font-family:var(--pixel);color:var(--yellow);letter-spacing:.5px;font-size:12px}.chat-toggle{background:var(--night-2);color:#fff;cursor:pointer;width:26px;height:22px;font:700 14px/1 var(--pixel);border:0;border-radius:6px}.chat-toggle:hover{background:var(--night-3)}.chat-log{flex-direction:column;gap:5px;max-height:150px;margin:0;padding:4px 10px;font-size:13px;list-style:none;display:flex;overflow-y:auto}.chat-empty{color:var(--muted-on-dark);padding:4px 0;font-size:12px}.chat-line{grid-template-columns:auto 1fr;column-gap:6px;line-height:1.3;display:grid}.chat-time{color:#9d8fa0;padding-top:1px;font-size:11px}.chat-who{color:var(--teal);font-weight:700}.chat-text{color:#f3eef2;word-break:break-word;grid-column:2}.chat-line.shout .chat-who{color:var(--coral)}.chat-line.shout .chat-text{color:#ffb3a5;font-weight:700}.chat-line.dm .chat-who{color:var(--yellow)}.chat-line.dm .chat-text{color:#fdffc4;font-style:italic}.chat-tag{color:#c9bccc;margin-left:6px;font-size:11px;font-weight:500}.chat-form{border-top:2px solid var(--night-2);flex-direction:column;gap:6px;padding:6px 8px 8px;display:flex}.chat.closed .chat-form{border-top:0}.chat-modes{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.chat-mode{border:2px solid var(--night-3);color:#fff;cursor:pointer;background:0 0;border-radius:999px;padding:4px 9px;font:600 12px/1.2 inherit}.chat-mode:hover:not(:disabled){border-color:#fff}.chat-mode:disabled{opacity:.4;cursor:not-allowed}.chat-mode.on.say{color:var(--night);background:#fff;border-color:#fff}.chat-mode.on.shout{background:var(--coral);border-color:var(--coral)}.chat-mode.on.dm{background:var(--yellow);color:var(--night);border-color:var(--yellow)}.chat-mode:focus-visible,.chat-to:focus-visible,.chat-send:focus-visible,.chat-toggle:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.chat-to{border:2px solid var(--night-3);background:var(--night-2);color:#fff;border-radius:6px;flex:1;min-width:0;height:26px;font:600 12px inherit}.chat-row{gap:6px;display:flex}.chat-input{border:2px solid var(--night-3);background:var(--night-2);color:#fff;border-radius:8px;flex:1;min-width:0;height:36px;padding:0 10px;font:500 14px inherit}.chat-input::placeholder{color:#a99bac}.chat-input:focus{border-color:var(--teal);outline:none}.chat-input.shout:focus{border-color:var(--coral)}.chat-input.dm:focus{border-color:var(--yellow)}.chat-send{background:var(--yellow);width:38px;height:36px;color:var(--night);cursor:pointer;border:0;border-radius:8px;place-items:center;display:grid}.chat-send:disabled{opacity:.4;cursor:default}@media (width<=900px){.chat{width:auto;bottom:206px;right:72px}.chat-log{max-height:70px}}.chat-head{gap:8px}.chat-title{margin-right:auto}.chat-notify{background:var(--night-2);color:#fff;cursor:pointer;border:0;border-radius:6px;padding:5px 8px;font:600 11px/1 inherit}.chat-notify:hover{background:var(--night-3);color:var(--yellow)}.chat-notify:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.mention{color:var(--yellow);font-weight:700}.chat-line.tagged{border-left:3px solid var(--yellow);background:#faff791a;border-radius:4px;margin-left:-6px;padding-left:5px}.chat-row{position:relative}.mention-list{z-index:2;background:var(--night);border:2px solid var(--night-3);box-shadow:0 4px 0 var(--ink);border-radius:8px;margin:0;padding:4px;list-style:none;position:absolute;bottom:calc(100% + 6px);left:0;right:44px}.mention-opt{color:#fff;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:6px 8px;font:500 13px inherit;display:flex}.mention-opt span{color:#b8a9bb;font-size:11px}.mention-opt.on,.mention-opt:hover{background:var(--night-2)}.mention-opt.on b{color:var(--yellow)}.mention-cards{top:68px;left:calc((100% - var(--panel-w)) / 2);z-index:210;flex-direction:column;gap:8px;width:min(440px,100% - 32px);display:flex;position:fixed;transform:translate(-50%)}.mention-card{background:var(--paper);color:var(--text);border:3px solid var(--ink);box-shadow:0 5px 0 var(--ink);border-radius:12px;align-items:flex-start;gap:12px;padding:12px 40px 16px 12px;animation:.28s cubic-bezier(.2,1.4,.4,1) mention-in;display:flex;position:relative;overflow:hidden}.mention-card.shout{border-color:var(--coral);background:#ffe1d9;box-shadow:0 5px #8e2412}.mention-card.dm{color:#fff;background:#2c1f2f}.mention-avatar{background:var(--paper-2);border:2px solid var(--ink);border-radius:10px;flex:none;place-items:center;width:66px;height:66px;display:grid;overflow:hidden}.mention-card.dm .mention-avatar{background:var(--night-2)}.mention-avatar .mini-avatar{background:0 0}.mention-avatar-fallback{font:700 28px var(--pixel)}.mention-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.mention-meta{color:var(--text-2);font-size:13px}.mention-meta b{color:var(--text)}.mention-card.dm .mention-meta,.mention-card.dm .mention-meta b{color:var(--yellow)}.mention-floor{color:var(--text-3)}.mention-card.dm .mention-floor{color:#c9bccc}.mention-text{word-break:break-word;margin:0;font-size:16px;font-weight:600;line-height:1.35}.mention-card.shout .mention-text{font:700 18px/1.25 var(--pixel);color:#b0280f;letter-spacing:.3px}.mention-actions{margin-top:4px}.btn.small{min-height:0;padding:6px 12px;font-size:13px}.mention-close{width:28px;height:28px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;display:grid;position:absolute;top:8px;right:8px}.mention-close:hover{background:#00000014}.mention-card.dm .mention-close:hover{background:#ffffff1a}.mention-close:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.mention-timer{background:var(--yellow);transform-origin:0;width:100%;height:4px;animation:linear forwards mention-timer;position:absolute;bottom:0;left:0}.mention-card.shout .mention-timer{background:var(--coral)}.mention-card:hover .mention-timer,.mention-card:focus-within .mention-timer{animation-play-state:paused}@keyframes mention-timer{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes mention-in{0%{opacity:0;transform:translateY(-14px)scale(.96)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.mention-card{animation:none}}.chat-pill{z-index:6;cursor:pointer;font:700 14px var(--pixel);background:var(--night);color:#fff;border:2px solid var(--ink);box-shadow:0 4px 0 var(--ink);border-radius:999px;align-items:center;gap:8px;padding:10px 14px;display:inline-flex;position:absolute;bottom:100px;left:16px}.chat-pill:hover{color:var(--yellow)}.chat-pill:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.chat-badge{background:var(--teal);min-width:22px;height:22px;color:var(--night);border:2px solid var(--ink);border-radius:999px;place-items:center;padding:0 6px;font:700 12px/1 inherit;display:inline-grid}.chat-pill.tagged .chat-badge{background:var(--yellow);animation:.9s ease-in-out infinite alternate badge-pop}@keyframes badge-pop{0%{transform:scale(1)}to{transform:scale(1.15)}}@media (prefers-reduced-motion:reduce){.chat-pill.tagged .chat-badge{animation:none}}@media (width<=900px){.chat-pill{bottom:206px}}.pin-input{font-family:var(--pixel);letter-spacing:10px;text-align:center;width:140px;font-size:22px!important}.pin-input.bad{border-color:#f4482b!important}.pin-error{color:#c8321c;font-size:12px;font-weight:600}.online-section{background:#e8f6ee;border:2px solid #b9e3c9;border-radius:10px;padding:12px}.online-section .person-row .btn.small{flex:none;margin-left:8px}.people-floor-title{font-family:var(--pixel);color:var(--text);margin:4px 0 -6px;font-size:15px}.pill-btn{cursor:pointer;border:0;font-family:inherit}.pill-btn:hover{filter:brightness(1.12)}.picker{flex-direction:column;gap:6px;min-width:0;display:flex;position:relative}.picker-label{color:var(--text-3);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:700}.picker-btn{border:2px solid var(--ink);width:100%;height:44px;color:var(--text);cursor:pointer;text-align:left;background:#fff;border-radius:8px;align-items:center;gap:8px;padding:0 12px;font-size:15px;display:flex}.picker-btn:focus-visible,.picker-btn.open{outline:3px solid var(--yellow);outline-offset:0}.picker-btn:disabled{opacity:.6;cursor:not-allowed}.picker-btn svg{flex:none;margin-left:auto;transition:transform .15s}.picker-btn.open svg{transform:rotate(180deg)}.picker-value{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.picker-hint{color:var(--text-3);white-space:nowrap;font-size:12px}.picker-btn .picker-hint{margin-left:4px}.picker-dot{border:1px solid #00000040;border-radius:2px;flex:none;width:10px;height:10px}.picker-pop{z-index:300;background:var(--paper);border:2px solid var(--ink);box-shadow:0 5px 0 var(--ink);border-radius:10px;flex-direction:column;gap:6px;padding:8px;display:flex;overflow-y:auto}.picker-group-label{font-family:var(--pixel);color:var(--text-3);padding:2px 4px;font-size:12px}.picker-pop.grid .picker-group{align-items:center;gap:6px;display:flex}.picker-pop.grid .picker-group-label{width:26px;color:var(--text);flex:none;font-size:15px}.picker-items{flex-direction:column;gap:2px;display:flex}.picker-pop.grid .picker-items{flex-direction:row;gap:4px}.picker-item{color:var(--text);cursor:pointer;text-align:left;background:0 0;border:2px solid #0000;border-radius:7px;align-items:center;gap:8px;padding:8px 10px;font-size:14px;font-weight:600;display:flex}.picker-pop.grid .picker-item{width:44px;font-family:var(--pixel);background:#fff;border-color:#d6cfc2;justify-content:center;padding:6px 0;font-size:14px}.picker-item .picker-hint{margin-left:auto;padding-left:12px}.picker-item:hover{background:#e9e3d6}.picker-pop.grid .picker-item:hover{border-color:var(--ink);background:#fff}.picker-item.on,.picker-pop.grid .picker-item.on{background:var(--yellow);border-color:var(--ink)}.picker-item:focus-visible{outline:2px solid var(--blue);outline-offset:1px}