:root{--bg: #161616;--panel: rgba(30, 30, 30, .95);--panel-soft: rgba(255, 255, 255, .04);--line: rgba(255, 255, 255, .06);--line-strong: rgba(246, 165, 50, .35);--text: #f6f0e8;--muted: #b8ac9b;--accent: #f5a328;--accent-2: #ffc869;--shadow: 0 24px 80px rgba(0, 0, 0, .42)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--text);font-family:Manrope,sans-serif;background:radial-gradient(circle at 12% 8%,rgba(245,163,40,.16),transparent 18%),radial-gradient(circle at 80% 20%,rgba(245,163,40,.08),transparent 14%),linear-gradient(180deg,#1b1b1b,#151515)}a,button,input,textarea,select{font:inherit}button{border:0}.site-shell{position:relative;min-height:100vh}.ambient{position:fixed;z-index:0;border-radius:999px;filter:blur(90px);opacity:.7;pointer-events:none}.ambient-left{top:70px;left:-40px;width:240px;height:240px;background:#f5a3282e}.ambient-top{top:180px;right:12%;width:170px;height:170px;background:#f5a3281f}.ambient-bottom{bottom:80px;left:34%;width:300px;height:180px;background:#f5a3281f}.site-header,.site-main{position:relative;z-index:1}.site-header{position:sticky;top:0;z-index:5;padding:18px 28px;background:#0e0e0eb8;border-bottom:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:14px;position:relative}.site-brand{display:flex;align-items:center;gap:14px;color:var(--text);text-decoration:none}.brand-mark,.avatar{display:grid;place-items:center;background:linear-gradient(180deg,#f7b649,#dc8d16);color:#1c1408;border:1px solid rgba(255,200,105,.45);box-shadow:0 0 40px #f5a32838}.brand-mark{width:54px;height:54px;border-radius:16px;font-family:Russo One,sans-serif;font-size:24px}.eyebrow{margin:0 0 6px;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}.site-brand strong,.hero-card h3,.question-copy h3,.winner-card h3,.auth-card h3,.home-hero h1{margin:0;font-family:Russo One,sans-serif;letter-spacing:.02em}.site-brand strong{font-size:clamp(32px,3.6vw,46px)}.site-brand__eyebrow{display:block;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.site-nav{display:flex;align-items:center;gap:10px}.menu-toggle{display:none;flex-direction:column;gap:5px;width:46px;height:46px;padding:10px;border-radius:14px;border:1px solid var(--line-strong);background:#ffffff0a}.menu-toggle span{display:block;width:100%;height:2px;border-radius:999px;background:var(--text)}.site-nav__link{padding:12px 16px;border-radius:16px;border:1px solid transparent;background:#ffffff05;color:var(--muted);text-decoration:none;transition:.2s ease}.site-nav__link:hover,.site-nav__link-active{color:var(--text);border-color:var(--line-strong);background:linear-gradient(180deg,#f5a3281f,#ffffff08)}.site-header__actions{display:flex;gap:12px;align-items:center}.header-user{color:var(--accent-2);font-weight:700}.panel,.catalog-card,.auth-card{border:1px solid var(--line);border-radius:26px;background:linear-gradient(180deg,#292929eb,#171717fa);box-shadow:var(--shadow)}.stack-item p,.question-copy p,.winner-card p,.profile-card p,.status-card p,.home-hero__text{color:var(--muted)}.site-main{padding:28px}.page{display:flex;flex-direction:column;gap:24px}.page-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.page-error,.page-success{margin:0;padding:14px 16px;border-radius:16px;font-weight:600}.page-error{border:1px solid rgba(212,88,88,.45);background:#d458581f;color:#ffb3b3}.page-success{border:1px solid rgba(63,184,109,.45);background:#3fb86d1f;color:#adf5c6}.section-head,.panel-head,.catalog-card-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.home-hero{justify-content:space-between;align-items:stretch}.home-hero h1{font-size:clamp(32px,4vw,56px);line-height:1.02;max-width:720px}.home-hero__actions,.home-hero__stats,.chip-row,.mini-stats,.inline-actions{display:flex;gap:12px;flex-wrap:wrap}.pill,.counter{display:inline-flex;align-items:center;justify-content:center;padding:9px 14px;border-radius:999px;border:1px solid var(--line-strong);background:#f5a3281a;color:var(--accent-2);font-size:12px;font-weight:700}.catalog,.catalog-group,.layout-stack,.stack-list,.form-column,.answer-form,.score-table{display:flex;flex-direction:column;gap:18px}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.catalog-card{display:flex;flex-direction:column;gap:12px;min-height:164px;padding:18px;color:var(--text);text-decoration:none}.catalog-card:hover,.ghost-button:hover,.primary-button:hover,.action-tile:hover,.board-cell:hover{transform:translateY(-2px)}.catalog-card-desktop:after,.catalog-card-mobile:after{content:"";display:block;border-radius:18px;background:radial-gradient(circle at 20% 20%,rgba(245,163,40,.18),transparent 45%),#ffffff08}.catalog-card-desktop:after{height:76px}.catalog-card-mobile:after{width:120px;height:140px}.catalog-link{color:var(--accent);font-size:12px}.split-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.95fr);gap:18px}.split-grid.one{grid-template-columns:1fr}.panel{padding:22px}.panel-head{margin-bottom:18px}.panel-head h4{margin:0;font-size:18px}.panel-head span{color:var(--accent-2);font-size:12px}.hero-card,.status-card,.question-card,.player-answer-card,.winner-card,.profile-card,.info-card{display:flex;gap:18px;padding:20px;border:1px solid var(--line);border-radius:22px;background:radial-gradient(circle at 18% 15%,rgba(245,163,40,.2),transparent 44%),#ffffff08}.hero-card,.status-card,.host-summary{justify-content:space-between;align-items:center}.stack-item,.answer-option,.score-row,.topic-pill{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--panel-soft)}.stack-button{width:100%;color:inherit;text-align:left;cursor:pointer}.stack-item-active{border-color:var(--line-strong);box-shadow:inset 0 0 0 1px #f5a32824}.stack-item strong{display:block;margin-bottom:4px}.calendar-grid,.tile-grid,.answer-grid{display:grid;gap:14px}.calendar-grid{grid-template-columns:repeat(5,1fr)}.tile-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.answer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.day-cell,.board-head-cell,.board-cell,.action-tile{display:grid;place-items:center;border-radius:16px;border:1px solid var(--line);background:#ffffff0a}.day-cell{min-height:54px}.day-hot,.board-cell,.action-tile{background:linear-gradient(180deg,#f7b348f5,#e08d14f5);color:#1d1407;font-weight:800}.action-tile{min-height:90px}.action-tile-active{box-shadow:inset 0 0 0 2px #1d140759}.primary-button,.ghost-button{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border-radius:16px;text-decoration:none;cursor:pointer}.primary-button{background:linear-gradient(180deg,#f8b444,#e49417);color:#1d1407;font-weight:800}.ghost-button{border:1px solid var(--line-strong);background:#ffffff08;color:var(--text)}.wide{width:100%}.auth-layout{display:grid;place-items:center;min-height:640px}.auth-card{width:min(100%,420px);padding:30px}.auth-social{width:100%}.guest-box{display:flex;flex-direction:column;gap:12px;padding-top:8px}.field{width:100%;padding:15px 16px;border:1px solid var(--line);border-radius:16px;background:#ffffff0d;color:var(--text)}.field-group{gap:8px}.field-label{color:var(--muted);font-size:13px;font-weight:700}.form-hint{margin:0;color:var(--muted);font-size:14px}.room-code-input{font-size:18px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.field::placeholder{color:#b8ac9bc7}.textarea{min-height:140px;resize:vertical}.user-badge,.player-item{display:flex;align-items:center;gap:14px}.avatar{width:54px;height:54px;border-radius:18px;font-weight:800}.avatar.small{width:42px;height:42px;border-radius:14px}.avatar.large{width:92px;height:92px;border-radius:26px;font-size:30px}.avatar-image{object-fit:cover;overflow:hidden}.mini-stat{min-width:92px;padding:14px;border:1px solid var(--line);border-radius:18px;background:#ffffff08}.mini-stat span{display:block;margin-bottom:6px;color:var(--muted);font-size:12px}.board{display:grid;gap:10px}.board-scroll{overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}.board-head,.board-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.board-head-cell{min-height:68px;color:var(--accent-2)}.board-cell{min-height:76px;font-size:22px}.board-cell-used{opacity:.45;cursor:not-allowed}.board-cell-empty{opacity:.15;pointer-events:none}.board-mobile .board-head,.board-mobile .board-row{grid-template-columns:repeat(2,minmax(0,1fr))}.board-mobile .board-head-cell:last-child,.board-mobile .board-row>:last-child{grid-column:span 2}.game-finished-card{display:flex;justify-content:space-between;gap:18px;align-items:flex-end}.question-card{flex-direction:column}.question-topbar{display:flex;gap:18px;align-items:flex-start}.question-card.mobile .answer-grid{grid-template-columns:1fr}.timer-circle{display:grid;place-items:center;width:116px;height:116px;border-radius:50%;border:10px solid rgba(245,163,40,.22);box-shadow:inset 0 0 0 8px #f5a32814}.timer-circle span{font-family:Russo One,sans-serif;font-size:32px}.question-copy h3{margin:0 0 12px}.question-image{width:min(100%,460px);max-height:320px;margin-bottom:14px;border-radius:18px;border:1px solid var(--line);object-fit:contain;background:#0000002e}.question-title{margin:0;font-family:Russo One,sans-serif;letter-spacing:.02em}.answer-option.correct{border-color:#3fb86da6;background:#3fb86d21}.question-media{display:grid;grid-template-columns:minmax(220px,320px) minmax(0,1fr);gap:18px}.question-media.stacked{grid-template-columns:1fr}.mock-image{display:grid;place-items:center;min-height:280px;border-radius:22px;border:1px solid var(--line-strong);background:linear-gradient(135deg,#f5a32842,#f5a32805),#ffffff08;color:var(--accent-2);font-weight:800}.results-layout{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);gap:18px}.results-layout.one{grid-template-columns:1fr}.winner-card{flex-direction:column;justify-content:center}.score-row span:first-child{color:var(--accent);min-width:18px}.profile-card{flex-direction:column;align-items:flex-start}.lobby-meta,.host-panel,.answer-zone{display:flex;flex-direction:column;gap:16px}.answer-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.settings-panel{margin-bottom:18px}.lobby-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:18px;gap:14px}.answer-buzz-button{width:100%;min-height:72px;font-size:22px}.topics-list{display:grid;gap:14px}.topic-pill{justify-content:center;min-height:56px;color:var(--accent-2)}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.pack-editor{display:flex;flex-direction:column;gap:14px;padding:18px;border:1px solid var(--line);border-radius:22px;background:#ffffff08}.question-editor{display:grid;grid-template-columns:96px 1fr 1fr 1fr;gap:12px;align-items:center}@media (max-width: 1100px){.site-header{padding:16px 20px}.site-main{padding:20px}.site-header__inner,.section-head,.host-summary,.hero-card,.status-card{flex-direction:column;align-items:flex-start}.site-nav{flex-wrap:wrap}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 720px){.catalog-grid,.results-layout,.split-grid,.question-media,.answer-grid,.tile-grid,.feature-grid,.question-editor,.answer-settings,.question-topbar{grid-template-columns:1fr}.question-topbar{display:flex;flex-direction:column}.site-brand{gap:10px}.brand-mark{width:48px;height:48px;border-radius:14px;font-size:22px}.site-brand strong{font-size:clamp(28px,7vw,36px)}.lobby-meta{grid-template-columns:1fr}.calendar-grid{grid-template-columns:repeat(3,1fr)}.mini-stats{flex-direction:column;width:100%}.home-hero__actions,.site-header__actions{width:100%;flex-direction:column}.menu-toggle{display:inline-flex}.site-nav{position:absolute;top:calc(100% + 12px);left:0;right:0;display:none;flex-direction:column;padding:14px;border:1px solid var(--line);border-radius:22px;background:#121212f5;box-shadow:var(--shadow)}.site-nav-open{display:flex}.site-nav__link{width:100%}.site-header__actions>*{width:100%}.inline-actions{width:100%}.inline-actions>*{flex:1}.game-finished-card{flex-direction:column;align-items:stretch}.board-head,.board-row{gap:8px}.board-head-cell{min-height:56px;padding:10px 8px;font-size:12px;line-height:1.2;text-align:center}.board-cell{min-height:64px;font-size:18px;min-width:88px}.panel{padding:18px}.timer-circle{width:92px;height:92px;border-width:8px}.timer-circle span{font-size:28px}.answer-buzz-button{min-height:64px;font-size:18px}}