@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',Arial,sans-serif;color:#fff;background:#020819;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;min-height:100%;height:100%;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #65b7ff;outline-offset:3px}.is-hidden{display:none!important}
.landing{position:relative;height:100svh;min-height:580px;background:radial-gradient(ellipse at 15% 62%,#062869 0,transparent 51%),radial-gradient(ellipse at 83% 32%,#123477 0,transparent 45%),#040916;overflow:auto}.landing:before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,transparent 45%,#0064f91b 100%);pointer-events:none}.landing-pattern{pointer-events:none;position:absolute;inset:0;background-image:radial-gradient(circle,#2a73d84f 1px,transparent 2px);background-size:24px 24px;mask-image:linear-gradient(to right,black,transparent 52%);opacity:.5}.landing-top{position:relative;display:flex;justify-content:space-between;align-items:center;width:min(1280px,94%);margin:0 auto;padding:31px 0;z-index:2}.brand-pill{font-family:'Barlow Condensed',sans-serif;font-size:22px;font-weight:500;letter-spacing:.06em}.brand-pill b{color:#ffbd2f}.brand-star{color:#ffbd2f;margin-right:11px}.top-quiet{border:1px solid #ffffff37;background:#ffffff08;padding:12px 18px;border-radius:7px;color:#c4d4eb;font-size:11px;letter-spacing:.15em;font-weight:800}.top-quiet span{margin-left:14px}.landing-main{position:relative;z-index:1;min-height:calc(100vh - 180px);display:grid;grid-template-columns:1fr 465px;align-items:center;gap:3vw;max-width:1225px;margin:auto;padding:18px 36px 40px}.landing-visual{height:590px;max-height:74vh;position:relative;display:grid;place-items:center;perspective:800px}.visual-glow{position:absolute;width:370px;height:390px;border-radius:50%;background:#0049ff;filter:blur(115px);opacity:.28;z-index:-2}.orbit{position:absolute;border-radius:50%;border:3px solid #e8ad1860;width:630px;height:530px;max-width:100%;transform:rotate(-10deg);box-shadow:0 0 32px #ffbd2365,inset 0 0 25px #ffbd1827}.orbit-two{width:560px;height:460px;transform:rotate(15deg);border-color:#0678eb85;box-shadow:0 0 32px #0678eb5a}.hero-board{width:430px;max-width:82%;position:relative;transform:rotate(-7deg) translateY(-12px);border:10px solid #ffcb36;background:#001947;box-shadow:0 0 0 5px #092753,0 0 0 11px #031127,0 19px 65px #0009,0 0 35px #ffae1655;border-radius:18px;padding:14px;z-index:2}.hero-q{background:linear-gradient(#09254d,#031831);text-align:center;padding:16px 12px;border:2px solid #72a2dc;font:800 19px 'Barlow Condensed','Arial Narrow','DejaVu Sans Condensed',sans-serif;letter-spacing:.08em;margin-bottom:12px}.hero-number,.hero-answer{font:800 28px 'Barlow Condensed','Arial Narrow','DejaVu Sans Condensed',sans-serif;background:linear-gradient(180deg,#287ce4,#0654c3 50%,#062260);border:2px solid #78a6f5;height:62px;display:flex;align-items:center;justify-content:center;text-shadow:1px 2px #00113a}.hero-answer{justify-content:space-between;padding:0 23px;border-color:#dfedff;font-size:24px}.hero-answer b{background:#001d59;padding:6px 10px}.hero-answer.dim{filter:brightness(.6)}.hero-number{display:none}.hero-bulbs{height:11px;background:repeating-radial-gradient(circle,#ffdb49 0 4px,transparent 6px 19px);margin:13px 2px 0}.entry-panel{max-width:465px}.eyebrow,.dialog-eyebrow{font-size:11px;font-weight:800;letter-spacing:.18em;color:#b7c8e0;display:flex;align-items:center;gap:10px}.signal-dot,.online-orb,.live-dot{width:9px;height:9px;border-radius:50%;display:inline-block;background:#51ffaf;box-shadow:0 0 14px #51ffb5}.entry-panel h1{font:900 clamp(59px,6.3vw,93px)/.88 'Barlow Condensed',Impact,sans-serif;letter-spacing:.014em;margin:22px 0 22px}.entry-panel h1 em{font-style:normal;color:#ffbd33}.tagline{max-width:425px;color:#a3b3cf;font-size:14px;line-height:1.76;margin:0 0 28px}.form-label{font:800 10px 'DM Sans',sans-serif;color:#809ac2;letter-spacing:.16em;display:block;margin-bottom:9px}.entry-input,.entry-select,.join-inline input{background:#0b1b36;border:1px solid #253d62;color:white;outline:none;padding:0 16px;height:50px;border-radius:6px;width:100%;font-size:14px}.entry-input:focus,.entry-select:focus,.join-inline input:focus{border-color:#4a9bff}.entry-two{display:grid;grid-template-columns:1.5fr 1fr;gap:14px;margin:19px 0 20px}.segmented{display:flex;background:#09192e;border:1px solid #294160;padding:4px;border-radius:6px;height:50px}.segmented button{flex:1;border:0;background:none;color:#7b9ac2;font:800 12px 'Barlow Condensed','Arial Narrow','DejaVu Sans Condensed',sans-serif;letter-spacing:.07em;border-radius:4px}.segmented button.selected{background:#174eae;color:#fff;box-shadow:0 3px 8px #0006}.entry-select{appearance:none;background:#0b1b36 url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="%23acbbd0" stroke-width="2" d="m6 9 6 6 6-6"/></svg>') right 11px center/20px no-repeat;cursor:pointer}.primary-action,.secondary-action,.outlined-action{width:100%;border:0;border-radius:6px;height:52px;padding:0 20px;font-size:12px;letter-spacing:.1em;font-weight:900;display:flex;align-items:center;justify-content:space-between}.primary-action{background:#ffb629;color:#08172e;box-shadow:0 6px 0 #9c640e,0 13px 30px #0005}.primary-action:hover{background:#ffd15e}.secondary-action{margin-top:13px;background:#102448;border:1px solid #305283;color:#eff6ff}.secondary-action span:last-child{margin-left:auto}.online-orb{margin-right:12px}.join-inline{margin-top:25px;border-top:1px solid #233959;padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.join-inline label{font-size:10px;letter-spacing:.08em;color:#adc0d9;font-weight:800;white-space:nowrap}.join-inline>div{display:flex;gap:7px}.join-inline input{width:100px;height:41px;letter-spacing:.14em;text-transform:uppercase;padding:0 8px;text-align:center}.join-inline button{border:1px solid #345c96;background:#16315a;color:white;font-size:10px;font-weight:800;letter-spacing:.08em;border-radius:5px;padding:0 12px;white-space:nowrap}.landing-foot{font-size:10px;letter-spacing:.03em;color:#7188a9;margin:26px 0;display:flex;align-items:center;gap:10px}.foot-dot{color:#ffbe37}.bottom-watermark{position:absolute;bottom:13px;left:0;right:0;text-align:center;color:#547096;font-size:8px;letter-spacing:.18em;opacity:.8}
.game-screen{position:fixed;inset:0;overflow:hidden;background:radial-gradient(ellipse at center,#001f72 0,#031143 65%,#000a1a 100%)}.game-screen:before{content:'';position:absolute;inset:0;background:radial-gradient(circle,#105ce4 0 4px,transparent 5px) 0 0/26px 26px;opacity:.34}.arena-shadow{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 39%,#00051bce 100%)}.arena{position:absolute;left:50%;top:50%;width:1024px;height:768px;transform:translate(-50%,-50%) scale(var(--scale,1));transform-origin:center;overflow:hidden;background:radial-gradient(ellipse at 50% 78%,#033dc2 1%,#08276e 44%,#000b2a 89%);isolation:isolate}.stage-lights{position:absolute;inset:0;background-image:radial-gradient(circle,#1177fa 0 4px,#0751c5 5px,transparent 9px);background-size:31px 27px;background-position:5px 3px;mask-image:linear-gradient(#0000 0%,#0003 8%,#0007 42%,#000 64%,#0008 84%,#000b 100%)}.stage-inner-shade{position:absolute;inset:0;background:linear-gradient(to bottom,#000921cc 0,#0000 25%,#0000 70%,#00091eb6 99%);pointer-events:none;z-index:1}.arch{position:absolute;left:145px;top:109px;width:743px;height:546px;border-radius:50%;pointer-events:none}.arch-back{background:radial-gradient(ellipse at 50% 50%,transparent 61%,#061027 62%,#ffd623 63%,#b26d00 65%,#122546 67%,transparent 69%);filter:drop-shadow(0 4px 18px #d99014)}.arch-gold{border:5px solid #f0c020;box-shadow:0 0 0 3px #664000,inset 0 0 11px 2px #ffd442,0 0 19px #ffd43a;transform:scale(1.01)}.arch-blue{border:10px solid #02132e;box-shadow:inset 0 0 4px 3px #279bff,0 0 5px 1px #2693ff;transform:scale(.961)}.bulb{position:absolute;width:12px;height:12px;z-index:2;border-radius:50%;background:radial-gradient(circle at 36% 32%,#fffad0 0 9%,#ffe132 32%,#bd7100 76%);box-shadow:0 0 7px #fff521,0 0 12px #febd12;border:1px solid #6a4000;animation:twinkle 2s infinite alternate}.side-sign{position:absolute;top:308px;width:211px;height:162px;border-radius:45px 20px 20px 45px;border:9px solid #ffd52d;box-shadow:0 0 0 5px #594200,0 0 0 13px #041531,0 0 17px 6px #ffb900,inset 0 0 8px #ffe13e;background:#04102d;z-index:3;display:flex;align-items:center;justify-content:center}.sign-left{left:12px}.sign-right{right:12px;transform:scaleX(-1)}.side-sign img{height:91px;width:154px;object-fit:fill;box-shadow:0 0 14px #019cff;transform:scaleX(1)}.sign-right img{transform:scaleX(-1)}.game-question{position:absolute;z-index:10;left:179px;top:-8px;width:679px;height:146px;border:7px solid #153a64;border-radius:0 0 22px 22px;box-shadow:0 0 0 3px #4e757b,0 10px 9px #0008;background:linear-gradient(#071b33,#051527);display:flex;align-items:center;justify-content:center;text-align:center;padding:19px 28px 21px}.game-question:after{position:absolute;content:'';inset:5px;border:1px solid #54728a60;border-radius:0 0 15px 15px;pointer-events:none}.game-question>div{font:800 36px/1.12 'Barlow Condensed',Impact,'Arial Narrow',sans-serif;color:#fff;text-shadow:1px 2px #577089;max-width:100%}.avatar-frame{position:absolute;z-index:11;top:81px;width:132px;height:130px;border:2px solid #03baff;border-radius:14px;background:#0632d1;box-shadow:0 0 0 2px #112c6f;overflow:hidden}.avatar-left{left:22px}.avatar-right{right:17px}.avatar-frame img{height:100%;width:100%;object-fit:cover}.left-score,.right-score{position:absolute;z-index:9;top:222px;font:800 30px 'Barlow Condensed','Arial Narrow','DejaVu Sans Condensed',sans-serif;text-shadow:0 2px 4px #00112e}.left-score{left:80px}.right-score{right:82px}.left-name,.right-name{position:absolute;z-index:9;top:259px;width:150px;text-align:center;font:800 13px 'Barlow Condensed','Arial Narrow','DejaVu Sans Condensed',sans-serif;letter-spacing:.08em;color:#a6c4ff}.left-name{left:12px}.right-name{right:7px}.round-total{position:absolute;z-index:8;top:129px;left:433px;width:163px;height:89px;background:linear-gradient(180deg,#163ff9,#0646ff 75%,#1034bc);border:7px solid #6f96d2;box-shadow:0 0 0 5px #052777,0 4px 15px #0014ae,inset 0 2px 6px #fff6;display:grid;place-items:center;font:900 43px 'Barlow Condensed','Arial Narrow','DejaVu Sans Condensed',sans-serif;color:white}.board-shell{position:absolute;z-index:6;left:228px;top:219px;width:580px;height:326px;border:9px solid #ffdf20;box-shadow:0 0 0 5px #84590f,0 0 0 9px #031837,0 3px 19px #000b,inset 0 0 14px #ffb900;background:#001848;border-radius:27px 9px 9px 9px;padding:17px 11px 11px}.board-shell:before{content:'';position:absolute;inset:7px;border:4px solid #d6a61a;border-radius:14px 3px 3px 3px;pointer-events:none}.board-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,1fr);grid-auto-flow:column;width:100%;height:100%;gap:5px;position:relative;z-index:1}.answer-cell{border:3px solid #c7d7eb;background:linear-gradient(180deg,#6aa2e7 0%,#3776d1 19%,#125bc8 51%,#114394 100%);box-shadow:inset 0 0 0 2px #1a4c8c,inset 0 4px 10px #bbd8ff77;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.answer-cell .answer-index{width:75px;height:68px;border:3px solid #4264a0;border-radius:50%;background:radial-gradient(circle at 60% 35%,#0d44ab,#001a4d);box-shadow:0 0 0 2px #07337c,inset 0 3px 6px #6ca3ff55;display:grid;place-items:center;font:900 42px/1 'Barlow Condensed','Arial Narrow','DejaVu Sans Condensed',sans-serif;text-shadow:0 3px #00163f}.answer-cell.revealed{animation:reveal-cell .52s cubic-bezier(.15,.7,.1,1);background:linear-gradient(#b2d1fe 0,#1d6bd4 22%,#003c9c 75%,#001d67)}.answer-cell.revealed .answer-index{display:none}.answer-content{display:flex;justify-content:space-between;align-items:center;padding:0 8px 0 13px;gap:5px;width:100%;font:900 24px 'Barlow Condensed','Arial Narrow','DejaVu Sans Condensed',sans-serif;letter-spacing:.02em;text-shadow:0 2px 2px #00154c;line-height:.98}.answer-content span{flex:1;min-width:0;overflow-wrap:anywhere}.answer-content b{background:#061744;box-shadow:inset 0 0 0 2px #558de2;padding:12px 8px;border-radius:2px;min-width:47px;text-align:center;font-size:26px}.board-shimmer{position:absolute;inset:0;background:linear-gradient(110deg,transparent 29%,#ffffff10 50%,transparent 71%);pointer-events:none}.strike-tray{position:absolute;z-index:9;left:407px;top:538px;width:220px;display:flex;gap:12px;align-items:center;justify-content:center;pointer-events:none}.strike-tray span{font:900 49px/.8 'Barlow Condensed','Arial Narrow','DejaVu Sans Condensed',sans-serif;text-shadow:0 3px 3px #000b,-2px 0 #fa7d32,2px 0 #ff8715;color:#67231a;opacity:.42}.strike-tray span.hit{color:#ff2929;text-shadow:0 0 10px #ff8800,0 0 20px #ff001e;opacity:1}.stage-options{position:absolute;z-index:12;left:239px;top:493px;width:569px;height:138px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:59px 59px;gap:16px 30px;pointer-events:none}.choice{pointer-events:auto;background:#071b35;border:2px solid #efb120;border-radius:5px;color:white;font:900 30px 'Barlow Condensed','Arial Narrow','DejaVu Sans Condensed',sans-serif;text-shadow:0 2px 4px #000b;box-shadow:0 4px 0 #3a240b,0 6px 14px #0009;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 7px;transition:background .12s,transform .12s}.choice:hover:not(:disabled){background:#173a6c;transform:translateY(-2px)}.choice-0{background:#ff9900;color:#0d111a;text-shadow:none;border-color:white}.choice:disabled{opacity:.55;cursor:default}.choice.correct-option{background:#0d963c;color:#fff}.answer-dock{position:absolute;z-index:18;left:180px;bottom:-2px;width:677px;height:125px;border:3px solid #28486d;border-radius:21px 21px 0 0;background:linear-gradient(#05192d,#001022);box-shadow:0 -4px 17px #000b;display:flex;align-items:center;gap:8px;padding:19px 25px}.skip-btn,.submit-btn{flex:none;width:109px;height:77px;border:2px solid #0089e5;border-radius:13px;background:linear-gradient(#1160ab,#034a9d);color:white;font:900 32px 'Barlow Condensed','Arial Narrow','DejaVu Sans Condensed',sans-serif;box-shadow:0 4px 8px #0009,inset 0 3px 10px #7dbfff5e}.submit-btn{display:grid;place-items:center}.answer-input{min-width:0;flex:1;height:60px;border:2px solid white;background:#f8f8f8;color:#171717;font:800 33px 'Barlow Condensed','Arial Narrow','DejaVu Sans Condensed',sans-serif;padding:0 14px;text-align:center;border-radius:0;outline:none;text-transform:uppercase}.answer-input::placeholder{color:#7d8693;font-size:22px}.skip-btn:hover,.submit-btn:hover{filter:brightness(1.3)}.hamburger{position:absolute;left:18px;top:12px;width:59px;height:56px;z-index:20;border:0;background:none;display:flex;flex-direction:column;justify-content:space-around;padding:4px 9px}.hamburger span{height:4px;background:white;border-radius:4px;display:block}.hamburger:hover span{background:#ffc333}.music-button{position:absolute;z-index:20;right:175px;top:17px;width:42px;height:42px;background:#071c3cc2;border:1px solid #416a9a;color:#fff;border-radius:7px;display:grid;place-items:center}.music-button.muted{opacity:.5}.round-pill,.timer-pill{position:absolute;z-index:11;top:169px;left:260px;background:#021b49;border:1px solid #5576b2;color:#c3dbff;font:800 15px 'Barlow Condensed','Arial Narrow','DejaVu Sans Condensed',sans-serif;letter-spacing:.12em;padding:8px 11px;border-radius:5px;box-shadow:0 2px 9px #000a}.timer-pill{left:748px;top:168px;min-width:42px;text-align:center;font-size:21px;color:#ffde63;padding:3px}.timer-pill.urgent{color:#ff5c55;animation:twinkle .35s infinite alternate}.stage-foot-status{position:absolute;z-index:13;left:230px;top:637px;width:575px;text-align:center;font:800 14px 'Barlow Condensed','Arial Narrow','DejaVu Sans Condensed',sans-serif;letter-spacing:.06em;color:#ffeb9c;text-shadow:0 2px 5px #000}.stage-buzz{position:absolute;z-index:19;left:239px;top:504px;width:570px;display:flex;gap:16px;align-items:center;justify-content:center}.buzz-team{flex:1;height:86px;border-radius:8px;border:3px solid #fff9;background:linear-gradient(#1b78ea,#0640a1);font:900 32px 'Barlow Condensed','Arial Narrow','DejaVu Sans Condensed',sans-serif;letter-spacing:.05em;color:#fff;box-shadow:0 8px 23px #000b;animation:buzz-pulse 1.6s infinite}.buzz-two{background:linear-gradient(#ffc837,#dc8f00);color:#041a37}.x-flash{display:none;position:absolute;z-index:30;inset:0;align-items:center;justify-content:center;background:#000b;pointer-events:none}.x-flash span{font:900 320px/.8 'Barlow Condensed','Arial Narrow','DejaVu Sans Condensed',sans-serif;color:#ff1717;text-shadow:0 0 40px #f00,0 0 90px #f00;-webkit-text-stroke:8px #ffe119}.x-flash.show{display:flex;animation:x-flash .86s forwards}.reveal-flash{position:absolute;left:350px;top:295px;z-index:31;color:#ffdf3c;font:900 54px 'Barlow Condensed','Arial Narrow','DejaVu Sans Condensed',sans-serif;text-shadow:0 3px 3px #00112a,0 0 20px #ffce20;opacity:0;pointer-events:none;transform:rotate(-5deg)}.reveal-flash.show{animation:good .85s forwards}
.floating-room-chip{position:absolute;right:18px;top:16px;z-index:29;background:#031329e8;border:1px solid #3879c3;border-radius:7px;color:#fff;padding:10px 14px;font:800 13px 'DM Sans',Arial,sans-serif;letter-spacing:.15em;display:flex;align-items:center;gap:11px}.floating-room-chip[hidden]{display:none}.floating-room-chip button{background:none;color:#aadaff;border:0;font-size:19px}.floating-help{position:absolute;left:16px;bottom:13px;font-size:9px;color:#7195bf;letter-spacing:.1em}.floating-help button{background:none;border:0;color:#b8c9d9;font-weight:800;padding:0}
.overlay{position:fixed;z-index:70;inset:0;display:flex;align-items:center;justify-content:center;overflow:auto;padding:24px;background:#010713d9;backdrop-filter:blur(11px)}.glass-dialog{background:linear-gradient(145deg,#122746ee,#041329f7);border:1px solid #5277a58c;box-shadow:0 25px 95px #000c,inset 0 1px #ffffff22;border-radius:15px}.room-dialog{width:min(560px,100%);padding:31px 36px 26px}.room-dialog h2,.rules-dialog h2,.winner-dialog h2{font:900 57px/.94 'Barlow Condensed','Arial Narrow','DejaVu Sans Condensed',sans-serif;margin:18px 0 10px;letter-spacing:.025em}.room-dialog>p{color:#9eb1cb;font-size:13px;line-height:1.6;margin:0 0 19px}.code-box{display:flex;align-items:center;justify-content:space-between;border:1px solid #547baa;background:#061a3e;border-radius:10px;padding:17px 21px}.code-box small,.drawer-stat-grid small{display:block;font:800 10px 'DM Sans',Arial,sans-serif;letter-spacing:.15em;color:#7894b4}.code-box strong{font:900 43px 'Barlow Condensed','Arial Narrow','DejaVu Sans Condensed',sans-serif;letter-spacing:.18em;color:#ffd46f}.code-box button{border:1px solid #ebb23c;border-radius:6px;background:#ffc23d;color:#08132a;height:43px;padding:0 15px;font-size:10px;font-weight:900;letter-spacing:.09em}.room-roster-title{margin-top:24px;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;color:#c1d2ed;font-size:11px;letter-spacing:.13em;font-weight:900}.room-roster-title #connectionStatus{color:#5edca9;font-size:10px}.room-roster-title #connectionStatus.bad{color:#ff8b8b}.room-roster{max-height:222px;overflow-y:auto;display:grid;gap:8px}.roster-item{display:flex;align-items:center;gap:11px;padding:10px 12px;border:1px solid #25466e;border-radius:7px;background:#ffffff08}.roster-avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:7px;background:#154785;font-weight:900}.roster-name{font-size:13px;font-weight:800;min-width:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.roster-you{color:#79a0c8;font-size:10px}.team-badge{font:800 10px 'DM Sans',Arial,sans-serif;padding:7px;border-radius:5px;background:#0b4aaf;border:1px solid #398cff;color:#fff}.team-badge.gold{background:#5d400e;border-color:#e8a83c;color:#ffd572}.team-badge:disabled{cursor:default}.room-actions{display:flex;gap:12px;margin-top:26px}.room-actions .outlined-action{width:125px;justify-content:center;background:#102441;border:1px solid #426187;color:white}.room-actions .primary-action{flex:1}.room-actions .primary-action:disabled{filter:grayscale(.8);cursor:not-allowed}.room-dialog .room-tip{font-size:11px;margin:20px 0 0;text-align:center;color:#7991af}
.drawer-backdrop{position:fixed;z-index:85;inset:0;background:#0009;backdrop-filter:blur(3px)}.menu-drawer{position:fixed;z-index:90;left:0;top:0;bottom:0;width:min(390px,100%);background:linear-gradient(150deg,#11233c,#041020);border-right:1px solid #4671a4;box-shadow:12px 0 65px #000b;padding:29px 24px;overflow:auto;animation:drawer-in .25s ease-out}.drawer-heading{display:flex;align-items:flex-start;justify-content:space-between}.drawer-heading small{color:#7f9dbd;font-size:10px;letter-spacing:.13em;font-weight:800}.drawer-heading h2{font:900 42px 'Barlow Condensed','Arial Narrow','DejaVu Sans Condensed',sans-serif;margin:0 0 20px}.icon-close,.close-rules{width:40px;height:40px;background:#122f56;border:1px solid #476c9b;color:#fff;border-radius:7px;font-size:26px}.drawer-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.drawer-stat-grid>div{background:#112f54;border:1px solid #254d7b;border-radius:9px;padding:13px}.drawer-stat-grid strong{font:800 27px 'Barlow Condensed','Arial Narrow','DejaVu Sans Condensed',sans-serif;display:block;margin-top:6px}.drawer-section-title{color:#7795b9;font:800 10px 'DM Sans',Arial,sans-serif;letter-spacing:.15em;margin:24px 0 9px}.drawer-players{display:grid;gap:7px;max-height:180px;overflow:auto}.drawer-player{display:flex;gap:8px;align-items:center;padding:8px 9px;border:1px solid #294665;background:#0b1e35;border-radius:5px;font-size:12px}.drawer-player .dot{width:8px;height:8px;border-radius:50%;background:#4a8aff;flex:none}.drawer-player .dot.gold{background:#ffbb32}.drawer-player b{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.drawer-player button{border:1px solid #355679;border-radius:4px;background:#1a3860;color:#b5d4fc;font-size:10px;font-weight:800;padding:6px}.drawer-player button:disabled{opacity:.3}.add-player-form{display:flex;gap:8px;margin-top:9px}.add-player-form input{flex:1;min-width:0;height:35px;border-radius:5px;border:1px solid #31557e;background:#071830;color:white;padding:0 10px;font-size:12px}.add-player-form button{background:#ffc043;border:0;border-radius:5px;color:#071c3d;font-size:10px;font-weight:900;padding:0 15px}.drawer-action-list{display:grid;gap:5px}.drawer-action-list button{width:100%;text-align:left;height:40px;border:1px solid #2b4a6a;background:#10243b;color:#d5e5f9;border-radius:5px;padding:0 13px;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:space-between}.drawer-action-list button:hover{background:#1a3c64}.drawer-action-list button:disabled{opacity:.35;cursor:not-allowed}.drawer-action-list button span{font-size:16px;color:#ffcf64}.quit-action{margin-top:28px;width:100%;height:43px;background:#411922;border:1px solid #ab3d58;color:#ffc3c3;font-weight:800;font-size:12px;border-radius:6px}.drawer-credit{margin:19px 0;color:#7892a9;font-size:9px;line-height:1.6}.rules-dialog{position:relative;width:min(650px,100%);padding:35px}.rules-dialog .close-rules{position:absolute;top:25px;right:25px}.rules-dialog h2{font-size:62px}.rules-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 21px;margin-top:25px}.rules-grid>div{border-top:1px solid #2c527f;padding-top:14px}.rules-grid b{font:900 16px 'Barlow Condensed','Arial Narrow','DejaVu Sans Condensed',sans-serif;letter-spacing:.08em;color:#ffcc64}.rules-grid p{font-size:12px;color:#b1c4dd;line-height:1.6}.rules-note{font-size:11px;color:#839dbd;line-height:1.7;margin:20px 0}.rules-dialog>.primary-action{max-width:200px}.winner-dialog{width:min(510px,100%);padding:35px;text-align:center}.winner-sparks{font-size:23px;color:#ffdb67;letter-spacing:.25em;margin-bottom:22px}.winner-dialog .dialog-eyebrow{justify-content:center}.winner-dialog h2{font-size:59px;color:#ffc640}.winner-score{font:900 44px 'Barlow Condensed','Arial Narrow','DejaVu Sans Condensed',sans-serif;margin-bottom:24px}.final-score-rows{display:grid;gap:6px;margin-bottom:27px}.final-score-row{display:flex;justify-content:space-between;padding:10px 14px;border:1px solid #305275;background:#0b2344;border-radius:6px;font-size:13px}.winner-actions{display:flex;gap:12px}.winner-actions .outlined-action{border:1px solid #456d98;background:#122f50;color:white;width:125px;justify-content:center}.winner-actions .primary-action{flex:1}.toast{position:fixed;bottom:20px;left:50%;z-index:100;transform:translate(-50%,30px);background:#0e2444;border:1px solid #6e9ed6;padding:13px 20px;border-radius:8px;box-shadow:0 5px 22px #0009;color:#eff8ff;font-size:12px;font-weight:700;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;text-align:center;max-width:90vw}.toast.show{opacity:1;transform:translate(-50%,0)}
@keyframes twinkle{to{opacity:.55;filter:brightness(.8)}}@keyframes buzz-pulse{50%{box-shadow:0 0 0 6px #ffd33f51,0 9px 28px #000a}}@keyframes reveal-cell{from{transform:rotateX(90deg);filter:brightness(2)}to{transform:rotateX(0deg);filter:brightness(1)}}@keyframes x-flash{0%{opacity:0;transform:scale(1.3)}25%,60%{opacity:1;transform:scale(1)}100%{opacity:0}}@keyframes good{0%{opacity:0;transform:translateY(30px) scale(.5) rotate(-9deg)}25%,60%{opacity:1;transform:translateY(0) scale(1.2) rotate(-5deg)}100%{opacity:0;transform:translateY(-30px) scale(1) rotate(-5deg)}}@keyframes drawer-in{from{transform:translateX(-100%)}to{transform:translateX(0)}}
@media(max-width:920px){.landing-main{grid-template-columns:1fr;justify-items:center;padding-top:0}.landing-visual{display:none}.entry-panel{width:min(465px,100%)}.landing{min-height:100svh}.landing-top{padding:23px 0 5px}.entry-panel h1{font-size:75px;margin-top:18px}.bottom-watermark{position:relative;padding:10px}.landing-main{min-height:calc(100vh - 100px)}}@media(max-width:550px){.landing-main{padding:14px 23px 30px}.entry-panel h1{font-size:68px}.join-inline{align-items:stretch;flex-direction:column}.join-inline>div{width:100%}.join-inline input{flex:1}.join-inline button{min-width:128px}.landing-foot{flex-wrap:wrap;font-size:9px}.room-dialog,.rules-dialog,.winner-dialog{padding:26px 20px}.room-dialog h2{font-size:48px}.code-box{padding:15px}.code-box strong{font-size:35px}.code-box button{padding:0 8px;font-size:9px}.room-actions{gap:8px}.rules-grid{grid-template-columns:1fr 1fr;gap:12px}.rules-dialog h2{font-size:48px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}