@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@500;600;700;800&family=Space+Grotesk:wght@600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#fff;background:#161326;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 20% 10%,#5934a8 0,transparent 34%),radial-gradient(circle at 80% 80%,#0e9b8a 0,transparent 30%),#161326}button,input{font:inherit}.eyebrow{margin:0 0 .6rem;color:#bdb3df;font-size:.82rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}h1{margin:0 0 1.8rem;font-family:Space Grotesk,sans-serif;font-size:clamp(2.2rem,6vw,5.5rem);line-height:.95;letter-spacing:-.05em}.host-shell{min-height:100vh;display:grid;place-items:center;padding:4vw}.host-card{width:min(1180px,100%);min-height:650px;display:grid;grid-template-columns:minmax(320px,.8fr) 1.5fr;overflow:hidden;border:1px solid #ffffff22;border-radius:32px;background:#211c36dd;box-shadow:0 30px 100px #08061388;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.join-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem;background:#fff;color:#171225}.join-panel .eyebrow{color:#6d6188}.qr{width:min(100%,330px);aspect-ratio:1}.join-url{max-width:100%;overflow:hidden;color:#6d6188;font-size:.8rem;text-overflow:ellipsis;white-space:nowrap}.room-code{font-family:Space Grotesk,sans-serif;font-size:clamp(3rem,7vw,6rem);font-weight:700;letter-spacing:.08em}.players-panel{padding:clamp(2.5rem,6vw,5.5rem)}.player-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.player{display:flex;align-items:center;gap:1rem;padding:1rem;border:1px solid #ffffff1c;border-radius:18px;background:#ffffff0d;font-size:1.2rem;font-weight:700}.player span{display:grid;width:44px;aspect-ratio:1;place-items:center;border-radius:14px;background:#ffcc4d;color:#251d0a}.player.offline{opacity:.4}.waiting,.muted,.loading{color:#bdb3df;font-size:1.1rem}.phone-shell{min-height:100vh;display:grid;place-items:center;padding:1rem}.phone-card{width:min(460px,100%);padding:2rem;border:1px solid #ffffff22;border-radius:28px;background:#211c36ee;box-shadow:0 30px 100px #08061388}.phone-card h1{font-size:clamp(2.7rem,14vw,4rem)}form{display:grid;gap:1.2rem}label{display:grid;gap:.5rem;color:#d7d0ea;font-size:.85rem;font-weight:700}input,textarea{width:100%;padding:1rem;border:1px solid #ffffff26;border-radius:14px;outline:none;background:#151124;color:#fff;font:inherit;font-size:1.1rem;resize:vertical}input:focus{border-color:#ffcc4d;box-shadow:0 0 0 3px #ffcc4d22}button{padding:1rem;border:0;border-radius:14px;background:#ffcc4d;color:#251d0a;font-weight:800;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.success-mark{display:grid;width:82px;aspect-ratio:1;margin-bottom:2rem;place-items:center;border-radius:50%;background:#55e3bf;color:#102b25;font-size:2.5rem;font-weight:800}.error{color:#ff9d9d}@media(max-width:760px){.host-card{grid-template-columns:1fr}.join-panel{min-height:100vh}.players-panel{display:none}}.controller-card{position:relative;width:min(520px,100%)}.room-chip{position:absolute;top:1rem;right:1rem;padding:.45rem .7rem;border:1px solid #ffffff20;border-radius:999px;background:#ffffff0b;color:#bdb3df;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.role-grid{display:grid;gap:1rem}.role-button{display:grid;grid-template-columns:54px 1fr;gap:.1rem 1rem;padding:1.1rem;border:1px solid #ffffff18;background:#ffffff0a;color:#fff;text-align:left}.role-button>span{grid-row:1 / 3;display:grid;width:54px;aspect-ratio:1;place-items:center;border-radius:16px;background:#55e3bf;color:#102b25;font-size:1.8rem}.role-button strong{align-self:end;font-size:1.05rem}.role-button small{color:#bdb3df}.role-button.host-role>span{background:#ffcc4d;color:#251d0a}.avatar-preview{--avatar-color: #ffcc4d;position:relative;width:150px;height:170px;margin:1rem auto 1.8rem;border-radius:48% 48% 40% 40%;background-color:var(--avatar-color);box-shadow:inset -18px -18px #00000010,0 18px 35px #00000035;overflow:visible}.pattern-spots{background-image:radial-gradient(#ffffff55 18%,transparent 20%);background-size:28px 28px}.pattern-stripes{background-image:repeating-linear-gradient(135deg,transparent 0 16px,#ffffff44 16px 28px)}.pattern-stars{background-image:radial-gradient(circle at 50% 30%,#fff 0 3px,transparent 4px),radial-gradient(circle at 20% 70%,#fff 0 3px,transparent 4px);background-size:38px 38px}.avatar-accessory{position:absolute;z-index:2;top:-42px;left:50%;width:90px;transform:translate(-50%);color:#fff;filter:drop-shadow(0 4px 2px #0006);font-size:4rem;line-height:1;text-align:center}.wear-glasses .avatar-accessory{top:52px;color:#171225;font-size:3rem}.wear-antennae .avatar-accessory{top:-32px}.wear-none .avatar-accessory{display:none}.avatar-face{position:absolute;top:70px;left:35px;width:80px;height:54px}.avatar-face i{position:absolute;width:12px;height:17px;border-radius:50%;background:#171225}.avatar-face i:first-child{left:12px}.avatar-face i:nth-child(2){right:12px}.avatar-face b{position:absolute;bottom:0;left:50%;width:30px;height:15px;transform:translate(-50%);border-bottom:6px solid #171225;border-radius:50%}fieldset{min-width:0;margin:0;padding:0;border:0}legend{margin-bottom:.6rem;color:#d7d0ea;font-size:.85rem;font-weight:700}.swatches,.choice-row{display:flex;gap:.55rem;overflow-x:auto;padding:3px}button.swatch{flex:0 0 42px;width:42px;height:42px;padding:0;border:3px solid transparent;border-radius:50%;box-shadow:inset 0 0 0 2px #211c36}button.swatch.selected{border-color:#fff}button.choice{flex:0 0 auto;padding:.65rem .8rem;border:1px solid #ffffff1c;border-radius:11px;background:#ffffff0a;color:#d7d0ea;font-size:.78rem;text-transform:capitalize}button.choice.selected{border-color:#ffcc4d;background:#ffcc4d1c;color:#ffdf84}button.accessory-choice{display:grid;gap:.1rem;justify-items:center;min-width:72px}button.accessory-choice span{font-size:1.25rem}.game-list{display:grid;gap:.8rem}.game-option{--game-color: #ffcc4d;display:grid;grid-template-columns:16px 1fr 22px;align-items:center;gap:.8rem;padding:1rem;border:1px solid #ffffff18;background:#ffffff08;color:#fff;text-align:left}.game-option.selected{border-color:var(--game-color);background:color-mix(in srgb,var(--game-color) 12%,transparent)}.game-option>span:nth-child(2){display:grid;gap:.25rem}.game-option small{color:#bdb3df;line-height:1.35}.game-dot{width:12px;height:42px;border-radius:999px;background:var(--game-color)}.game-option>b{font-size:1.3rem}.game-option em{display:inline-block;margin-left:.35rem;padding:.18rem .4rem;border-radius:999px;background:#ffffff12;color:#bdb3df;font-size:.58rem;font-style:normal;letter-spacing:.06em;text-transform:uppercase;vertical-align:middle}.pack-library{display:grid;gap:.65rem;margin:.6rem 0;padding:1rem;border:1px solid #ffffff14;border-radius:16px;background:#15112488}.pack-library>div{display:flex;align-items:end;justify-content:space-between;gap:1rem}.pack-library>div .eyebrow{margin:0}.pack-library>div small{color:#8f85ad;text-align:right}.pack-toggle{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem;border:1px solid #ffffff12;background:#ffffff08;color:#fff;text-align:left}.pack-toggle>span{display:grid;gap:.15rem}.pack-toggle small{color:#9f96bb;line-height:1.3}.pack-toggle b{min-width:38px;color:#8f85ad;font-size:.75rem;text-align:right}.pack-toggle.enabled{border-color:#55e3bf77;background:#55e3bf10}.pack-toggle.enabled b{color:#55e3bf}.stub-note{margin:0;padding:.85rem;border-radius:12px;background:#ffffff08;color:#bdb3df;font-size:.85rem;line-height:1.4}.start-button{margin-top:.5rem}.mini-avatar{display:grid;width:84px;height:94px;margin-bottom:1.5rem;place-items:center;border-radius:45% 45% 38% 38%;background-color:var(--avatar-color);color:#171225;font-size:2rem;font-weight:800;box-shadow:inset -10px -10px #00000010}.lobby-count{margin-top:1.5rem;padding:.8rem 1rem;border-radius:12px;background:#ffffff0a;color:#d7d0ea;text-align:center}.host-round-controls{display:grid;gap:1rem}.instruction-card,.prompt-card{margin:0;padding:1rem;border-radius:14px;background:#ffffff0a;color:#d7d0ea;line-height:1.45}.prompt-card{border-left:5px solid #ffcc4d;background:#ffcc4d12;color:#fff;font-size:1.15rem;font-weight:700}.vote-list,.answer-results{display:grid;gap:.8rem}.vote-list button{background:#ffffff0d;color:#fff;text-align:left}.answer-results>div{display:grid;gap:.35rem;padding:.9rem;border-radius:12px;background:#ffffff0a}.answer-results q{font-weight:700}.answer-results span{color:#bdb3df;font-size:.82rem}.score-list{display:grid;gap:.5rem;margin:0;padding:0;list-style:none}.score-list li{display:flex;justify-content:space-between;padding:.75rem;border-bottom:1px solid #ffffff12}.score-list b{color:#ffcc4d}