:root{color-scheme:dark;--bg:#10101c;--panel:#1b1a2c;--panel2:#222037;--line:#343148;--muted:#aaa5bf;--text:#f8f5ff;--purple:#b7a0ff;--lime:#d9f596;--coral:#ff9a82;--radius:26px;font-family:Inter,"Segoe UI",Arial,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-height:100svh;background-image:radial-gradient(ellipse at 90% 0%,#30244366,transparent 48%)}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button,a,input,select{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--lime)}a{color:inherit}button{border:0}p,h1,h2,h3{margin:0}p{line-height:1.6}h1,h2,h3{letter-spacing:-.04em}button{transition:transform .15s,background .15s,opacity .15s}button:active:not(:disabled){transform:scale(.98)}.shell{max-width:1240px;margin:auto;padding:30px 42px 28px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:48px}.brand{display:inline-flex;gap:10px;align-items:center;font-weight:800;font-size:23px;text-decoration:none;letter-spacing:-.04em}.brand-mark{display:grid;place-items:center;width:40px;height:40px;background:var(--purple);border-radius:13px;color:var(--bg)}.brand-mark svg{width:26px;height:26px}.top-label{color:var(--muted);font-size:12px;letter-spacing:.12em;text-transform:uppercase}.pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:100px;padding:9px 13px;font-size:12px;color:var(--muted);font-weight:600}.dot{width:6px;height:6px;border-radius:50%;background:var(--lime);flex:none}.dot.offline{background:var(--coral)}.hero{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:60px;min-height:470px}.eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:750;color:var(--purple);margin-bottom:20px}.hero h1{font-size:clamp(50px,6.4vw,84px);line-height:1.02;max-width:660px}.hero h1 em{font-style:normal;color:var(--purple)}.hero-copy{color:var(--muted);font-size:16px;max-width:400px;margin-top:25px}.hero-art{height:176px;position:relative;margin-top:30px;display:flex;align-items:center;gap:22px}.record{width:158px;height:158px;border-radius:50%;background:repeating-radial-gradient(circle at center,#242130 0,#242130 2px,#37303f 3px,#242130 4px);border:1px solid #494050;display:grid;place-items:center;box-shadow:0 20px 60px #0005;transform:rotate(-14deg)}.record-label{width:66px;height:66px;border-radius:50%;background:var(--coral);color:#2a1925;display:grid;place-items:center;font-size:10px;font-weight:900;letter-spacing:.12em;position:relative}.record-label:after{content:"";width:8px;height:8px;border-radius:50%;background:#1b1626;position:absolute;top:29px;left:29px}.record-label span{transform:translateY(-16px)}.record-caption{color:var(--muted);font-size:12px;max-width:145px;transform:rotate(-4deg)}.record-caption strong{display:block;font-size:16px;color:var(--text);margin-bottom:5px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:28px}.start-card{padding:12px 26px 26px}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;background:#12121e;border-radius:15px;padding:5px;margin:10px -5px 24px}.tab{border-radius:11px;background:transparent;color:var(--muted);padding:13px 8px;font-weight:650;font-size:13px}.tab.selected{background:#363047;color:var(--text)}.start-card h2{font-size:26px;margin-bottom:7px}.sub{font-size:13px;color:var(--muted);line-height:1.6}.form{display:grid;gap:18px;margin-top:25px}.field{display:grid;gap:8px}.field>span{font-size:12px;color:#d5cee6;font-weight:650}input,select{width:100%;color:var(--text);background:#12121f;border:1px solid #3a344e;border-radius:12px;min-height:49px;padding:12px 14px}input::placeholder{color:#726b86}select{appearance:auto}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.btn{min-height:47px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:13px;padding:12px 18px;font-size:13px;font-weight:750;text-decoration:none;background:var(--purple);color:#191326}.btn.primary{background:var(--lime);color:#1c2510}.btn.secondary{background:#312b45;color:var(--text);border:1px solid #48405d}.btn.ghost{background:transparent;color:var(--muted);border:1px solid var(--line)}.btn.danger{background:#442c35;color:#ffc3b3}.btn.full{width:100%}.btn.small{min-height:36px;padding:8px 12px;font-size:12px}.btn .arrow{font-size:20px;margin-left:auto}.form-note{font-size:11px;color:var(--muted);text-align:center}.home-bottom{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px;padding-top:25px;border-top:1px solid var(--line)}.step{display:flex;gap:14px;align-items:start}.step-num{color:var(--purple);font-size:12px;font-weight:750;display:grid;place-items:center;background:#282238;border-radius:10px;width:34px;height:34px;flex:none}.step strong{font-size:13px;font-weight:650;display:block;margin:1px 0 4px}.step p{color:var(--muted);font-size:12px}.footer{display:flex;justify-content:space-between;gap:16px;color:#746d88;font-size:11px;margin-top:34px}.footer span:last-child{color:#958aa9}.connection{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px}.room-shell{max-width:1100px}.room-shell .topbar{margin-bottom:26px}.room-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px}.room-main{display:grid;gap:18px;align-content:start}.room-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px}.room-title h1{font-size:32px}.room-code{font-weight:800;letter-spacing:.15em;color:var(--purple);font-size:22px}.room-label{font-size:11px;color:var(--muted);margin-bottom:5px}.side-card{padding:22px}.side-card h2{font-size:17px;margin-bottom:18px}.players{display:grid;gap:8px}.player{display:flex;align-items:center;gap:11px;padding:10px 0}.avatar{width:37px;height:37px;display:grid;place-items:center;flex:none;border-radius:13px;background:#3c3159;color:#d9caff;font-size:14px;font-weight:800}.avatar.a1{background:#3a3c29;color:#e3ecac}.avatar.a2{background:#4a2d32;color:#ffc7ae}.avatar.a3{background:#233e40;color:#a5e1db}.player-info{min-width:0;flex:1}.player-name{font-size:13px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-meta{font-size:10px;color:var(--muted);margin-top:3px}.player-score{font-variant-numeric:tabular-nums;font-size:16px;font-weight:750}.player.offline .avatar{opacity:.4}.player.me{background:#28213a;margin:0 -10px;padding-left:10px;padding-right:10px;border-radius:13px}.share-card{display:flex;align-items:center;gap:24px}.qr{background:white;padding:10px;border-radius:14px;line-height:0;flex:none;width:134px;height:134px;display:grid;place-items:center}.qr svg{width:100%;height:100%}.share-copy{min-width:0;flex:1}.share-copy h2{font-size:22px;margin-bottom:7px}.share-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.notice{display:flex;gap:10px;align-items:flex-start;border-radius:14px;background:#292235;border:1px solid #40344f;padding:13px 15px;color:#d7c9e7;font-size:12px;line-height:1.6}.notice.demo{background:#322920;border-color:#574434;color:#e7c6a2}.notice.error{background:#3b232e;border-color:#653545;color:#ffbec3}.notice.success{background:#273224;border-color:#43543b;color:#dcf2bc}.notice .symbol{flex:none;font-size:15px;line-height:1.3}.source-card{padding:22px}.source-header{display:flex;align-items:center;gap:12px;margin-bottom:15px}.source-icon{height:40px;width:40px;display:grid;place-items:center;background:#f7d36e;border-radius:13px;color:#302117;font-size:22px;font-weight:850}.source-header h2{font-size:18px}.source-header p{font-size:11px;color:var(--muted);margin-top:4px}.source-body{display:grid;gap:12px}.source-buttons{display:flex;gap:8px;flex-wrap:wrap}.code-box{background:#10101c;border:1px dashed #6c5b86;border-radius:13px;padding:16px;text-align:center}.device-code{font-size:27px;font-weight:800;letter-spacing:.14em;margin:7px 0 13px}.source-info{display:flex;gap:20px}.source-info strong{font-size:24px;display:block;letter-spacing:-.03em}.source-info span{font-size:11px;color:var(--muted)}.settings{display:grid;grid-template-columns:1fr 90px 100px;gap:10px;align-items:end}.settings .field span{font-size:11px}.settings input,.settings select{font-size:12px;min-height:44px;padding:10px}.screen-link{display:flex;align-items:center;justify-content:space-between;gap:15px}.screen-link p{font-size:12px;color:var(--muted);margin-top:4px}.screen-link h3{font-size:16px}.owner-controls{display:flex;gap:10px;flex-wrap:wrap}.owner-controls .btn{flex:1}.controller-card{text-align:center;padding:30px 24px;position:relative;overflow:hidden;min-height:352px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.controller-card h2{font-size:30px;line-height:1.1}.controller-card p{color:var(--muted);font-size:13px;max-width:360px}.round-label{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--purple);font-weight:700}.buzz{display:grid;place-items:center;align-content:center;gap:7px;width:224px;height:224px;border-radius:50%;background:var(--lime);color:#243016;box-shadow:0 0 0 12px #c6e68b0c,0 0 0 25px #c6e68b05;touch-action:manipulation;transition:transform .1s,opacity .1s}.buzz strong{font-size:33px;letter-spacing:-.05em}.buzz span{font-size:12px;opacity:.65}.buzz svg{width:32px;height:32px;margin-bottom:4px}.buzz:active:not(:disabled){transform:scale(.95)}.buzz:disabled{opacity:.35}.countdown-number{font-size:108px;line-height:1.1;font-weight:850;font-variant-numeric:tabular-nums;color:var(--purple);letter-spacing:-.07em}.answer-title{font-size:32px;line-height:1.08;overflow-wrap:anywhere}.answer-artist{font-size:16px!important;color:var(--purple)!important}.verdicts{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:12px;margin-top:10px}.verdicts .btn{min-height:62px}.timer{font-variant-numeric:tabular-nums;font-weight:700;font-size:14px;color:var(--purple)}.timer-track{width:100%;height:4px;overflow:hidden;border-radius:4px;background:#393144}.timer-fill{height:100%;width:100%;background:var(--purple);transition:width .1s linear}.wait-icon{font-size:34px}.wave{height:60px;display:flex;gap:6px;align-items:center;justify-content:center}.wave i{display:block;width:5px;background:var(--purple);border-radius:5px;height:14px}.wave.playing i{animation:wave 900ms ease-in-out infinite alternate}.wave i:nth-child(2n){height:38px;animation-delay:-220ms}.wave i:nth-child(3n){height:54px;animation-delay:-420ms}.wave i:nth-child(4n){height:29px;animation-delay:-670ms}.wave i:nth-child(5n){height:44px;animation-delay:-110ms}@keyframes wave{from{transform:scaleY(.3)}to{transform:scaleY(1)}}.toast{position:fixed;left:50%;bottom:24px;z-index:30;transform:translate(-50%,20px);opacity:0;pointer-events:none;transition:.2s;padding:13px 20px;border:1px solid #655976;background:#302840;color:#fff;border-radius:13px;font-size:13px;max-width:calc(100% - 30px);box-shadow:0 10px 35px #0005}.toast.show{opacity:1;transform:translate(-50%,0)}.boot{height:100svh;display:grid;place-content:center;justify-items:center;gap:20px;color:var(--muted)}.spinner{display:inline-block;width:24px;height:24px;border:2px solid #514461;border-top-color:var(--purple);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.screen-shell{max-width:1600px;padding:30px 42px;min-height:100svh;display:flex;flex-direction:column}.screen-shell .topbar{margin-bottom:30px}.screen-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:28px;flex:1}.stage{background:linear-gradient(140deg,#262038,#181725 80%);border:1px solid #3b314d;border-radius:32px;position:relative;overflow:hidden;min-height:470px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:44px;text-align:center;gap:22px}.stage:before{content:"";position:absolute;inset:auto auto -150px -150px;width:400px;height:400px;border:1px solid #b7a0ff13;border-radius:50%;box-shadow:0 0 0 45px #b7a0ff06,0 0 0 90px #b7a0ff04;pointer-events:none}.stage h1{font-size:clamp(38px,4.6vw,72px);line-height:1.02;max-width:850px;overflow-wrap:anywhere}.stage .stage-sub{font-size:17px;color:var(--muted);max-width:530px}.stage .qr{width:190px;height:190px;padding:13px;margin:5px 0}.stage .room-code{font-size:42px}.stage .wave{height:100px}.stage .wave i{width:8px;height:40px}.stage .wave i:nth-child(2n){height:72px}.stage .wave i:nth-child(3n){height:100px}.stage .countdown-number{font-size:160px}.stage .timer{font-size:29px}.stage .answer-title{font-size:clamp(36px,4vw,68px)}.stage .answer-artist{font-size:25px!important}.stage .record{width:210px;height:210px}.stage .record.spinning{animation:spin 12s linear infinite}.stage .record-label{width:83px;height:83px}.stage .record-label:after{top:37px;left:37px}.screen-scoreboard{display:flex;flex-direction:column;gap:20px}.screen-scoreboard .card{padding:22px 18px}.screen-scoreboard .player-name{font-size:14px}.screen-scoreboard .player-score{font-size:21px}.screen-scoreboard .player{padding-top:13px;padding-bottom:13px}.screen-foot{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:20px;color:var(--muted);font-size:11px}.unlock{border:1px solid #66567f;background:#302640;padding:22px;border-radius:20px;max-width:440px;display:grid;gap:12px;position:relative;z-index:2}.unlock p{font-size:13px;color:var(--muted)}.rank-big{font-size:48px}.final-score{font-size:44px;letter-spacing:-.06em;color:var(--lime);font-weight:850}.private-link{border-top:1px solid var(--line);padding-top:14px;margin-top:14px}.private-link summary{color:var(--muted);font-size:11px;cursor:pointer}.private-link .sub{font-size:11px;margin:10px 0}.private-link .qr{margin:12px auto}.inline-status{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--muted)}.form-error{font-size:12px;color:#ffb3af;line-height:1.5}.hidden{display:none!important}.share-url{font-size:11px;color:var(--muted);overflow-wrap:anywhere;margin-top:10px}.screen-mini-code{text-align:right}.screen-mini-code .room-code{font-size:19px}.screen-mini-code .room-label{font-size:10px}
@media(min-width:1500px){.screen-shell{padding:40px 60px}.stage{min-height:650px}.screen-layout{grid-template-columns:minmax(0,1fr) 300px}}
@media(max-width:900px){.shell{padding:24px}.hero{gap:30px}.hero h1{font-size:60px}.room-grid{grid-template-columns:minmax(0,1fr) 255px}.screen-shell{padding:24px}.screen-layout{grid-template-columns:minmax(0,1fr) 215px;gap:18px}.stage{padding:28px}.screen-scoreboard .card{padding:18px 13px}}
@media(max-width:700px){.shell{padding:20px 18px 24px}.topbar{margin-bottom:30px}.top-label{font-size:10px;letter-spacing:.08em}.hero{grid-template-columns:1fr;gap:28px;min-height:0}.hero h1{font-size:55px;max-width:450px}.hero-copy{font-size:14px;max-width:350px;margin-top:18px}.eyebrow{margin-bottom:15px}.hero-art{display:none}.start-card{padding:10px 22px 24px}.home-bottom{grid-template-columns:1fr;gap:19px;margin-top:30px;padding-top:24px}.footer{font-size:10px;margin-top:26px}.room-grid{grid-template-columns:1fr}.room-shell .topbar{margin-bottom:20px}.room-title h1{font-size:27px}.room-title{margin-bottom:16px}.room-code{font-size:20px}.room-grid aside{order:2}.side-card{padding:19px}.room-grid aside .players{grid-template-columns:1fr 1fr;column-gap:20px}.player-name{max-width:160px}.share-card{padding:20px;gap:18px}.share-card .qr{width:110px;height:110px}.share-copy h2{font-size:19px}.share-copy .sub{font-size:11px}.share-actions .btn{font-size:11px;min-height:35px;padding:8px 10px}.card{border-radius:22px}.controller-card{min-height:360px;padding:26px 20px}.controller-card h2{font-size:29px}.buzz{height:225px;width:225px}.source-card{padding:19px}.settings{grid-template-columns:1fr 70px 85px}.screen-link{align-items:flex-start}.screen-link .btn{font-size:11px;padding:10px;min-width:115px}.screen-shell{padding:18px;min-height:100svh}.screen-shell .topbar{margin-bottom:20px}.screen-layout{grid-template-columns:1fr}.stage{min-height:480px;padding:25px 20px}.stage h1{font-size:40px}.stage .stage-sub{font-size:14px}.stage .qr{width:160px;height:160px}.screen-scoreboard{display:grid;grid-template-columns:1fr}.screen-scoreboard .players{grid-template-columns:1fr 1fr;gap:8px 20px}.screen-scoreboard .card h2{font-size:17px;margin-bottom:12px}.screen-foot{font-size:10px}.stage .countdown-number{font-size:135px}.stage .answer-title{font-size:39px}.stage .answer-artist{font-size:20px!important}.stage .record{width:155px;height:155px}.room-shell>.notice{margin-bottom:15px}.brand{font-size:21px}.brand-mark{width:35px;height:35px}.connection{font-size:11px}.pill{font-size:10px;padding:8px 10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.room-nav{display:flex;align-items:center;gap:14px}.room-nav .btn{white-space:nowrap}.player-meta [data-disconnect-until]{color:var(--coral)}
@media(max-width:700px){.room-nav{gap:9px;flex-direction:column;align-items:flex-end}.room-nav .btn{min-height:34px;font-size:10px;padding:7px 10px}.room-shell .topbar{align-items:flex-start}.player-meta{line-height:1.4}}

/* The party stage: one screen, a soft aurora, and the whole company below. */
:root{--bg:#0b1020;--panel:#181b30d9;--panel2:#24263c;--line:#ffffff15;--muted:#a7adc4;--text:#f8f6ff;--purple:#bba5ff;--lime:#d8f5a0;--coral:#ffad97;--radius:26px}
body{background:#0b1020;background-image:radial-gradient(ellipse at 8% 5%,#6144a754,transparent 50%),radial-gradient(ellipse at 91% 72%,#18667245,transparent 52%),radial-gradient(ellipse at 65% 0%,#9a596322,transparent 40%);background-attachment:fixed}
body:before{content:"";position:fixed;inset:0;background:linear-gradient(130deg,#0c132800,#0c132833);pointer-events:none;z-index:-1}
.shell{max-width:1340px;padding:32px 42px}.card{background:linear-gradient(145deg,#24243cbf,#141b2ad9);border:1px solid #ffffff16;box-shadow:0 16px 56px #0206171c;backdrop-filter:blur(18px)}
.brand{font-size:24px}.brand-mark{background:linear-gradient(145deg,#c1acff,#a38be6);box-shadow:0 0 25px #b7a0ff12}.brand-mark svg{width:24px}.topbar{margin-bottom:48px}.top-label{font-size:10px;letter-spacing:.09em;color:#b7b4cb}.eyebrow{color:#bbaaff;font-size:10px;letter-spacing:.19em}.tiny-star{color:#cdebb5;font-size:16px;margin-right:7px}.hero{min-height:610px;gap:85px;grid-template-columns:1.1fr .9fr}.hero h1{font-weight:820;font-size:clamp(56px,5.9vw,84px);letter-spacing:-.065em;line-height:1.03}.hero h1 em{background:linear-gradient(100deg,#c5afff,#b2dce0);background-clip:text;-webkit-text-fill-color:transparent}.hero-copy{font-size:17px;line-height:1.75;color:#b0b3ca}.start-card{border-radius:28px;padding:16px 28px 28px}.tabs{background:#0c1120a8}.tab.selected{background:#3e3656}.start-card h2{font-size:29px;letter-spacing:-.045em}.form{gap:19px}.how-it-works{display:grid;grid-template-columns:27px 1fr;column-gap:11px;row-gap:16px;margin:5px 0}.how-it-works span{font-size:11px;letter-spacing:.06em;color:var(--purple);padding-top:3px}.how-it-works p{font-size:12px;color:var(--muted);line-height:1.6}.hero-art{margin-top:35px;gap:26px}.hero-art .record{width:155px;height:155px}.record{background:repeating-radial-gradient(circle at center,#201f30 0,#201f30 2px,#393447 3px,#211f30 4px);border-color:#6e5c7a66;box-shadow:0 24px 55px #0004,inset 0 0 40px #0007}.record-label{background:linear-gradient(135deg,#ffb599,#ee8d86)}.record-caption{color:#b2afc7;line-height:1.6}.record-caption strong{font-size:15px;line-height:1.4}.code-input{text-transform:uppercase;letter-spacing:.15em}.entry-avatar{display:flex;align-items:center;gap:13px}.entry-avatar p{font-size:11px;color:var(--muted)}.entry-avatar .avatar{width:43px;height:43px;font-size:26px}
input,select{background:#0d1425bd;border-color:#ffffff1e;border-radius:12px;color:#eceaf6}select option{background:#182036;color:#f8f5ff}.btn{border-radius:13px;font-size:12px}.btn.primary{background:linear-gradient(115deg,#def8ad,#c5e995);box-shadow:0 3px 24px #d5f5a010;color:#1a321e}.btn.secondary{background:#5144653d;border-color:#ffffff1e}.btn.ghost{background:#ffffff03;color:#b9b7cb;border-color:#ffffff18}.btn:hover:not(:disabled){filter:brightness(1.09)}.btn:disabled{opacity:.4}.notice{margin-bottom:14px;background:#39314e90;border-color:#bca0e51f}.notice.error{background:#5c283d6e;border-color:#ffa4ac36}.notice.demo{background:#4a382a70;border-color:#d6a87925}.footer{margin-top:35px;color:#858aa2;font-size:10px}.footer span:last-child{color:#a29ab4}
/* Lobby */
.lobby-shell{max-width:1430px}.lobby-shell .topbar{margin-bottom:37px}.lobby-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:32px}.lobby-heading .eyebrow{margin-bottom:13px}.lobby-heading h1{font-size:clamp(30px,3.3vw,47px);letter-spacing:-.055em;line-height:1.15}.lobby-heading h1 span{color:#c5ecb3}.lobby-heading p{font-size:13px;color:var(--muted);margin-top:13px}.room-stamp{text-align:right;display:grid;gap:7px;flex-shrink:0}.room-stamp span{text-transform:uppercase;letter-spacing:.12em;font-size:9px;color:var(--muted)}.room-stamp strong{font-size:29px;letter-spacing:.16em;color:var(--purple)}.lobby-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px;align-items:start}.lobby-main{display:grid;gap:20px}.lobby-invite{display:flex;align-items:center;gap:26px;padding:27px 30px;overflow:hidden;position:relative}.lobby-invite .qr{width:126px;height:126px;border-radius:16px;box-shadow:0 0 0 7px #ffffff04}.lobby-invite .eyebrow{margin-bottom:8px;font-size:9px}.lobby-invite h2{font-size:25px;letter-spacing:-.035em}.lobby-invite .sub{font-size:11px;margin-top:8px;line-height:1.7}.lobby-invite .btn{margin-top:15px}.invite-orbit{margin-left:auto;font-size:100px;color:#b9a7ef20;transform:rotate(12deg);padding-right:5px}.settings-card{padding:28px 30px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-heading .eyebrow{margin-bottom:9px}.section-heading h2{font-size:25px}.section-heading .pill{font-size:10px;padding:7px 11px}.mode-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:23px 0}.mode-card{position:relative;display:flex;flex-direction:column;gap:7px;align-items:flex-start;text-align:left;padding:17px 16px 16px;border:1px solid #ffffff14;border-radius:17px;background:#1118287a;color:#f3effd;min-height:133px}.mode-card.selected{background:linear-gradient(135deg,#77609542,#3f3f5d40);border-color:#bca4ff9c;box-shadow:inset 0 0 20px #a58bdb06}.mode-card:hover{border-color:#c3b1ef6b}.mode-icon{font-size:23px;line-height:25px;color:#b5a2ee;margin-bottom:4px}.mode-card strong{font-size:14px;letter-spacing:-.01em}.mode-card small{font-size:10px;color:#b5b0c7;line-height:1.5}.mode-check{display:none;position:absolute;right:12px;top:13px;border-radius:50%;background:#b9a3f7;color:#261d3f;width:16px;height:16px;font-size:11px;text-align:center;line-height:16px}.mode-card.selected .mode-check{display:block}.settings{grid-template-columns:1.2fr 1fr 1.2fr .6fr .85fr;gap:10px}.settings .field span{font-size:10px;font-weight:500;color:#b6b3c7}.settings select{font-size:11px;padding:10px 8px;min-height:43px}.settings select:disabled{opacity:.5}.collection-note{display:flex;gap:11px;align-items:center;border-top:1px solid #ffffff0c;margin-top:21px;padding-top:17px}.collection-note p{font-size:10px;color:#999fb8;line-height:1.7}.collection-note strong{color:#dad6eb;font-weight:600}.music-note{display:grid;place-items:center;flex:none;border-radius:11px;background:#d8c4880c;width:31px;height:31px;font-size:18px;color:#cbbb83}.start-line{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:22px}.start-line .sub{font-size:11px}.start-button{min-width:210px;min-height:49px;font-size:13px;justify-content:space-between;padding:13px 19px}.start-button span{font-size:20px}.lobby-players{padding:25px 23px;position:sticky;top:24px}.lobby-players .section-heading{gap:8px;margin-bottom:19px}.lobby-players h2{font-size:18px}.lobby-players h2 span{font-size:13px;color:#8e92aa;font-weight:500;margin-left:5px}.ready-count{font-size:9px;color:#bfddb2;border:1px solid #b7e5a21a;background:#b7e5a208;padding:6px 8px;border-radius:20px;white-space:nowrap}.lobby-tip{border-top:1px solid #ffffff10;margin-top:22px;padding-top:20px;display:flex;gap:11px}.lobby-tip span{color:#b0a1cc;font-size:20px}.lobby-tip p{font-size:10px;color:#9097b0;line-height:1.8}.player{padding:11px 0;gap:11px}.avatar{border-radius:14px;font-size:24px;line-height:1;width:40px;height:40px;border:1px solid #ffffff12;box-shadow:inset 0 0 15px #ffffff04;font-weight:500}.avatar-violet{background:#624a8b60;color:#d3bdf8}.avatar-coral{background:#a55a4d50;color:#ffa98e}.avatar-lime{background:#627c3c60;color:#d7e9b2}.avatar-cyan{background:#2c7b8050;color:#9ce2e3}.avatar-pink{background:#8b4d7b60;color:#edb3dd}.avatar-amber{background:#92734050;color:#f1d39c}.player-name{font-size:12px}.you-label{color:var(--muted);font-weight:400}.player-meta{font-size:9px;line-height:1.4;color:#858da7}.ready-meta{color:#b9d8ae}.player-score{font-size:15px}.player.me{background:#ae8ee511}.player.offline{opacity:.6}
/* A full-window, single-tab host display */
body.game-view{overflow:hidden}.game-shell{height:100svh;min-height:520px;padding:24px 28px 20px;display:flex;flex-direction:column;gap:16px;position:relative}.game-header{display:flex;align-items:center;gap:25px;min-height:40px;flex-shrink:0}.game-header .brand{font-size:21px}.game-header .brand-mark{width:34px;height:34px;border-radius:11px}.game-header .brand-mark svg{width:23px}.game-progress{display:flex;gap:15px;align-items:center;margin-left:16px;padding-left:24px;border-left:1px solid #ffffff1a}.game-progress>span{font-size:10px;color:#a8a7c0;letter-spacing:.04em}.game-progress strong{font-size:12px;font-weight:650;color:#ebe7f6}.game-progress i{font-style:normal;color:#8e92aa;margin-left:4px;font-weight:400}.game-tools{display:flex;gap:16px;align-items:center;margin-left:auto}.game-tools .connection{font-size:10px}.game-code{letter-spacing:.13em;color:#b6a4e9;font-size:11px;font-weight:750}.icon-btn{background:#ffffff05;color:#b8b8ca;border:1px solid #ffffff13;width:32px;height:32px;border-radius:10px;font-size:18px;display:grid;place-items:center}.icon-btn:hover{background:#ffffff13}.stage{flex:1;min-height:0;border-radius:26px;gap:clamp(10px,1.8vh,23px);padding:30px 40px;background:radial-gradient(ellipse at 18% 0%,#7b5d9c25,transparent 65%),radial-gradient(ellipse at 100% 85%,#2a768827,transparent 70%),linear-gradient(135deg,#222137bd,#151d30b0);border:1px solid #ffffff16;box-shadow:0 24px 90px #0107151a;isolation:isolate}.stage:before{left:-200px;bottom:-300px;width:600px;height:600px;border-color:#c7b1ed0c;box-shadow:0 0 0 60px #b7a0ff03,0 0 0 120px #b7a0ff02;z-index:-1}.stage:after{content:"";position:absolute;right:-130px;top:-240px;width:500px;height:500px;border:1px solid #bbded809;border-radius:50%;box-shadow:0 0 0 65px #bbded803;pointer-events:none;z-index:-1}.stage>.notice{position:absolute;top:14px;left:50%;transform:translateX(-50%);max-width:700px;width:calc(100% - 48px);z-index:5;font-size:10px;padding:9px 12px}.stage .eyebrow{font-size:clamp(8px,.8vw,11px);margin:0;letter-spacing:.21em}.stage h1{font-size:clamp(36px,4.5vw,76px);line-height:1.06;letter-spacing:-.05em;max-width:1100px}.stage .stage-sub{font-size:clamp(12px,1.25vw,18px);line-height:1.6;color:#aab0c7;max-width:800px}.stage .stage-sub .spinner{height:13px;width:13px;vertical-align:middle;margin-right:7px}.stage .record{height:clamp(115px,23vh,240px);width:clamp(115px,23vh,240px);box-shadow:0 15px 60px #0004,0 0 70px #b39ae50a}.stage .record-label{width:39%;height:39%;font-size:clamp(7px,.8vw,12px)}.stage .record-label:after{width:7%;height:7%;top:46.5%;left:46.5%}.stage .record-label span{transform:translateY(-130%)}.stage .record.spinning{animation:spin 18s linear infinite}.stage-playing-art{position:relative;display:grid;place-items:center;flex-shrink:0}.stage-playing-art .wave{position:absolute;inset:0;opacity:.28;z-index:-1;transform:scaleX(3.5)}.stage-playing-art .wave i{background:#c4b4ec;width:3px}.stage-title-block{display:grid;gap:12px;justify-items:center}.stage-title-block .eyebrow{color:#c2b5e1}.stage-time{width:min(260px,65%);display:grid;gap:12px;margin-top:0}.stage .timer{font-size:21px;font-weight:600;color:#c3b4ec}.timer-track{background:#bec0e00e;height:3px}.timer-fill{background:linear-gradient(90deg,#b5a1eb,#cce9bb)}.stage .countdown-number{font-size:clamp(130px,30vh,330px);line-height:.9;font-weight:800;letter-spacing:-.09em;background:linear-gradient(140deg,#e2d5ff,#a4c8df);background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 90px #b9a4e512}.stage-avatar{width:clamp(110px,19vh,180px);height:clamp(110px,19vh,180px);border-radius:34%;font-size:clamp(70px,12vh,110px);box-shadow:0 0 0 12px #bca5e706,0 0 0 25px #bca5e703;border:1px solid #ffffff20}.answer-clock{padding:7px 14px;border:1px solid #c5b0ea20;border-radius:20px;font-size:14px!important}.live-music{display:flex;align-items:center;gap:8px;color:#9b9cb7;font-size:9px}.live-music .wave{height:12px;width:28px;gap:2px}.live-music .wave i{width:2px!important;height:8px!important}.live-music .wave i:nth-child(2n){height:12px!important}.live-music .wave i:nth-child(n+8){display:none}.stage .answer-title{font-size:clamp(32px,4.6vw,76px);line-height:1.07;letter-spacing:-.05em;max-width:1100px}.stage .answer-artist{font-size:clamp(17px,2vw,29px)!important;color:#b7a3ec!important;margin-top:16px;line-height:1.4}.reveal-title{max-width:95%;position:relative;z-index:1}.reveal-label{color:#c7b4f6!important}.answer-artwork{margin:0 0 5px;position:relative;flex-shrink:0;height:clamp(110px,23vh,240px);width:clamp(110px,23vh,240px);border-radius:50%;background:linear-gradient(140deg,#68537f,#2b5462);box-shadow:0 0 0 7px #c7b2ee0b,0 20px 50px #0003;display:grid;place-items:center;border:1px solid #ffffff26}.answer-artwork img{width:100%;height:100%;object-fit:cover;border-radius:inherit;position:relative;z-index:1}.answer-artwork figcaption{position:absolute;bottom:0;left:50%;transform:translate(-50%,50%);z-index:2;white-space:nowrap;font-size:7px;letter-spacing:.12em;padding:5px 9px;border-radius:20px;border:1px solid #ffffff25;color:#dad3e9;background:#252338e8}.answer-artwork.cover-photo{border-radius:22px}.artwork-fallback{font-size:65px;color:#ccc4e9;display:none}.image-failed .artwork-fallback{display:block}.image-failed figcaption{display:none}.auto-next{color:#a1a8c2;font-size:12px;display:inline-flex;align-items:center;gap:9px}.auto-next:before{content:"";height:5px;width:5px;border-radius:50%;background:#c4d9b1;box-shadow:0 0 12px #c4d9b150}.verdict-clock{font-size:10px;color:#8c93ad}.pause-orb{width:110px;height:110px;display:grid;place-items:center;font-size:45px;background:#b7a0ff0b;border:1px solid #c6adeb20;border-radius:50%;color:#c7b8e8}.stage-actions{display:flex;gap:12px;margin-top:6px}.winner-art{display:flex;gap:35px;align-items:center;justify-content:center}.winner-art>span:not(.avatar){color:#dfefac;font-size:44px;text-shadow:0 0 35px #dfe9a544}.winner-avatar{height:clamp(100px,19vh,180px);width:clamp(100px,19vh,180px);font-size:clamp(60px,12vh,110px);border-radius:35%}.stage .unlock{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);width:min(430px,calc(100% - 36px));z-index:9;background:#282941f5;box-shadow:0 15px 60px #0005;border-color:#a696cc66;padding:17px;text-align:left;gap:9px}.unlock strong{font-size:14px}.unlock p{font-size:11px}.unlock .btn{min-height:39px;padding:9px 13px}.players-dock{display:flex;align-items:center;gap:22px;min-height:76px;flex-shrink:0}.dock-label{display:grid;gap:5px;min-width:79px}.dock-label>span{font-size:8px;text-transform:uppercase;letter-spacing:.16em;color:#9197b0}.dock-label>strong{font-size:12px;color:#d0cee0;font-weight:600}.player-rail{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;padding:6px 2px;flex:1;scrollbar-width:thin;scrollbar-color:#78738944 transparent}.rail-player{display:flex;align-items:center;gap:10px;position:relative;min-width:154px;max-width:220px;flex:1 0 154px;padding:11px 14px;border:1px solid #ffffff0f;background:#ffffff05;border-radius:17px;transition:border-color .2s,background .2s}.rail-player .avatar{width:37px;height:37px;font-size:24px;border-radius:13px}.rail-info{display:grid;gap:5px;min-width:0}.rail-info>strong{font-size:11px;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:120px}.rail-info>span{font-size:9px;color:#959bb3}.rail-info b{font-size:12px;color:#e3ddef;letter-spacing:.02em}.rail-player.answering{background:#ac8cd420;border-color:#bca4e56b;box-shadow:0 0 24px #bc9de608}.rail-player.offline{opacity:.45}.answer-mark{color:#c6b6ef;margin-left:auto;font-size:15px}.leader-mark{font-size:10px;color:#d3e7a8;position:absolute;right:10px;top:8px}.demo-watermark{position:absolute;bottom:4px;right:30px;font-size:7px;color:#858098}.game-shell .stage .btn{font-size:12px}.phase-finished .stage .btn{margin-top:7px;min-width:260px}
/* Personal controllers */
.phone-shell .topbar{margin-bottom:24px}.phone-shell .room-title{margin-bottom:23px}.phone-shell .room-title h1{font-size:30px}.phone-code{display:grid;gap:5px;text-align:right}.phone-code span{font-size:9px;color:#9198b1}.phone-code strong{font-size:16px;letter-spacing:.12em;color:var(--purple)}.phone-shell .room-grid{grid-template-columns:minmax(0,1fr) 285px}.phone-shell .side-card h2{font-size:17px}.phone-shell .side-card h2>span{color:var(--muted);font-weight:400}.profile-card{padding:23px}.profile-heading{display:flex;gap:13px;align-items:center;margin-bottom:21px}.profile-heading .eyebrow{font-size:8px;margin-bottom:5px;display:block}.profile-heading h2{font-size:23px;letter-spacing:-.035em}.profile-heading>.pill{margin-left:auto;font-size:9px;padding:6px 10px}.profile-preview{width:54px;height:54px;font-size:34px;border-radius:18px}.avatar-picker{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.avatar-choice{background:#0d142450;border:1px solid #ffffff0e;color:white;border-radius:12px;height:43px;font-size:25px;display:grid;place-items:center;padding:0;min-width:0}.avatar-choice.selected{border-color:#ba9aee;background:#8d6db02a}.color-picker{display:flex;gap:10px;justify-content:center;margin-top:17px}.color-choice{border:2px solid transparent;border-radius:50%;height:20px;width:20px;position:relative;padding:0}.color-choice.selected:after{content:"";position:absolute;inset:-5px;border:1px solid #e1d8f29c;border-radius:50%}.color-violet{background:#aa8ee4}.color-coral{background:#e79884}.color-lime{background:#b1c979}.color-cyan{background:#70c1c5}.color-pink{background:#cf8db8}.color-amber{background:#dcb66f}.ready-card{display:grid;gap:20px;padding:25px}.ready-card .eyebrow{font-size:9px;margin-bottom:8px}.ready-card h2{font-size:24px;margin-bottom:10px}.ready-card .sub{font-size:12px}.ready-card.is-ready{border-color:#acd4963d;background:linear-gradient(120deg,#405b3727,#15252d80)}.ready-card.is-ready h2{color:#d9edbd}.ready-card .btn{min-height:49px}.source-card{background:#171d2dbf}.source-header h2{font-size:17px}.source-icon{background:#d9c18a;color:#3c2d23}.controller-card{min-height:380px;background:linear-gradient(145deg,#39314e99,#18283b99)}.controller-card .buzz{background:radial-gradient(circle at 35% 25%,#efffcf,#c4e991 85%);box-shadow:0 0 0 10px #c6e68b08,0 0 0 22px #c6e68b04,0 25px 80px #a9cf4b0a;color:#24341a;width:230px;height:230px}.buzz strong{font-size:34px}.buzz span{font-size:11px}.controller-card .answer-title{font-size:31px}.controller-card .answer-artist{font-size:17px!important}.controller-card .eyebrow{font-size:9px}.controller-card .auto-next{font-size:12px}.phone-shell .room-nav .btn{font-size:10px;min-height:32px;padding:7px 12px}
@media(min-width:1600px){.game-shell{padding:28px 40px 25px;gap:20px}.stage{padding:36px 60px}.players-dock{min-height:90px}.rail-player{padding:14px 17px;min-width:180px}.rail-player .avatar{width:43px;height:43px;font-size:28px}.rail-info>strong{font-size:13px}.rail-info>span{font-size:10px}.rail-info b{font-size:14px}.dock-label>strong{font-size:14px}}
@media(max-height:720px) and (min-width:701px){.game-shell{padding:15px 22px 12px;gap:12px;min-height:460px}.game-header{min-height:34px}.stage{gap:10px;padding:18px 30px}.stage h1{font-size:clamp(32px,4.1vw,58px)}.stage .answer-title{font-size:clamp(30px,4.1vw,58px)}.stage .answer-artist{margin-top:9px;font-size:21px!important}.stage .record,.answer-artwork{width:20vh;height:20vh;min-width:90px;min-height:90px}.stage .stage-sub{font-size:12px}.players-dock{min-height:65px}.rail-player{padding:8px 12px;border-radius:14px}.rail-player .avatar{width:33px;height:33px;font-size:22px}.stage .timer{font-size:17px}.stage-time{gap:8px}.stage-title-block{gap:9px}.stage-avatar,.winner-avatar{width:17vh;height:17vh;font-size:10vh}.stage .unlock{bottom:8px;padding:12px}.stage .unlock p{font-size:10px}.phase-finished .stage .btn{min-height:39px}}
@media(max-width:1100px){.hero{gap:45px}.lobby-grid{grid-template-columns:minmax(0,1fr) 250px}.settings-card{padding:24px}.settings{grid-template-columns:repeat(6,1fr)}.settings .field:nth-child(1),.settings .field:nth-child(2){grid-column:span 3}.settings .field:nth-child(n+3){grid-column:span 2}.lobby-invite{padding:24px;gap:23px}.invite-orbit{display:none}.lobby-players{padding:22px 19px}.mode-card{padding:15px 12px;min-height:137px}.mode-card strong{font-size:13px}.mode-card small{font-size:9px}.lobby-heading h1{font-size:35px}.game-progress{margin-left:0;padding-left:15px;gap:12px}.game-header{gap:18px}.game-tools{gap:10px}.game-tools .connection{display:none}.stage .answer-title{font-size:clamp(30px,5vw,60px)}.stage .answer-artist{font-size:22px!important}}
@media(max-width:850px){.shell{padding:25px}.hero{grid-template-columns:1fr 1fr;gap:30px}.hero h1{font-size:53px}.hero-copy{font-size:14px}.start-card{padding:14px 22px 24px}.lobby-grid{grid-template-columns:1fr}.lobby-players{position:static}.lobby-players .players{display:grid;grid-template-columns:1fr 1fr;column-gap:30px}.lobby-tip{display:none}.lobby-heading h1{font-size:32px}.room-stamp strong{font-size:24px}.phone-shell .room-grid{grid-template-columns:1fr 240px}.avatar-picker{gap:5px}.avatar-choice{font-size:22px;height:38px}.game-progress>span{display:none}.dock-label{display:none}.players-dock{gap:0}}
@media(max-width:700px){.shell{padding:21px 18px 25px}.topbar{margin-bottom:32px}.top-label{font-size:8px;max-width:140px;text-align:right;line-height:1.7}.brand{font-size:22px}.hero{grid-template-columns:1fr;gap:27px;min-height:0}.hero h1{font-size:clamp(47px,10vw,65px)}.hero .eyebrow{font-size:8px;letter-spacing:.14em}.hero-copy{font-size:14px;line-height:1.7;margin-top:20px}.hero-art{display:none}.start-card{padding:13px 22px 24px}.start-card h2{font-size:26px}.how-it-works{row-gap:11px}.home-shell .footer{font-size:9px;line-height:1.6}.lobby-shell .topbar{margin-bottom:30px}.room-nav{flex-direction:row;gap:10px;align-items:center}.lobby-shell .room-nav .connection{display:none}.lobby-shell .room-nav .btn{font-size:9px;min-height:32px;padding:7px 9px}.lobby-heading{display:block;position:relative;margin-bottom:23px}.lobby-heading h1{font-size:29px;max-width:300px}.lobby-heading .eyebrow{font-size:8px;letter-spacing:.1em;max-width:240px;line-height:1.6;margin-bottom:11px}.lobby-heading p{font-size:11px;max-width:240px;line-height:1.7;margin-top:9px}.room-stamp{position:absolute;right:0;top:2px;gap:5px}.room-stamp span{font-size:7px;letter-spacing:.07em}.room-stamp strong{font-size:16px;letter-spacing:.09em}.lobby-grid{gap:17px}.lobby-main{gap:17px}.lobby-invite{padding:21px 19px;gap:17px}.lobby-invite .qr{width:98px;height:98px;padding:8px;border-radius:12px}.lobby-invite .eyebrow{font-size:7px;letter-spacing:.1em}.lobby-invite h2{font-size:19px;line-height:1.2}.lobby-invite .sub{font-size:10px;line-height:1.6}.lobby-invite .btn{font-size:9px;padding:7px 9px;min-height:31px;margin-top:10px}.settings-card{padding:22px 18px}.section-heading h2{font-size:23px}.section-heading .eyebrow{font-size:8px;letter-spacing:.12em}.section-heading .pill{font-size:8px;padding:6px 9px}.mode-picker{gap:7px;margin:20px 0}.mode-card{border-radius:13px;padding:12px 10px;min-height:131px;gap:6px}.mode-icon{font-size:23px}.mode-card strong{font-size:12px}.mode-card small{font-size:9px;line-height:1.5}.mode-check{right:8px;top:10px;width:13px;height:13px;line-height:13px;font-size:9px}.settings{gap:12px 9px}.settings .field span{font-size:9px}.settings select{min-height:43px;font-size:10px}.collection-note{margin-top:18px;padding-top:15px;gap:9px;align-items:flex-start}.collection-note p{font-size:9px}.collection-note .music-note{width:27px;height:27px}.start-line{display:grid;gap:13px;padding-top:17px}.start-line .sub{text-align:center;font-size:10px}.start-button{width:100%;min-height:48px}.lobby-players{padding:22px 19px}.lobby-players .players{gap:5px 17px}.lobby-players .player{gap:8px}.lobby-players .player-name{font-size:11px;max-width:95px}.lobby-players .avatar{width:33px;height:33px;font-size:22px}.lobby-shell .footer{font-size:8px;line-height:1.7;gap:15px}.lobby-shell .footer span{max-width:55%}.phone-shell{max-width:600px}.phone-shell .room-grid{grid-template-columns:1fr;gap:18px}.phone-shell .topbar{align-items:center;margin-bottom:23px}.phone-shell .room-nav{gap:10px;flex-direction:row;align-items:center}.phone-shell .room-nav .connection{font-size:9px}.phone-shell .room-nav .btn{font-size:9px}.phone-shell .room-title{margin-bottom:20px;gap:10px}.phone-shell .room-title h1{font-size:27px}.room-label{font-size:9px}.phone-code strong{font-size:14px}.phone-code span{font-size:8px}.profile-card{padding:21px 18px}.profile-heading{gap:12px}.profile-heading h2{font-size:23px}.profile-heading>.pill{font-size:8px}.profile-preview{width:49px;height:49px;font-size:30px}.avatar-picker{gap:6px}.avatar-choice{font-size:23px;height:38px;border-radius:11px}.ready-card{padding:23px 20px;gap:18px}.ready-card h2{font-size:23px}.ready-card .sub{font-size:11px}.ready-card .btn{font-size:12px}.phone-shell .source-card{padding:20px}.phone-shell .source-header h2{font-size:17px}.phone-shell .source-header p{font-size:10px}.source-body>.sub{font-size:12px}.source-info strong{font-size:25px}.source-info span{font-size:9px}.controller-card{min-height:410px;padding:28px 20px;gap:20px}.controller-card .buzz{width:235px;height:235px}.phone-shell .side-card{padding:21px 19px}.phone-shell .room-grid aside .players{grid-template-columns:1fr 1fr;gap:7px 20px}.phone-shell .player-name{font-size:11px;max-width:120px}.phone-shell .player-meta{font-size:9px}.phone-shell .player-score{font-size:15px}.phone-shell .avatar{width:35px;height:35px;font-size:23px}.phone-shell .profile-preview{width:49px;height:49px;font-size:30px}.phone-shell .footer{font-size:8px}.game-shell{padding:14px 12px 12px;gap:12px;min-height:500px}.game-header{gap:10px;min-height:33px}.game-header .brand{font-size:18px;gap:7px}.game-header .brand-mark{width:29px;height:29px;border-radius:9px}.game-header .brand-mark svg{width:19px}.game-progress{padding-left:10px;gap:0}.game-progress strong{font-size:10px}.game-progress i{margin-left:2px}.game-tools{gap:7px}.game-tools .game-code{font-size:9px}.icon-btn{width:28px;height:28px;border-radius:8px;font-size:16px}.stage{border-radius:22px;padding:24px 17px;gap:16px}.stage h1{font-size:clamp(29px,7.4vw,46px);max-width:100%;line-height:1.1}.stage .eyebrow{font-size:7px;letter-spacing:.16em;max-width:90%;line-height:1.6}.stage .stage-sub{font-size:11px;max-width:300px}.stage .record{width:clamp(110px,20vh,200px);height:clamp(110px,20vh,200px)}.stage .record-label{font-size:8px}.stage-playing-art .wave{transform:scaleX(2.4)}.stage-title-block{gap:11px}.stage .countdown-number{font-size:clamp(140px,25vh,250px)}.stage .timer{font-size:19px}.stage-time{width:170px;gap:10px}.stage .answer-title{font-size:clamp(29px,7.7vw,48px);line-height:1.1}.stage .answer-artist{font-size:17px!important;margin-top:12px}.answer-artwork{width:clamp(115px,21vh,190px);height:clamp(115px,21vh,190px)}.answer-artwork figcaption{font-size:6px;padding:4px 7px}.auto-next{font-size:10px}.stage .unlock{bottom:12px;width:calc(100% - 26px);padding:14px;gap:8px}.stage .unlock strong{font-size:12px}.stage .unlock p{font-size:10px}.stage .unlock .btn{font-size:11px;min-height:38px}.players-dock{min-height:65px}.player-rail{gap:8px;padding:3px 1px}.rail-player{min-width:137px;flex-basis:137px;padding:10px 11px;gap:9px;border-radius:14px}.rail-player .avatar{width:32px;height:32px;font-size:21px;border-radius:11px}.rail-info>strong{font-size:10px;max-width:83px}.rail-info>span{font-size:8px}.rail-info b{font-size:11px}.stage-avatar{width:125px;height:125px;font-size:80px}.answer-clock{font-size:12px!important}.winner-avatar{height:125px;width:125px;font-size:80px}.winner-art{gap:20px}.winner-art>span:not(.avatar){font-size:28px}.phase-finished .stage .btn{min-width:0;width:auto;font-size:10px;max-width:100%}.phase-finished .stage h1{font-size:36px}.demo-watermark{right:16px;bottom:1px;font-size:6px}.stage-actions{gap:8px}.stage-actions .btn{font-size:10px;padding:10px 13px}}
@media(max-width:380px){.shell{padding-left:14px;padding-right:14px}.lobby-heading h1{font-size:26px;max-width:230px}.room-stamp{top:6px}.room-stamp strong{font-size:13px}.lobby-heading .eyebrow{max-width:180px}.avatar-picker{gap:4px}.avatar-choice{font-size:21px;height:34px}.lobby-invite{gap:13px;padding:18px 14px}.lobby-invite h2{font-size:17px}.lobby-invite .qr{width:85px;height:85px}.mode-card{padding:11px 8px}.mode-card strong{font-size:11px}.game-header .brand{font-size:16px}.game-progress{padding-left:8px}.game-progress strong{font-size:9px}.game-tools .game-code{display:none}.stage .answer-title{font-size:29px}.phone-shell .room-nav .connection{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}