:root{color-scheme:dark;--bg:#0b0b14;--surface:#14141f;--surface-2:#1d1d2d;--surface-3:#27263b;--text:#f6f5fb;--muted:#a6a4bd;--primary:#9675ff;--primary-bright:#b79cff;--secondary:#63dac5;--success:#6ee7b7;--error:#ff819b;--warning:#ffce83;--line:rgba(210,203,255,.12);--radius:22px;--radius-sm:12px;--space:8px;--shadow:0 18px 55px #0003;--ease:cubic-bezier(.2,.8,.2,1);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:radial-gradient(ellipse at 65% 0%,#3324562e,transparent 48%),var(--bg);color:var(--text);line-height:1.55;min-height:100dvh}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.48}a{color:inherit;text-decoration:none}button{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.12;letter-spacing:-.045em}h1{font-size:clamp(2rem,4vw,3.7rem);font-weight:780}h2{font-size:clamp(1.45rem,2vw,2rem)}h3{font-size:1.3rem}p{margin-bottom:1.25rem}strong{font-weight:720}svg{width:1.5em;height:1.5em;vertical-align:middle}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--secondary);outline-offset:4px}::selection{background:#9675ff70;color:white}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link:focus{position:fixed;z-index:1000;top:10px;left:10px;padding:14px;background:var(--primary);color:#101018}.site-header{max-width:1440px;margin:auto;min-height:100px;padding:22px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:0;font-size:1.45rem;font-weight:800;letter-spacing:-.05em;flex-shrink:0}.brand img{margin-right:10px}.brand>span:first-of-type{color:var(--primary-bright)}.brand-dot{width:5px;height:5px;background:var(--secondary);border-radius:50%;margin:13px 0 0 3px}.header-actions{display:flex;gap:16px;align-items:center}.header-tag{color:var(--muted);font-size:.8rem}.live-dot{display:inline-block;background:var(--secondary);width:6px;height:6px;border-radius:50%;margin-right:7px;box-shadow:0 0 10px #63dac530}.icon-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:9px 14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#ffffff04;font-size:.8rem;gap:8px}.icon-btn:hover{background:var(--surface-3)}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:50px;padding:13px 23px;border-radius:var(--radius-sm);border:1px solid transparent;font-weight:700;font-size:.92rem;transition:transform .18s var(--ease),background .18s;white-space:nowrap}.button:hover:not(:disabled){transform:translateY(-2px)}.button:active:not(:disabled){transform:scale(.98)}.primary{background:var(--primary);color:#100c20;box-shadow:0 4px 20px #9675ff16}.primary:hover:not(:disabled){background:var(--primary-bright)}.secondary{background:var(--surface-2);border-color:var(--line);color:var(--text)}.large{min-height:57px;padding:16px 27px}.wide{width:100%}.text-btn{background:none;border:0;padding:10px 8px;color:var(--muted);font-size:.85rem;min-height:44px}.danger{color:var(--error)}.muted{color:var(--muted)}.small{font-size:.8rem}.text-accent{color:var(--primary-bright)}.eyebrow{display:block;font-size:.66rem;letter-spacing:.17em;font-weight:750;color:var(--primary-bright);margin-bottom:18px}.tiny-star{margin-right:7px}.gradient-text{background:linear-gradient(110deg,#b79cff,#9177fd 65%,#7aaaf4);background-clip:text;-webkit-text-fill-color:transparent}.landing{max-width:1440px;margin:auto;padding:0 5%}.hero{display:grid;grid-template-columns:1.13fr 1fr;align-items:center;min-height:560px;gap:20px;padding:55px 0 75px}.hero h1{font-size:clamp(2.8rem,4.9vw,4.7rem);letter-spacing:-.065em;line-height:1.075;margin-bottom:25px}.hero-description{font-size:1rem;color:var(--muted);max-width:440px;line-height:1.8}.hero-buttons{display:flex;gap:12px;margin:30px 0 21px}.hero-benefits{display:flex;gap:20px;font-size:.73rem;color:var(--muted)}.hero-benefits span::first-letter{color:var(--secondary)}.hero-art{height:440px;position:relative;isolation:isolate}.orbit{position:absolute;border:1px solid #a790ff0c;border-radius:50%;width:440px;height:440px;left:5%;top:0}.orbit-two{inset:50px auto auto 15%;width:340px;height:340px;background:radial-gradient(#7457c51a,transparent 65%)}.art-card{position:absolute;width:230px;height:300px;padding:25px;border-radius:24px;border:1px solid #ffffff25;box-shadow:0 25px 60px #0005;display:flex;flex-direction:column}.art-card>span{font-size:.6rem;letter-spacing:.11em;font-weight:700}.art-card>svg{width:80px;height:90px;margin:15px auto}.art-card>strong{font-size:1.65rem;line-height:1.1;letter-spacing:-.04em}.art-card>small{margin-top:14px;font-size:.55rem;letter-spacing:.16em}.art-back{background:linear-gradient(145deg,#266c63,#173836);color:#b8fae8;right:0;top:23px;transform:rotate(12deg)}.art-front{background:linear-gradient(145deg,#ae91ff,#6b48d8);color:#19102b;left:20px;top:80px;transform:rotate(-12deg);animation:float 7s ease-in-out infinite}.art-options{display:flex;gap:8px;margin-top:17px}.art-options i{font-style:normal;width:35px;height:25px;display:grid;place-items:center;background:#27154924;border:1px solid #24154930;border-radius:7px;font-size:.65rem;font-weight:700}.art-options i:nth-child(3){background:#1e143c;color:#dacbff}.floating-tag{position:absolute;z-index:3;padding:11px 17px;background:#1b1b2ced;backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);font-size:.69rem;font-weight:550;white-space:nowrap}.tag-top{left:9%;top:0}.tag-bottom{right:0;bottom:5px;display:flex;align-items:center;gap:13px}.mini-avatars{display:flex;padding-left:5px}.mini-avatars b{display:grid;place-items:center;margin-left:-5px;border:2px solid #1b1b2c;border-radius:50%;width:29px;height:29px;background:#ecc694;color:#322311;font-size:.6rem}.mini-avatars b:nth-child(2){background:#b59bed}.mini-avatars b:nth-child(3){background:#8cdbcd}.art-spark{position:absolute;color:var(--primary-bright);font-size:45px;z-index:4}.spark-one{right:20px;bottom:80px}.spark-two{left:0;top:25px;font-size:25px;color:var(--secondary)}.join-strip{display:flex;justify-content:space-between;align-items:center;gap:28px;background:linear-gradient(120deg,#1e1a2f,#15151f);border:1px solid var(--line);border-radius:20px;padding:27px 34px}.join-strip .eyebrow{font-size:.58rem;margin-bottom:8px;color:var(--muted)}.join-strip h2{font-size:1.35rem;margin:0}.code-form{display:flex;gap:9px;max-width:380px}.code-form input{width:175px;letter-spacing:.16em;font-weight:700;text-align:center;margin:0;min-height:50px}.game-preview{padding:65px 0 25px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.section-heading h2,.section-heading h1{margin-bottom:0}.section-heading .eyebrow{margin-bottom:12px}.section-heading>.muted{font-size:.76rem}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.game-card{--game:#a58aff;background:linear-gradient(130deg,#ffffff04,transparent),var(--surface);border:1px solid var(--line);border-radius:18px;text-align:left;padding:25px;display:flex;flex-direction:column;gap:14px;transition:transform .2s,border-color .2s;position:relative;overflow:hidden}.game-card:hover{transform:translateY(-4px);border-color:var(--game)}.game-card::after{content:'';position:absolute;width:80px;height:80px;background:var(--game);filter:blur(60px);opacity:.1;right:0;top:0}.game-impostor{--game:#70dac3}.game-funny{--game:#ffbe7c}.game-drawing{--game:#fc92b6}.game-whoami{--game:#79b5ff}.game-truth_or_lie{--game:#d3df83}.game-icon{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;background:color-mix(in srgb,var(--game) 12%,transparent);color:var(--game);margin-bottom:2px}.game-icon svg{width:26px;height:26px}.game-card-title{font-weight:750;letter-spacing:-.025em;font-size:1.08rem}.game-card-desc{color:var(--muted);font-size:.79rem;line-height:1.6}.game-card-meta{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:.66rem;margin-top:auto;padding-top:12px}.game-card-meta span{font-size:1.1rem;color:var(--game)}.site-footer{padding:35px 0 25px;border-top:1px solid var(--line);margin-top:24px;display:flex;justify-content:space-between;align-items:center;font-size:.72rem}.panel{background:linear-gradient(130deg,#ffffff03,transparent),var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:30px;box-shadow:var(--shadow)}.center-page{min-height:calc(100dvh - 105px);display:grid;place-items:center;padding:30px 20px 70px}.join-card{width:min(100%,480px);text-align:center;padding:40px}.join-card h1{font-size:2.2rem;margin-bottom:18px}.join-card form{text-align:left;margin:25px 0}.join-symbol{width:70px;height:70px;background:#9675ff13;color:var(--primary-bright);margin:0 auto 25px;border-radius:22px;display:grid;place-items:center}.join-symbol svg{width:35px;height:35px}label{display:block;font-size:.81rem;font-weight:600;margin-bottom:7px}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:var(--radius-sm);padding:13px 15px;background:#0d0d17;color:var(--text);min-height:49px;margin-bottom:17px}textarea{resize:vertical;min-height:95px}input::placeholder,textarea::placeholder{color:#848199}input:focus,textarea:focus,select:focus{border-color:var(--primary)}.input-note{color:var(--muted);font-size:.7rem;margin-top:-9px;margin-bottom:23px}.error-text{color:var(--error);font-size:.85rem;margin-top:14px}.badge{display:inline-block;font-size:.65rem;padding:5px 10px;border-radius:20px;border:1px solid var(--line);background:#ffffff05;letter-spacing:.04em}.success{color:var(--success)}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);max-width:90vw;z-index:300;background:#292638;border:1px solid #b59aff40;padding:14px 24px;border-radius:14px;box-shadow:var(--shadow);font-size:.9rem;opacity:0;pointer-events:none;transition:.2s}.toast.visible{opacity:1;transform:translate(-50%,0)}dialog{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:24px;padding:34px;max-width:min(540px,calc(100vw - 28px));width:100%;max-height:90dvh;box-shadow:0 25px 120px #0009}dialog::backdrop{background:#03030bbd;backdrop-filter:blur(6px)}.modal-close{position:absolute;right:13px;top:13px;font-size:22px;background:transparent;border:0}#modal-content{padding-top:15px}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:25px}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:22px}.row-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.room-header-code{font-size:.65rem;letter-spacing:.09em;color:var(--muted)}.room-header-code strong{color:var(--primary-bright);font-size:1.1rem;margin-left:6px}.connection{font-size:.72rem;color:var(--muted)}.room-main{max-width:1440px;margin:auto;padding:20px 5% 110px}.waiting{text-align:center;padding:12vh 0}.waiting h1{margin-bottom:20px}.waiting-icon{font-size:65px;color:var(--primary-bright);margin-bottom:20px}.loader{width:35px;height:35px;border:3px solid var(--line);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 25px}.lobby-layout{display:grid;grid-template-columns:340px 1fr;gap:35px;align-items:start;margin-top:28px}.invite-panel{text-align:center;background:linear-gradient(155deg,#251c3b,var(--surface));padding:28px}.invite-panel .eyebrow{margin-bottom:8px}.big-code{font-size:3.5rem;letter-spacing:.15em;font-weight:850;margin:0 0 14px;line-height:1.2}.qr-frame{background:#fff;border-radius:17px;padding:12px;width:230px;height:230px;margin:0 auto 20px}.qr-frame img{width:100%;height:100%}.invite-url{font-size:.8rem;overflow-wrap:anywhere}.lobby-title{display:flex;justify-content:space-between;align-items:center;gap:15px}.player-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:24px 0}.player-tile{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);padding:17px;border-radius:16px;animation:enter .3s var(--ease);min-width:0}.avatar{--hue:260;flex-shrink:0;display:grid;place-items:center;width:44px;height:44px;border-radius:15px;background:hsl(var(--hue) 55% 23%);color:hsl(var(--hue) 85% 83%);border:1px solid hsl(var(--hue) 45% 38%);font-weight:750;font-size:1rem}.avatar.large-avatar{width:85px;height:85px;font-size:2rem;border-radius:26px;margin:0 auto 20px}.player-name{font-size:.86rem;font-weight:650;overflow-wrap:anywhere;min-width:0}.player-status{font-size:.65rem;color:var(--muted)}.empty-players{border:1px dashed #b49aff35;border-radius:20px;padding:45px 25px;text-align:center;color:var(--muted)}.host-controls{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:9px;align-items:center;padding:10px 14px;background:#1b192bee;border:1px solid var(--line);border-radius:18px;backdrop-filter:blur(15px);box-shadow:var(--shadow);z-index:20}.host-controls:empty{display:none}.stage-top{display:flex;justify-content:space-between;align-items:center;margin:10px 0 35px;gap:20px}.stage-top h2{margin:0}.round-badge{font-size:.7rem;font-weight:750;letter-spacing:.13em;color:var(--primary-bright)}.timer{display:flex;align-items:center;gap:12px;min-width:150px}.timer-number{font-size:1.6rem;font-weight:800;font-variant-numeric:tabular-nums;min-width:45px;text-align:right}.progress-track{height:6px;width:100px;background:var(--surface-3);border-radius:20px;overflow:hidden}.progress-fill{height:100%;background:var(--secondary);width:100%;transition:width .2s linear;border-radius:20px}.timer.urgent .progress-fill{background:var(--error)}.timer.urgent .timer-number{color:var(--error)}.question{text-align:center;font-size:clamp(1.8rem,3.4vw,3.3rem);max-width:1000px;margin:35px auto 45px;line-height:1.18;text-wrap:balance;overflow-wrap:anywhere}.answers-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;max-width:1000px;margin:0 auto}.answer{--choice:#b6a0ff;text-align:left;display:flex;gap:18px;align-items:center;min-height:95px;padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:18px;font-size:1.13rem;line-height:1.4;overflow-wrap:anywhere;transition:background .18s,transform .18s}.answer:nth-child(2){--choice:#7cddc7}.answer:nth-child(3){--choice:#ffcb8a}.answer:nth-child(4){--choice:#fb9bbc}.answer:not(div):hover:not(:disabled){border-color:var(--choice);background:var(--surface-2);transform:translateY(-2px)}.answer-letter{flex-shrink:0;display:grid;place-items:center;width:39px;height:39px;border-radius:11px;background:color-mix(in srgb,var(--choice) 12%,transparent);color:var(--choice);font-weight:800}.answer.correct{border-color:var(--success);background:#6ee7b712}.answer .answer-copy{flex:1}.answer small{color:var(--muted)}.submitted{padding:35px 15px;text-align:center}.checkmark{display:grid;place-items:center;width:65px;height:65px;background:#6ee7b716;border:1px solid #6ee7b750;color:var(--success);border-radius:50%;font-size:30px;margin:0 auto 22px;animation:pop .3s var(--ease)}.response-count{text-align:center;color:var(--muted);font-size:.8rem;margin:25px 0}.countdown{display:grid;place-items:center;text-align:center;min-height:62dvh}.countdown-number{font-size:clamp(7rem,20vw,15rem);font-weight:900;line-height:1;color:var(--primary-bright);letter-spacing:-.08em;animation:pop .45s var(--ease)}.secret-card{max-width:530px;margin:35px auto;text-align:center;padding:40px;background:linear-gradient(150deg,#312047,#191626);border:1px solid #a783ff40;border-radius:25px}.secret-word{font-size:clamp(2rem,5vw,3.8rem);font-weight:850;line-height:1.15;overflow-wrap:anywhere;color:var(--primary-bright);margin:25px 0}.secret-card.impostor{background:linear-gradient(150deg,#3f2534,#20171f);border-color:#fa8dad45}.secret-card.impostor .secret-word{color:var(--error)}.turn-list{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin:30px 0}.turn-item{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:15px 20px;opacity:.6}.turn-item.current{opacity:1;border-color:var(--primary);box-shadow:0 0 30px #9675ff12}.turn-item .number{font-size:1.3rem;font-weight:800;color:var(--primary-bright)}.compose{max-width:650px;margin:20px auto}.compose textarea{min-height:150px;font-size:1.2rem}.compose-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.result-panel{max-width:900px;margin:25px auto;text-align:center}.result-panel>p{font-size:1.1rem;color:var(--muted)}.gains{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin:30px 0}.gain-pill{display:flex;align-items:center;gap:9px;background:var(--surface);padding:10px 15px;border-radius:13px}.gain-pill strong{color:var(--success)}.podium{display:flex;justify-content:center;align-items:flex-end;gap:20px;margin:50px auto 25px;max-width:780px}.podium-card{text-align:center;background:linear-gradient(160deg,#252236,var(--surface));border:1px solid var(--line);border-radius:25px 25px 15px 15px;padding:27px 20px;flex:1;max-width:230px;min-width:0;animation:enter .5s var(--ease)}.podium-card.first{padding-top:40px;padding-bottom:40px;border-color:#b79cff70;background:linear-gradient(160deg,#392a56,#1b1727)}.podium-card .avatar{margin:auto auto 15px}.podium-card h3{font-size:1.15rem;overflow-wrap:anywhere}.podium-card .points{font-size:1.5rem;color:var(--primary-bright);font-weight:800}.podium-rank{font-size:2rem;color:var(--warning);margin-bottom:12px}.ranking-list{max-width:760px;margin:0 auto}.ranking-row{display:flex;align-items:center;gap:15px;background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:12px 18px;margin:9px 0;animation:enter .35s var(--ease)}.ranking-row .player-name{flex:1}.ranking-row>strong{color:var(--primary-bright)}.drawing-layout{display:grid;grid-template-columns:1fr 260px;gap:25px}.canvas-wrap{border-radius:19px;overflow:hidden;border:1px solid var(--line);background:#fff;line-height:0}canvas.drawing{display:block;width:100%;aspect-ratio:4/3;background:#fff;touch-action:none}.drawing-tools{display:flex;gap:7px;flex-wrap:wrap;align-items:center;justify-content:center;margin:14px 0}.swatch{width:35px;height:35px;border:2px solid #ffffff40;border-radius:50%;padding:0}.swatch.selected{outline:2px solid var(--primary);outline-offset:3px}.guess-feed{font-size:.84rem;overflow-wrap:anywhere}.guess-feed p{background:var(--surface);padding:10px 12px;border-radius:10px;margin:0 0 8px}.guess-feed .correct-guess{color:var(--success);background:#6ee7b70e}.connection-overlay{position:fixed;inset:100px 0 0;background:#090913e8;backdrop-filter:blur(8px);z-index:50;display:grid;place-items:center;text-align:center;padding:20px}.connection-overlay[hidden]{display:none}.confetti{position:fixed;top:-20px;width:8px;height:12px;z-index:80;pointer-events:none;animation:confetti 2.8s ease-in forwards}.error-page{text-align:center;max-width:750px}.error-code{font-size:clamp(4rem,15vw,10rem);font-weight:850;color:var(--primary);opacity:.75;line-height:1.1;letter-spacing:-.07em;display:block;margin-bottom:25px}.error-page h1{font-size:2.3rem}.error-page .button{margin:15px 5px}.admin-layout{max-width:1500px;margin:auto;display:grid;grid-template-columns:230px 1fr;gap:35px;padding:25px 4% 70px}.admin-nav{display:flex;flex-direction:column;gap:6px}.admin-nav .eyebrow{margin-top:24px;margin-bottom:9px}.admin-nav a{padding:12px 15px;border-radius:11px;font-size:.8rem;color:var(--muted)}.admin-nav a:hover,.admin-nav a.active{background:#9675ff15;color:var(--primary-bright)}.admin-nav>.small{padding:35px 15px}.admin-main{min-width:0}.admin-main h1{font-size:2.4rem}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin:25px 0}.stat{display:flex;flex-direction:column;gap:15px}.stat>.muted{font-size:.8rem}.stat>strong{font-size:2.5rem;line-height:1}.stat-row{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid var(--line);font-size:.82rem}.filter-form{display:flex;gap:10px;align-items:start}.filter-form>input{flex:2}.filter-form>select{flex:1}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:16px;margin-bottom:20px}table{border-collapse:collapse;width:100%;font-size:.8rem;text-align:left}th{color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;background:var(--surface)}td,th{padding:15px;border-bottom:1px solid var(--line)}td:first-child{min-width:230px;max-width:430px}td .badge{white-space:nowrap}.editor{margin-top:35px;scroll-margin-top:25px}.editor .row-actions{margin-bottom:20px}.check-row{display:flex;gap:25px;flex-wrap:wrap;margin:20px 0}.check-row label{display:flex;align-items:center;gap:10px}.check-row input{width:20px;min-height:20px;height:20px;margin:0;accent-color:var(--primary)}.notice{background:#6ee7b717;color:var(--success);border-radius:12px;padding:12px 18px}.player-view .host-only{display:none!important}.player-view .site-header{padding:15px 5%;min-height:80px}.player-view .brand{font-size:1.1rem}.player-view .brand img{width:27px;height:27px}.player-view .header-actions{gap:9px}.player-view .connection{position:fixed;bottom:0;left:0;right:0;text-align:center;background:#0b0b14f0;padding:7px;z-index:21;font-size:.68rem}.player-view .room-header-code{font-size:0}.player-view .room-header-code strong{font-size:.88rem}.player-view .room-main{max-width:760px;padding-top:10px}.player-view .question{font-size:1.85rem;margin:25px auto}.player-view .answers-grid{grid-template-columns:1fr}.player-view .answer{min-height:75px;font-size:1rem}.player-view .stage-top{margin-bottom:20px}.player-view .drawing-layout{display:block}.player-view .guess-feed{margin-top:20px}.player-view .connection-overlay{inset:80px 0 0}.settings-list{display:grid;gap:13px}.settings-list label{margin-bottom:4px}.settings-list .two-cols{gap:15px}.rules{line-height:1.85;color:var(--muted);font-size:.92rem}.rules strong{color:var(--text)}.reveal-button{margin:15px 0}.identity-list{display:grid;gap:10px;margin:20px 0}.identity-item{padding:15px;background:var(--surface-2);border-radius:12px;display:flex;justify-content:space-between;gap:15px}.identity-item strong{color:var(--primary-bright);text-align:right;overflow-wrap:anywhere}.paused-title{color:var(--warning)}.admin-main .two-cols>.panel h2{font-size:1.3rem}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:.2;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,100%{transform:translateY(0) rotate(-12deg)}50%{transform:translateY(-10px) rotate(-10deg)}}@keyframes confetti{to{transform:translateY(105vh) rotate(520deg);opacity:0}}
@media(min-width:1600px){.room-main{max-width:1700px}.room-page .site-header{max-width:1700px}.room-page:not(.player-view){font-size:19px}.room-page:not(.player-view) .question{font-size:3.8rem}.room-page:not(.player-view) .player-name{font-size:1.1rem}.room-page:not(.player-view) .answer{font-size:1.45rem;min-height:110px}.room-page:not(.player-view) .lobby-layout{grid-template-columns:400px 1fr}.room-page:not(.player-view) .qr-frame{width:290px;height:290px}}
@media(max-width:1000px){.hero h1{font-size:3.4rem}.art-card{width:200px;height:275px;padding:22px}.hero-art{height:410px}.art-front{left:0}.art-back{right:-5px}.orbit{width:340px;height:340px}.tag-bottom{right:-10px;font-size:.6rem}.hero-buttons{gap:9px}.hero-buttons .button{padding:15px 20px;font-size:.8rem}.hero-benefits{gap:12px;font-size:.65rem}.lobby-layout{grid-template-columns:280px 1fr;gap:22px}.player-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.invite-panel{padding:22px}.qr-frame{width:210px;height:210px}.admin-layout{grid-template-columns:180px 1fr;gap:22px}.stat-grid{grid-template-columns:repeat(2,1fr)}.filter-form{flex-wrap:wrap}.filter-form>input{min-width:100%}}
@media(max-width:700px){.site-header{min-height:82px;padding:18px 6%}.header-tag{display:none}.landing{padding:0 6%}.hero{grid-template-columns:1fr;padding:40px 0 30px;gap:15px}.hero h1{font-size:clamp(2.65rem,10vw,4rem)}.hero-description{font-size:.92rem;max-width:440px}.hero-buttons .button{font-size:.85rem;flex:1;padding:14px 16px;gap:14px}.hero-benefits{font-size:.67rem;justify-content:space-between;max-width:350px}.hero-art{height:360px;max-width:390px;width:100%;margin:22px auto 15px}.art-front{left:28px;top:55px}.art-back{right:20px;top:17px}.art-card{width:190px;height:258px;padding:20px}.art-card>strong{font-size:1.45rem}.art-card>svg{height:70px;margin:12px auto}.tag-top{left:9%;top:-6px;font-size:.6rem}.tag-bottom{right:5px;bottom:3px;font-size:.58rem;padding:9px 12px}.spark-one{right:5px;bottom:65px}.spark-two{left:7px;top:20px}.orbit{width:310px;height:310px}.orbit-two{width:250px;height:250px}.join-strip{flex-direction:column;align-items:stretch;padding:25px;gap:20px}.join-strip h2{font-size:1.2rem}.code-form{max-width:none}.code-form input{width:0;flex:1}.game-preview{padding-top:40px}.section-heading>.muted{display:none}.section-heading h2{font-size:1.55rem}.game-grid{grid-template-columns:1fr 1fr;gap:11px}.game-card{padding:18px 16px;gap:10px;border-radius:16px}.game-card-title{font-size:.94rem}.game-card-desc{font-size:.73rem}.game-card-meta{font-size:.6rem}.game-icon{width:42px;height:42px}.site-footer{align-items:start;font-size:.67rem;gap:15px}.site-footer>span>.muted{display:block;margin-top:5px}.join-card{padding:30px 23px}.join-card h1{font-size:2rem}.room-page .site-header{gap:10px}.room-page .brand{font-size:1.1rem}.room-page .brand img{width:27px;height:27px}.room-page .header-actions{gap:5px}.room-page .connection{font-size:0}.room-page .connection .live-dot{margin-right:0}.player-view .connection{font-size:.68rem}.room-page .room-header-code{font-size:0}.room-page .room-header-code strong{font-size:.9rem;margin-left:0}.room-page .icon-btn{padding:8px;min-width:38px;font-size:.68rem}.room-main{padding:15px 5% 110px}.lobby-layout{grid-template-columns:1fr;margin-top:20px}.lobby-title h1{font-size:1.9rem}.invite-panel{display:grid;grid-template-columns:1fr 125px;gap:10px;text-align:left;align-items:center}.invite-panel .qr-frame{grid-column:2;grid-row:1/5;width:125px;height:125px;margin:0;padding:4px}.invite-panel .big-code{font-size:2.2rem;letter-spacing:.13em;margin:0}.invite-panel .eyebrow{margin:0;font-size:.55rem}.invite-url{font-size:.65rem;margin:0}.invite-panel .small{font-size:.65rem}.invite-panel .button{font-size:.7rem;min-height:42px;padding:8px}.player-grid{gap:10px;margin-top:15px}.player-tile{padding:12px;gap:9px}.player-tile .avatar{width:37px;height:37px;border-radius:12px}.player-name{font-size:.8rem}.host-controls{max-width:95vw;padding:8px;bottom:12px;gap:7px;white-space:nowrap}.host-controls .button{font-size:.75rem;min-height:45px;padding:10px 14px;gap:7px}.host-controls .icon-btn{font-size:.72rem}.stage-top{gap:10px}.stage-top h2{font-size:1rem}.round-badge{font-size:.6rem}.timer{min-width:110px;gap:7px}.timer-number{font-size:1.3rem;min-width:30px}.progress-track{width:65px}.question{font-size:1.8rem;margin:25px auto}.answers-grid{grid-template-columns:1fr}.answer{min-height:75px;font-size:1rem;padding:15px}.podium{gap:7px;margin-top:35px}.podium-card{padding:20px 8px;border-radius:17px}.podium-card.first{padding:30px 8px}.podium-card h3{font-size:.88rem}.podium-card .points{font-size:1.08rem}.podium-rank{font-size:1.5rem}.podium-card .avatar{width:39px;height:39px}.drawing-layout{grid-template-columns:1fr}.secret-card{padding:30px 20px}.turn-item{padding:12px}.two-cols{grid-template-columns:1fr;gap:15px}.admin-layout{display:block;padding:15px 5% 50px}.admin-nav{flex-direction:row;overflow:auto;padding-bottom:20px;gap:5px;margin-bottom:15px}.admin-nav .eyebrow,.admin-nav>.small{display:none}.admin-nav a{white-space:nowrap;flex-shrink:0;background:var(--surface);padding:10px}.admin-main h1{font-size:1.8rem}.admin-main .section-heading{flex-wrap:wrap}.stat-grid{gap:10px}.stat{padding:22px 17px}.stat>strong{font-size:2rem}.filter-form{gap:7px}.filter-form select{min-width:120px}.panel{padding:23px}.join-card.panel{padding:30px 23px}.error-page h1{font-size:1.8rem}.room-page .header-actions>.host-only{display:none}.room-page .header-actions>#room-menu{display:inline-flex}.identity-item{font-size:.85rem}.row-actions .button{font-size:.8rem;padding:12px 15px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.confetti{display:none}}