@import"https://fonts.googleapis.com/css2?family=Bangers&family=Oswald:wght@400;500;600;700&display=swap";:root{font-family:Oswald,system-ui,sans-serif;color:#f4ead5;background:#080706;font-synthesis:none}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{background:#182217}#game{position:fixed;inset:0;overflow:hidden;background:#182217}#game canvas{position:absolute;inset:-4px;width:calc(100% + 8px)!important;height:calc(100% + 8px)!important;display:block;background:#182217}.screen{position:fixed;inset:0;z-index:10}.hidden{display:none!important}.loading{z-index:80;display:grid;place-items:center;padding:7vw;background:radial-gradient(ellipse at 50% 40%,#293b25 0,#111a11 38%,#050705 78%)}.loading:before{content:"";position:absolute;inset:0;opacity:.13;background:repeating-linear-gradient(115deg,transparent 0 74px,#d58c3d 76px,transparent 78px 170px);mix-blend-mode:overlay}.loading-card{position:relative;width:min(760px,82vw);padding:clamp(28px,4vw,60px);border:1px solid #746046;background:linear-gradient(145deg,#171813f2,#090b08f7);box-shadow:0 30px 120px #000c,inset 0 0 70px #0008}.loading-kicker{margin:0 0 8px;color:#d98a3e;font-weight:700;font-size:clamp(14px,1.3vw,21px);letter-spacing:.32em}.loading h2{color:#f0dfbf;font-size:clamp(42px,5.2vw,76px);line-height:.92;letter-spacing:.025em;text-shadow:4px 5px 0 #000}.loading-track{height:18px;margin-top:clamp(28px,4vh,48px);overflow:hidden;border:2px solid #0a0907;background:#292a22;box-shadow:inset 0 3px 9px #000c,0 0 0 1px #6d5738}.loading-track i{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,#b94128,#e69c38 74%,#f4c15b);box-shadow:0 0 18px #e58c36aa;transition:transform .12s linear}.loading-meta{display:flex;justify-content:space-between;gap:20px;margin-top:13px;color:#aa9d87;font-weight:600;font-size:clamp(13px,1.2vw,18px);letter-spacing:.13em}.loading-meta strong{color:#f1b34f;font-size:1.15em}.lobby{padding:5vh 6vw;display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:auto 1fr auto;gap:3vh 5vw;overflow:hidden;background:radial-gradient(ellipse at 72% 30%,#5b3523 0,#211712 33%,#0c0a08 73%),linear-gradient(120deg,#1c1712,#060505)}.lobby:before{content:"";position:absolute;inset:-20%;opacity:.13;transform:rotate(-9deg);background:repeating-linear-gradient(90deg,transparent 0 50px,#d39a55 52px,transparent 54px 130px);mix-blend-mode:overlay}.lobby:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#0008,transparent 18% 80%,#0008),linear-gradient(#0008,transparent 16% 85%,#0009)}.brand-block,.join-block,.crew,.lobby-status,.audio-button,.bot-button{position:relative;z-index:1}.brand-block{align-self:end}.kicker{color:#dbac64;letter-spacing:.28em;font-weight:700;font-size:clamp(13px,1vw,22px)}h1,h2{font-family:Bangers,Impact,sans-serif;font-weight:400;margin:0}h1{font-size:clamp(66px,8.5vw,164px);line-height:.72;letter-spacing:-.025em;text-shadow:.04em .05em 0 #000}h1 span{display:block;color:#d54d32;letter-spacing:.08em}.mode{border-left:5px solid #d59a50;padding-left:16px;margin:4vh 0 0;font-size:clamp(20px,2vw,38px);letter-spacing:.16em;font-weight:700}.join-block{grid-row:1 / 3;grid-column:2;align-self:center;display:grid;grid-template-columns:minmax(200px,18vw) 1fr;gap:2.2vw;align-items:center;background:#15110ee6;border:1px solid #795d3b;padding:2.3vw;box-shadow:0 30px 90px #000b,inset 0 0 50px #0007;transform:rotate(.3deg)}.qr-frame{position:relative;padding:14px;background:#e7d9bb;aspect-ratio:1;box-shadow:8px 9px #080706}.qr-frame canvas{width:100%!important;height:100%!important}.qr-frame i{position:absolute;width:20px;height:20px;border-color:#df5c36;border-style:solid}.qr-frame i:nth-of-type(1){left:-5px;top:-5px;border-width:4px 0 0 4px}.qr-frame i:nth-of-type(2){right:-5px;top:-5px;border-width:4px 4px 0 0}.qr-frame i:nth-of-type(3){left:-5px;bottom:-5px;border-width:0 0 4px 4px}.qr-frame i:nth-of-type(4){right:-5px;bottom:-5px;border-width:0 4px 4px 0}.room-info small{letter-spacing:.2em;color:#ac9c84}.room-info strong{display:block;font-family:Bangers,Impact,sans-serif;font-size:clamp(55px,6.3vw,115px);line-height:1;color:#f4b85e;letter-spacing:.09em;text-shadow:4px 5px 0 #000}.room-info p{color:#a69b8d;font-size:clamp(12px,1vw,19px);overflow-wrap:anywhere}.crew{display:grid;gap:1.5vh;align-self:end}.crew-slot{display:grid;grid-template-columns:70px 1fr 100px;align-items:center;min-height:95px;border:1px solid #514638;background:linear-gradient(90deg,#211b16e6,#100e0cd9);box-shadow:inset 5px 0 #4d3f30}.crew-slot b{align-self:stretch;display:grid;place-items:center;font-size:28px;color:#65594b;border-right:1px solid #4e4335}.crew-slot div{padding:0 25px}.crew-slot small{display:block;color:#d3994d;letter-spacing:.18em;font-weight:700}.crew-slot strong{font-size:clamp(18px,1.5vw,29px);letter-spacing:.05em}.crew-slot>span{font-size:38px;color:#594c3c;text-align:center}.crew-slot.connected{border-color:#826f4f;box-shadow:inset 5px 0 #d88d42,0 0 28px #d46b2c12}.crew-slot.ready strong{color:#9ac464}.crew-slot.disconnected strong{color:#e4573d}.lobby-status{grid-column:2;justify-self:end;align-self:end;color:#b6a995;letter-spacing:.16em;font-size:18px;padding-right:1vw}.lobby-status:before{content:"";display:inline-block;width:10px;height:10px;background:#d18e42;border-radius:50%;margin-right:10px;box-shadow:0 0 14px #d18e42}.audio-button{position:absolute;right:4vw;top:3vh;color:#cdbb9c;border:1px solid #66533b;background:#15110ec4;padding:10px 16px;letter-spacing:.12em}.bot-button{position:absolute;right:4vw;top:calc(3vh + 52px);color:#f1c26e;border:1px solid #8a6039;background:#18120edb;padding:10px 16px;font-family:Oswald,sans-serif;font-weight:700;letter-spacing:.13em;cursor:pointer}.bot-button:disabled{opacity:.55;cursor:wait}.countdown{z-index:30;background:#080706e8;display:grid;place-items:center;align-content:center}.countdown small{letter-spacing:.35em;color:#d7a35b;font-size:25px}.countdown strong{font-family:Bangers,Impact,sans-serif;font-size:35vw;line-height:.8;color:#e45435;text-shadow:12px 15px #250b08}.results{z-index:40;display:grid;place-items:center;background:#070605e8;backdrop-filter:blur(6px);padding:4vh}.results-card{width:min(1100px,90vw);max-height:92vh;overflow:auto;border:1px solid #80613d;background:linear-gradient(145deg,#251b14f2,#100d0bf2);box-shadow:0 25px 100px #000;padding:4vh 4vw}.results h2{font-size:clamp(50px,7vw,115px);color:#d85236}.result-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;margin:2vh 0;background:#6d5438;border:1px solid #6d5438}.result-stats div{background:#15110e;padding:18px}.result-stats small{color:#aa9475;display:block;letter-spacing:.1em}.result-stats strong{font-size:30px}.results h3{letter-spacing:.18em;color:#e4aa55}.results ol{padding:0;list-style-position:inside;columns:2}.results li{padding:6px;border-bottom:1px solid #3d3328}.results button{width:100%;border:0;color:#fff;background:linear-gradient(#db6c39,#a92d24);padding:16px;font-family:Bangers,Impact,sans-serif;font-size:25px;box-shadow:0 7px #4e1714}.fatal{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:10vw;background:#100;color:#ffb4a3;font-size:30px;text-align:center}@media(max-aspect-ratio:4/3){.lobby{grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto;overflow:auto}.join-block{grid-row:auto;grid-column:auto}.crew{grid-row:auto}.lobby-status{grid-column:auto}.result-stats{grid-template-columns:repeat(2,1fr)}}.streaming-status{position:fixed;bottom:12%;left:50%;transform:translate(-50%);z-index:90;padding:10px 20px;color:#f4c15b;background:#10150fe8;border-radius:6px;pointer-events:none}.sound-settings{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:85;padding:6px 10px;background:#10150feb;color:#e9bd71;border-radius:6px;font-size:14px}.sound-settings summary{cursor:pointer}.sound-settings label{display:grid;gap:6px;margin-top:12px}.sound-settings input{width:180px;accent-color:#e9aa30}