@import "https://fonts.googleapis.com/css2?family=Archivo+Black&family=DM+Sans:wght@400;500;600;700&display=swap";:root{color:#fff;background:#07112e;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 15% 10%,#304fa9 0,#0000 32%),radial-gradient(circle at 88% 90%,#132b6b 0,#0000 30%),#0a1640;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}.game-shell{flex-direction:column;max-width:1180px;min-height:100vh;margin:auto;padding:22px 26px 30px;display:flex}.topbar{border-bottom:1px solid #4564be;justify-content:space-between;align-items:center;min-height:63px;display:flex}.brand{color:#fff;letter-spacing:.4px;font-family:Archivo Black,sans-serif;font-size:18px;text-decoration:none}.brand-dot{color:#ffcf4d;vertical-align:-3px;place-items:center;margin-right:7px;font-size:28px;display:inline-grid}.round-label{letter-spacing:1.2px;font:14px Archivo Black}.round-label span{color:#86a0e9}.reset{color:#bdcdf9;background:0 0;border:0;font-weight:700}.reset:hover{color:#fff}.game-card{flex-direction:column;flex:1;justify-content:center;padding:52px 6.5% 38px;display:flex}.question-area{text-align:center;max-width:900px;margin:0 auto 40px}.eyebrow{color:#9eb6ff;letter-spacing:2px;margin:0 0 15px;font-size:11px;font-weight:700}.question-area h1,.finish h1{letter-spacing:.3px;text-transform:uppercase;text-wrap:balance;margin:0;font:clamp(29px,4vw,52px)/1.12 Archivo Black}.instruction{color:#c3d0fa;margin:18px 0 0}.answers{grid-template-columns:repeat(3,1fr);gap:16px;width:100%;max-width:900px;margin:0 auto;display:grid}.answer{color:#fff;text-align:left;background:#192b68;border:2px solid #4564bb;border-radius:15px;align-items:center;gap:13px;min-height:104px;padding:14px 16px;font-size:17px;font-weight:700;transition:transform .18s,background .18s,border .18s;display:flex}.answer:hover{border-color:#9db8ff;transform:translateY(-3px)}.answer.selected{background:#304dba;border-color:#ffd451;box-shadow:0 0 0 3px #ffd4512b}.avatar{background:var(--avatar);color:#122057;border:3px solid #d6e1ff;border-radius:50%;flex:0 0 47px;place-items:center;width:47px;height:47px;font:22px Archivo Black;display:grid}.check{color:#ffda55;margin-left:auto;font-size:24px}.vote{text-align:right;margin-left:auto;font-size:22px}.vote small{color:#a9bbed;text-transform:uppercase;letter-spacing:1px;font-size:10px;display:block}.actions{border-top:1px solid #3e5cb3;justify-content:space-between;align-items:center;gap:20px;width:min(900px,100%);min-height:76px;margin:37px auto 0;padding-top:25px;display:flex}.team-name{color:#aebff2;margin:0;font-size:14px}.team-name input{color:#fff;background:0 0;border:0;border-bottom:1px solid #7e96dc;outline:0;width:145px;font-weight:700}.primary{color:#142151;text-transform:uppercase;background:#ffd453;border:0;border-radius:10px;padding:15px 23px;font:14px Archivo Black;box-shadow:0 4px #c79728}.primary:hover:not(:disabled){transform:translateY(-2px)}.primary:disabled{opacity:.42;cursor:not-allowed;box-shadow:none}footer{color:#91a9ed;align-items:center;gap:13px;padding-top:18px;font-size:13px;font-weight:700;display:flex}.meter{background:#233566;border-radius:8px;flex:1;height:8px;overflow:hidden}.meter span{background:linear-gradient(90deg,#56ddb7,#70b5ff);height:100%;transition:width .35s;display:block}.total{color:#6f85c7}.finish{text-align:center;align-items:center}.finish h1{text-transform:none}.podium{justify-content:center;gap:12px;width:min(650px,100%);margin:42px 0 25px;display:flex}.winner{background:#192a62;border:1px solid #5775cf;border-radius:15px;flex-direction:column;flex:1;padding:24px 10px;display:flex}.winner:first-child{background:#2c458e;transform:translateY(-15px)}.place{font-size:27px}.winner strong{margin-top:10px}.winner small,.best{color:#b8c8f6;margin:5px 0}.best b{color:#ffda55}.card{text-align:center;background:#11245dba;border:1px solid #4867bc;border-radius:22px;width:min(760px,100%);margin:auto;padding:52px;box-shadow:0 20px 80px #0004}.entry h1,.lobby h1{margin:0;font:clamp(34px,6vw,64px)/1 Archivo Black}.entry h1 em{color:#ffd453;font-style:normal}.entry>p:not(.eyebrow),.intro{color:#bdcdf9;max-width:540px;margin:23px auto;line-height:1.6}.entry label{color:#a9bdf7;text-align:left;letter-spacing:1.6px;width:min(390px,100%);margin:28px auto 13px;font-size:11px;font-weight:700;display:block}.entry label input,.join input{color:#fff;background:#0b1946;border:1px solid #6d89d9;border-radius:9px;outline:0;width:100%;margin-top:7px;padding:13px 15px;font-size:16px}.entry-actions{justify-content:center;gap:10px;display:flex}.join{gap:6px;width:225px;display:flex}.join input{text-transform:uppercase;letter-spacing:1px;width:90px;margin:0}.join button,.host-bar button{color:#d8e4ff;background:0 0;border:1px solid #6b88dc;border-radius:9px;padding:0 12px;font-weight:700}.hint,.waiting{color:#aebff2}.error{color:#ff9d9d;max-width:720px;margin:16px auto 0;font-weight:700}.connection,.room-badge{color:#7590d9;letter-spacing:1px;font-size:11px;font-weight:700}.connection.online{color:#62e0b0}.room-badge{color:#aebff2}.room-badge b{color:#ffd453;letter-spacing:2px}.share{background:#0a173f;border:1px solid #6985d6;border-radius:10px;width:min(620px,100%);margin:28px auto 12px;display:flex;overflow:hidden}.share code{color:#bfd0ff;text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;padding:15px;overflow:hidden}.share .primary{box-shadow:none;border-radius:0;flex:none}.code-line b{color:#ffd453;letter-spacing:3px}.players{grid-template-columns:repeat(2,1fr);gap:10px;max-width:500px;margin:28px auto 20px;display:grid}.players article{text-align:left;background:#263b7f;border-radius:10px;align-items:center;gap:10px;padding:9px;font-weight:700;display:flex}.players .avatar{border-width:2px;flex-basis:33px;width:33px;height:33px;font-size:15px}.players small{color:#ffd453;margin-left:auto;font-size:9px}.launch{margin-top:10px}.host-bar{color:#9fb6f6;justify-content:center;align-items:center;gap:14px;margin:14px auto 0;font-size:12px;display:flex}.host-bar button{color:#ffd95f;border-color:#b58a2c;min-height:34px}.answer:disabled{cursor:default}.answer:disabled:not(.selected){opacity:.82}.top-actions{align-items:center;gap:14px;display:flex}.leave{color:#bdcdf9;background:0 0;border:0;font-weight:700}.leave:hover{color:#ffaeae}@media (width<=680px){.game-shell{padding:14px 15px}.topbar{min-height:53px}.brand{font-size:13px}.brand-dot{font-size:21px}.round-label{display:none}.game-card{padding:42px 0 30px}.answers{grid-template-columns:repeat(2,1fr);gap:10px}.answer{min-height:78px;padding:10px;font-size:14px}.avatar{flex-basis:37px;width:37px;height:37px;font-size:17px}.actions{flex-direction:column;align-items:stretch;margin-top:26px}.team-name{text-align:center}.primary{width:100%}.podium{gap:7px}.winner{padding:15px 5px;font-size:14px}.total{display:none}.card{padding:37px 19px}.connection{font-size:9px}.room-badge{display:none}.entry-actions,.share{flex-direction:column}.join{width:100%}.join input{flex:1}.join button{width:120px}.share code{width:100%}.share .primary{border-radius:0}.players{grid-template-columns:1fr}.host-bar{flex-direction:column}.host-bar button{width:100%;padding:10px}}