:root{color:#f7f3e8;background:#0b1322;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-shell{position:relative;width:100%;height:100%;isolation:isolate}.app-shell>canvas{position:absolute!important;inset:0}.brand{position:fixed;top:28px;left:32px;z-index:3;display:flex;align-items:baseline;color:#fff;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(29px,3vw,48px);line-height:.8;letter-spacing:-.035em;filter:drop-shadow(0 3px 0 rgba(0,0,0,.4))}.brand b{color:#f4c542;font-weight:inherit}.brand--lobby{position:static;justify-content:center;font-size:48px;margin-bottom:26px}.room-plate{position:fixed;z-index:3;top:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:16px;min-width:244px;padding:11px 12px 11px 24px;border:2px solid #62666b;border-radius:8px;background:#202327;box-shadow:0 8px 20px #00000059,inset 0 0 0 2px #101215}.room-plate div{flex:1;display:grid;justify-items:center}.room-plate small{font-family:Arial Narrow,sans-serif;color:#d7d7d5;font-weight:900;font-size:12px;letter-spacing:.18em}.room-plate strong{font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:36px;line-height:.95;letter-spacing:.12em;color:#fff}.room-plate button{width:47px;height:47px;padding:12px;color:#fff;cursor:pointer;border:1px solid #676b70;border-radius:7px;background:#363a3f;box-shadow:0 3px #111317}.room-plate button:hover{background:#454a50}.room-plate button:focus-visible,.button:focus-visible,input:focus-visible,.color-swatch:focus-visible{outline:3px solid #42c6d7;outline-offset:3px}.room-plate svg{width:100%;fill:none;stroke:currentColor;stroke-width:2}.copied-note{position:absolute;top:calc(100% + 8px);right:0;background:#101b2e;padding:5px 8px;border-radius:4px;font-size:11px;font-weight:900;letter-spacing:.12em}.connection{position:fixed;z-index:3;top:31px;right:34px;display:flex;align-items:center;gap:10px;font-family:Arial Narrow,sans-serif;font-size:15px;font-weight:900;letter-spacing:.1em;text-shadow:0 2px 3px #000}.connection i{width:13px;height:13px;border-radius:50%;background:#5ac47b;box-shadow:0 0 12px #5ac47b8c}.connection--reconnecting i,.connection--connecting i{background:#f4c542;animation:blink 1s steps(2) infinite}.connection--disconnected i{background:#ff6b57}.roster{position:fixed;z-index:3;top:72px;right:26px;width:212px;padding:12px 15px 8px;border:1px solid #515b6b;border-radius:8px;background:#0c1422f0;box-shadow:0 8px 18px #00000047}.roster h2{margin:0 0 6px;color:#91a0b3;font-size:10px;letter-spacing:.18em}.roster ul{list-style:none;padding:0;margin:0}.roster li{display:flex;align-items:center;gap:10px;min-height:38px;border-top:1px solid #344054;font-weight:750;font-size:14px}.roster li:first-child{border-top:0}.roster li>i{flex:0 0 auto;width:14px;height:14px;border-radius:50%}.roster li>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.roster li>small{margin-left:auto;color:#f4c542;font-size:9px;font-weight:900}.roster li>small+small{margin-left:0;color:#ff6b57}.roster-player--away{opacity:.48}.order-ticket{position:fixed;z-index:3;top:92px;left:27px;width:205px;padding:14px 16px 13px;overflow:hidden;color:#101b2e;background:#eee4c8;border:2px solid #c4b993;border-radius:4px;box-shadow:5px 6px #070d176b;transform:rotate(-.7deg)}.order-ticket:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 20px,rgba(16,27,46,.05) 20px 21px)}.order-ticket small,.order-ticket strong,.order-ticket span,.order-ticket p,.order-ticket b,.order-ticket em{position:relative;z-index:1;display:block}.order-ticket small{font:900 9px/1.1 Arial Narrow,sans-serif;letter-spacing:.15em;color:#596270}.order-ticket strong{margin-top:8px;font:900 31px/.95 Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;letter-spacing:.05em}.order-ticket span{margin-top:4px;font-size:12px;font-weight:950;letter-spacing:.1em}.order-ticket p{margin:9px 0 0;padding-top:7px;border-top:1px dashed #8d8878;font-size:10px;font-weight:900;letter-spacing:.08em}.order-ticket .shelf-counts{margin-top:5px;padding-top:5px;color:#47576a;font-size:8px}.order-ticket .review-rating{color:#a66d08;font-size:10px;letter-spacing:.04em}.order-ticket b{margin-top:8px;color:#217a45;font-size:13px;letter-spacing:.08em}.order-ticket em{margin-top:6px;color:#69717b;font-size:9px;font-style:normal;font-weight:800}.order-ticket--ready{background:#fff1c9;border-color:#f4c542}.order-ticket--complete{background:#d7f1d7;border-color:#5ac47b;animation:ticket-pop .35s ease-out}.boss-watch{position:fixed;z-index:3;top:260px;right:26px;width:212px;display:grid;gap:4px;padding:11px 14px;color:#dbe1ea;background:#0c1422f0;border:1px solid #515b6b;border-radius:7px;box-shadow:0 8px 18px #00000047}.boss-watch small{color:#91a0b3;font:900 9px/1 Arial Narrow,sans-serif;letter-spacing:.15em}.boss-watch strong{color:#5ac47b;font:900 17px/.95 Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;letter-spacing:.04em}.boss-watch span{color:#aeb9c9;font-size:10px;font-weight:850;letter-spacing:.08em}.boss-watch--active{border-color:#ff6b57;background:#46181df2;animation:boss-pulse 1.1s ease-in-out infinite alternate}.boss-watch--active strong,.boss-watch--active span{color:#ffd5cf}.trouble-strip{position:fixed;z-index:4;top:20px;left:50%;transform:translate(-50%);padding:8px 14px;color:#ffd5cf;background:#50171df0;border:1px solid #ff6b57;border-radius:5px;font-size:11px;font-weight:950;letter-spacing:.1em}.trouble-strip--hot{animation:trouble-flash .35s steps(2) infinite}.interaction-prompt{position:fixed;z-index:4;bottom:88px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;min-width:220px;justify-content:center;padding:10px 14px;color:#fff;background:#0c1422f5;border:2px solid #f4c542;border-radius:7px;box-shadow:0 5px #00000059;font:900 12px/1 Arial Narrow,sans-serif;letter-spacing:.11em}.interaction-prompt kbd{min-width:25px;padding:6px 7px;color:#101b2e;background:#f4c542;border-radius:4px;box-shadow:0 2px #9c7710;font:inherit;text-align:center}.interaction-prompt kbd+kbd{display:none}.finish-picker{position:fixed;z-index:4;bottom:150px;left:50%;transform:translate(-50%);display:grid;gap:9px;min-width:260px;padding:11px 13px;background:#0c1422f7;border:2px solid #42c6d7;border-radius:8px;box-shadow:0 6px #00000052;text-align:center}.finish-picker>small{color:#aeb9c9;font:900 10px/1 Arial Narrow,sans-serif;letter-spacing:.14em}.finish-picker>div{display:flex;justify-content:center;gap:8px}.finish-picker button{display:grid;justify-items:center;gap:5px;min-width:72px;padding:7px 6px;color:#fff;background:#202d42;border:1px solid #53627a;border-radius:6px;cursor:pointer;font:900 9px/1 Arial Narrow,sans-serif;letter-spacing:.1em}.finish-picker button:hover{background:#33445f;transform:translateY(-1px)}.finish-picker button:focus-visible{outline:3px solid #fff;outline-offset:2px}.finish-picker button i{width:27px;height:27px;border:2px solid rgba(255,255,255,.72);border-radius:50%;background:var(--finish-color);box-shadow:inset 0 0 0 4px #0000001f}.mobile-interact{display:none}.control-hint{position:fixed;z-index:3;bottom:28px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:11px 20px;border:1px solid #495364;border-radius:7px;background:#0c1422f0;color:#dbe1ea;font-family:Arial Narrow,sans-serif;font-size:13px;font-weight:900;letter-spacing:.13em}.control-hint span{color:#fff}.control-hint i{width:5px;height:5px;border-radius:50%;background:#f4c542}.control-hint small{padding-left:8px;border-left:1px solid #495364;color:#42c6d7;font-size:9px;letter-spacing:.1em}.presence-toast{position:fixed;z-index:4;left:26px;bottom:27px;padding:10px 14px;background:#0c1422f0;border-left:4px solid #f4c542;border-radius:4px;font-size:13px;font-weight:700}.reconnect-banner{position:fixed;z-index:5;top:0;left:50%;transform:translate(-50%);padding:8px 16px;color:#101b2e;background:#f4c542;border-radius:0 0 6px 6px;font-weight:850;font-size:13px}.lobby-scrim{position:fixed;z-index:10;inset:0;display:grid;place-items:center;padding:22px;background:#050a12a8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.lobby-panel{width:min(100%,440px);padding:30px 34px 34px;color:#f7f3e8;background:#101b2e;border:1px solid #526078;border-radius:12px;box-shadow:0 24px 70px #0000008c,inset 0 0 0 3px #ffffff06}.lobby-panel h1{margin:0;text-align:center;font-size:27px;line-height:1.12;letter-spacing:-.025em}.lobby-panel>p{max-width:330px;margin:9px auto 26px;color:#aeb9c9;text-align:center;font-size:14px;line-height:1.45}.lobby-panel form{display:grid;gap:18px}.lobby-panel label,.lobby-panel legend{color:#c8d0dc;font-size:11px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.lobby-panel label{display:grid;gap:7px}.lobby-panel input{width:100%;height:45px;padding:0 13px;color:#fff;background:#0a1322;border:1px solid #45536a;border-radius:6px;font-size:16px;font-weight:700;letter-spacing:0;text-transform:none}.lobby-panel fieldset{margin:0;padding:0;border:0}.lobby-panel legend{margin-bottom:9px}.color-picker{display:flex;gap:11px}.color-swatch{width:39px;height:39px;cursor:pointer;border:3px solid #101b2e;border-radius:50%;background:var(--swatch);box-shadow:0 0 0 1px #4b586d}.color-swatch--selected{box-shadow:0 0 0 3px #fff;transform:scale(.9)}.join-row{display:grid;grid-template-columns:1fr 108px;gap:10px;align-items:end}.button{min-height:45px;border:0;border-radius:6px;cursor:pointer;font-size:13px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.button:disabled{cursor:not-allowed;opacity:.45}.button--primary{color:#111a29;background:#f4c542;box-shadow:0 4px #a57e11}.button--primary:not(:disabled):hover{background:#ffd85b;transform:translateY(-1px)}.button--secondary{color:#fff;background:#344158;border:1px solid #59667b}.invite-room{padding:12px 14px;color:#aeb9c9;background:#0a1322;border:1px solid #354158;border-radius:6px;text-align:center;font-size:13px}.invite-room strong{margin-left:5px;color:#f4c542;font-size:18px;letter-spacing:.13em}.form-error{padding:10px 12px;color:#ffd5cf;background:#ff6b5724;border-left:3px solid #ff6b57;border-radius:4px;font-size:13px;line-height:1.4}.mobile-controls{display:none}@keyframes blink{50%{opacity:.35}}@keyframes ticket-pop{50%{transform:rotate(-.7deg) scale(1.06)}}@keyframes boss-pulse{to{box-shadow:0 0 24px #ff6b5759}}@keyframes trouble-flash{50%{background:#ff6b57;color:#101b2e}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media(max-width:720px),(pointer:coarse){.brand{top:18px;left:16px;font-size:28px}.room-plate{top:14px;min-width:164px;padding:8px 8px 8px 13px;gap:8px}.room-plate strong{font-size:27px}.room-plate button{width:38px;height:38px;padding:9px}.connection{top:72px;right:16px;font-size:10px}.connection i{width:10px;height:10px}.roster{top:98px;right:12px;width:158px;padding:8px 10px 5px}.roster li{min-height:30px;font-size:11px;gap:7px}.roster li>i{width:10px;height:10px}.order-ticket{top:86px;left:12px;width:146px;padding:10px 11px}.order-ticket strong{font-size:24px}.order-ticket span{font-size:9px}.order-ticket p{margin-top:6px;padding-top:5px;font-size:8px}.boss-watch{top:248px;right:12px;width:158px;padding:8px 10px}.boss-watch strong{font-size:14px}.boss-watch span{font-size:8px}.trouble-strip{top:13px;font-size:9px;white-space:nowrap}.control-hint{display:none}.interaction-prompt{bottom:calc(86px + env(safe-area-inset-bottom));min-width:185px;padding:8px 10px;font-size:10px}.interaction-prompt kbd:first-child{display:none}.interaction-prompt kbd+kbd{display:block}.finish-picker{bottom:calc(150px + env(safe-area-inset-bottom));min-width:238px;padding:9px 8px}.finish-picker button{min-width:65px}.presence-toast{left:12px;bottom:calc(132px + env(safe-area-inset-bottom));max-width:55vw}.mobile-controls{position:fixed;z-index:4;left:18px;bottom:calc(18px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(3,48px);grid-template-rows:repeat(2,48px);gap:5px}.mobile-controls button{touch-action:none;padding:13px;border:1px solid #6c788b;border-radius:9px;color:#fff;background:#101b2ee0}.mobile-controls button:active{color:#101b2e;background:#f4c542}.mobile-controls svg{width:100%;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.mobile-interact{position:fixed;z-index:4;right:24px;bottom:calc(27px + env(safe-area-inset-bottom));display:block;width:78px;height:78px;padding:0;color:#101b2e;background:#f4c542;border:2px solid #ffe77e;border-radius:50%;box-shadow:0 7px #9c7710;font:950 12px/1 Arial Narrow,sans-serif;letter-spacing:.08em;touch-action:none}.mobile-interact:active{transform:translateY(4px);box-shadow:0 3px #9c7710}.dpad-up{grid-column:2}.dpad-left{grid-column:1;grid-row:2;transform:rotate(-90deg)}.dpad-down{grid-column:2;grid-row:2;transform:rotate(180deg)}.dpad-right{grid-column:3;grid-row:2;transform:rotate(90deg)}.lobby-panel{padding:24px 22px 26px}.brand--lobby{position:static;font-size:42px}}@media(max-width:480px){.room-plate{left:auto;right:12px;transform:none}.connection{top:66px}.roster{top:88px}.join-row{grid-template-columns:1fr 90px}}