@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color-scheme:dark;--bg: #0f0f0f;--bg-accent: #141414;--ink: #f2f2f2;--muted: #9b9b9b;--primary: #1f1f1f;--primary-dark: #2a2a2a;--accent: #222222;--accent-dark: #2f2f2f;--card: #151515;--card-shadow: rgba(0, 0, 0, .65);--good: #3fb950;--bad: #f85149;--frame-bg: #0b0b0b;--border: #242424;--radius: 26px;--surface-max: 1140px;--game-shell-max: 2860px;--frame-cap-default: 1700px;--font-sans: "Space Grotesk", "Trebuchet MS", "Candara", "Segoe UI", "Verdana", sans-serif;--font-serif: "Georgia", "Times New Roman", serif}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);font-size:16px;line-height:1.55;color:var(--ink);background:radial-gradient(900px 500px at 10% -10%,rgba(255,255,255,.06),transparent 60%),radial-gradient(800px 420px at 90% 0%,rgba(255,255,255,.04),transparent 60%),linear-gradient(160deg,var(--bg),var(--bg-accent));min-height:100vh}#root{min-height:100vh}.app{min-height:100vh;padding:16px clamp(24px,6vw,80px) 16px}.panel{background:var(--card);border-radius:var(--radius);padding:40px 36px;box-shadow:0 24px 60px var(--card-shadow);border:2px solid var(--border);width:100%;max-width:min(100%,var(--surface-max));margin:0 auto;animation:fadeIn .5s ease both}.title{font-family:var(--font-sans);font-size:clamp(28px,4vw,40px);font-weight:700;letter-spacing:-.01em;line-height:1.1;margin:0 0 12px}.subtitle{color:var(--muted);font-size:17px;line-height:1.7;margin:0 0 24px}.btn{border:2px solid var(--border);border-radius:var(--radius);padding:10px 20px;font-size:15px;font-weight:600;letter-spacing:.01em;cursor:pointer;background:#1b1b1b;color:var(--ink);transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 30px #00000073;border-color:#333}.btn:disabled{cursor:not-allowed;opacity:.6}.btn--primary{background:var(--primary);color:#fff}.btn--primary:hover:not(:disabled){background:var(--primary-dark)}.btn--ghost{background:transparent;border:2px solid var(--border)}.hud{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.hud__item{background:#1a1a1a;border-radius:var(--radius);padding:12px 14px;text-align:center;border:2px solid var(--border);box-shadow:0 10px 22px #00000059}.hud__label{display:block;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.16em}.hud__value{font-size:19px;font-weight:600}.game{width:100%;max-width:min(100%,var(--game-shell-max));margin:0 auto}.game__layout{--sidebar-width: clamp(140px, 14vw, 200px);--rail-width: clamp(28px, 3.5vw, 40px);--side-gap: clamp(10px, 2vw, 18px);--answers-gap: var(--side-gap);--option-height: clamp(64px, 7vh, 86px);--answers-area: clamp(220px, 27vh, 360px);--frame-width-cap: clamp(860px, 74vw, var(--frame-cap-default));--frame-height: max( 0px, calc(100vh - 32px - var(--answers-area) - var(--side-gap)) );--frame-max: min(calc(var(--frame-height) * 16 / 9), var(--frame-width-cap));--option-row: 72px;display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr) var(--rail-width) calc(var(--sidebar-width) - var(--rail-width));align-items:start;column-gap:var(--side-gap);row-gap:18px;justify-content:stretch}.game__main{display:grid;gap:var(--side-gap);width:100%;justify-self:stretch;justify-items:center}.game__frame{background:var(--frame-bg);border-radius:var(--radius);overflow:hidden;box-shadow:0 28px 60px #000000a6;border:2px solid #1f1f1f;display:flex;align-items:center;justify-content:center;width:100%;max-width:min(100%,var(--frame-max));height:var(--frame-height)}.game__frame img{width:100%;height:100%;object-fit:contain;display:block;animation:frameReveal .4s ease both;transform-origin:center}.game__frame-loader,.game__frame-error{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;padding:18px;text-align:center}.game__frame-loader{color:var(--muted);font-weight:600;letter-spacing:.02em;background:linear-gradient(120deg,#ffffff09,#ffffff04,#ffffff09);background-size:210% 100%;animation:framePulse 1.4s ease-in-out infinite}.game__frame-error p{margin:0;color:var(--muted)}.game__answers{display:grid;gap:var(--answers-gap);width:100%;max-width:min(100%,var(--frame-max));height:var(--answers-area)}.btn--reveal{width:100%;padding:14px 20px;font-size:16px;letter-spacing:.02em;height:100%}.game__sidebar{display:flex;flex-direction:column;align-items:stretch;gap:12px;width:var(--sidebar-width);margin-top:0}.game__sidebar .hud{grid-template-columns:1fr;justify-items:start;gap:10px}.game__sidebar .hud__item{text-align:left;justify-self:start;width:100%}.game__exit{margin-top:14px;width:100%}.game__next-rail{display:flex;align-self:stretch;width:var(--rail-width)}.game__next-button{flex:1;border:2px solid var(--border);border-radius:var(--radius);background:var(--primary);color:var(--ink);font-size:20px;font-weight:700;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}.game__next-button:hover:not(:disabled){background:var(--primary-dark);border-color:#333;transform:translateY(-1px)}.game__next-button:disabled{cursor:not-allowed;opacity:.4}.game__spacer-right{width:100%}.card{background:var(--card);border-radius:var(--radius);overflow:hidden;box-shadow:0 30px 70px var(--card-shadow);animation:fadeInUp .55s ease both;border:2px solid var(--border)}.frame{background:var(--frame-bg);display:flex;align-items:center;justify-content:center;min-height:260px;position:relative}.frame img{width:100%;height:auto;max-height:62vh;object-fit:contain;display:block;animation:frameReveal .4s ease both}.card__body{padding:24px 26px 30px;display:grid;gap:18px}.card__actions{display:flex;justify-content:flex-end}.options{display:grid;gap:var(--answers-gap);grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;animation:fadeIn .4s ease both;width:100%;height:100%}.option{background:#1a1a1a;border:2px solid var(--border);border-radius:var(--radius);padding:14px 18px;display:flex;gap:0;align-items:center;cursor:pointer;text-align:left;height:100%;min-width:0;transition:border-color .2s ease,transform .2s ease,background .2s ease}.option:hover:not(:disabled){transform:translateY(-2px);border-color:#3a3a3a}.option:disabled{cursor:default}.option__title{font-weight:600;font-size:clamp(16px,1.25vw,19px);line-height:1.25;min-width:0;overflow-wrap:anywhere}.option--correct{background:#3fb95026;border-color:#3fb95080}.option--wrong{background:#f851492e;border-color:#f8514973}.feedback{font-size:16px;font-weight:600}.feedback__good{color:var(--good)}.feedback__bad{color:var(--bad)}.menu,.home{text-align:left}.home__modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:26px 0}.home__mode-card{border:2px solid var(--border);border-radius:var(--radius);padding:22px;text-align:left;background:linear-gradient(145deg,#ffffff08,#fff0),#191919;color:var(--ink);cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.home__mode-card:hover{transform:translateY(-2px);border-color:#333;box-shadow:0 16px 32px #0006}.home__mode-card--frame{background:linear-gradient(145deg,#5878ff1a,#fff0),#191919}.home__mode-card--opening{background:linear-gradient(145deg,#4fbe7817,#fff0),#191919}.home__mode-card--multi{background:linear-gradient(145deg,#ffb45a1a,#fff0),#191919}.home__mode-title{font-size:clamp(20px,2.1vw,28px);line-height:1.2;font-weight:700;margin-bottom:8px}.home__mode-text{color:var(--muted);font-size:15px}.home__actions{display:flex;justify-content:flex-start}.placeholder{text-align:left}.placeholder__tag{display:inline-flex;margin-bottom:22px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border:2px dashed var(--border);border-radius:var(--radius);padding:8px 14px}.placeholder__actions{display:flex;gap:12px}.menu__badge,.results__badge{display:inline-flex;padding:6px 14px;border-radius:var(--radius);background:#1c1c1c;color:var(--muted);font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:10px;margin-bottom:16px;border:2px solid var(--border)}.menu__section{margin:20px 0 26px}.menu__label{font-weight:700;letter-spacing:.01em;margin-bottom:10px}.menu__presets{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.chip{border:2px solid var(--border);background:#1a1a1a;border-radius:var(--radius);padding:8px 16px;font-weight:600;letter-spacing:.01em;cursor:pointer;color:var(--ink)}.chip--active{border-color:#3a3a3a;background:#222;color:var(--ink)}.chip--partial{border-color:#2f2f2f;background:#202020}.menu__input-wrap{display:inline-flex;align-items:center}.menu__input{border-radius:var(--radius);border:2px solid var(--border);padding:10px 12px;font-size:15px;background:#121212;color:var(--ink)}.menu__input--inline{width:96px;padding:8px 10px;font-size:14px}.menu__input--search{width:min(100%,380px)}.menu__title-controls{display:grid;gap:8px;margin:14px 0 12px}.menu__titles{border:2px solid var(--border);border-radius:var(--radius);padding:10px 12px;background:#121212;max-height:300px;overflow:auto;display:grid;gap:8px}.menu__title-item{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;font-size:14px;color:var(--ink)}.menu__title-item input{margin-top:3px}.menu__actions{display:flex;gap:12px;justify-content:flex-start}.menu__hint{font-size:11px;color:var(--muted)}.results{text-align:center}.results__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin:24px 0}.results__item{background:#1a1a1a;padding:16px;border-radius:var(--radius);border:2px solid var(--border)}.results__item--wide{grid-column:span 2}.results__label{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.results__value{font-size:23px;font-weight:600;margin-top:6px}.results__actions{display:flex;gap:12px;justify-content:center}.results__recent{margin:10px auto 24px;text-align:left;max-width:760px}.results__recent-title{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:10px}.results__recent-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.results__recent-item{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;background:#171717;border:2px solid var(--border);border-radius:var(--radius);padding:10px 12px}.results__recent-status{font-size:10px;text-transform:uppercase;letter-spacing:.14em}.results__recent-status--ok{color:var(--good)}.results__recent-status--bad{color:var(--bad)}.results__recent-correct{font-weight:600;min-width:0;overflow-wrap:anywhere}.account{width:100%;max-width:min(100%,var(--surface-max));margin:0 auto 14px;border:2px solid var(--border);border-radius:var(--radius);background:#171717;padding:10px 12px;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.account__home{justify-self:start}.account__main{display:flex;align-items:center;gap:10px;min-width:0}.account__avatar{width:46px;height:46px;border-radius:12px;border:2px solid #343434;background:#111}.account__meta{display:grid;gap:2px;min-width:0}.account__meta strong{line-height:1.2}.account__meta span{color:var(--muted);font-size:12px;line-height:1.2}.auth__tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.auth__form{display:grid;gap:14px}.auth__field{display:grid;gap:8px;font-weight:600}.auth__avatars{display:grid;gap:10px}.auth__avatar-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.auth__avatar{border:2px solid var(--border);border-radius:16px;padding:6px;background:#151515;cursor:pointer}.auth__avatar img{width:100%;display:block;border-radius:10px}.auth__avatar--active{border-color:#4a4a4a;background:#1d1d1d}.auth__suggest{display:flex;gap:10px;align-items:center;justify-content:space-between}.auth__error{margin-top:14px;border:2px solid rgba(248,81,73,.4);border-radius:14px;background:#f851491a;padding:10px 12px}.option--selected{border-color:#4f7cff;background:#4f7cff26}.multiplayer{text-align:left}.multiplayer__feedback{border:2px solid var(--border);border-radius:14px;padding:10px 12px;margin-bottom:14px;background:#181818}.multiplayer__feedback--error{border-color:#f8514973;background:#f851491c}.multiplayer__shell{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.multiplayer__entry{border:2px solid var(--border);border-radius:16px;background:#151515;padding:14px;display:grid;gap:12px}.multiplayer__entry-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.multiplayer__entry-join{display:grid;gap:10px;border-top:2px solid var(--border);padding-top:12px}.multiplayer__room-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.multiplayer__card{border:2px solid var(--border);border-radius:16px;background:#151515;padding:14px;display:grid;gap:10px}.multiplayer__title{margin:0;font-size:22px}.multiplayer__join,.multiplayer__slider-group{display:grid;gap:10px}.multiplayer__slider-group label{display:grid;gap:8px;font-weight:600}.multiplayer__timer-grid{display:grid;gap:12px}.multiplayer__timer-item{border:2px solid var(--border);border-radius:12px;padding:10px;background:#111;display:grid;gap:10px}.multiplayer__timer-label{display:grid;gap:8px;font-weight:600}.multiplayer__timer-input{max-width:160px}.multiplayer__presets{display:flex;gap:8px;flex-wrap:wrap}.multiplayer__invites{margin-top:16px;display:grid;gap:10px}.multiplayer__invite-list{display:grid;gap:8px}.multiplayer__invite-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:2px solid var(--border);border-radius:14px;padding:10px 12px;background:#151515}.multiplayer__room{display:grid;gap:14px}.multiplayer__row{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.multiplayer__invite-url{border:2px solid var(--border);border-radius:12px;padding:8px 10px;background:#111;overflow-x:auto}.multiplayer__actions{display:flex;gap:10px;flex-wrap:wrap}.multiplayer__players{display:grid;gap:8px}.multiplayer__player-row{border:2px solid var(--border);border-radius:12px;padding:8px 10px;display:flex;gap:10px;justify-content:space-between;align-items:center;background:#111}.multiplayer__player-main{display:flex;align-items:center;gap:10px}.multiplayer__player-main img{width:42px;height:42px;border-radius:10px;border:2px solid #303030}.multiplayer__player-name{display:flex;gap:8px;align-items:center;font-weight:600}.multiplayer__owner-tag{border:2px solid #3e3e3e;border-radius:999px;padding:1px 8px;text-transform:uppercase;letter-spacing:.08em;font-size:9px;color:var(--muted)}.multiplayer__row-actions{display:flex;gap:6px;flex-wrap:wrap}.multiplayer__search-results{display:grid;gap:8px;max-height:260px;overflow:auto;padding-right:2px}.multiplayer__search-row{display:flex;justify-content:space-between;align-items:center;gap:10px;border:2px solid var(--border);border-radius:12px;padding:8px 10px;background:#111}.multiplayer__search-row input[type=checkbox]{width:16px;height:16px}.multiplayer__search-user{display:flex;align-items:center;gap:10px}.multiplayer__search-user img{width:34px;height:34px;border-radius:8px;border:2px solid #2f2f2f}.multiplayer-game{width:100%}.multiplayer-game .game__layout{grid-template-columns:var(--sidebar-width) minmax(0,1fr) var(--sidebar-width)}.multiplayer-game .game__spacer-right{width:var(--sidebar-width)}.multiplayer-game__round{border:2px solid var(--border);border-radius:16px;background:#1a1a1a;padding:10px 12px;display:grid;gap:4px;font-weight:600}.multiplayer-game__options{height:100%}.multiplayer-game__rail{width:100%;border:2px solid var(--border);border-radius:var(--radius);background:#1a1a1a;color:var(--ink);display:flex;align-items:center;justify-content:center;font-size:13px;letter-spacing:.1em;font-weight:700;writing-mode:vertical-rl;transform:rotate(180deg)}.multiplayer-game__spacer{display:grid;gap:10px;align-content:start}.multiplayer-game__status{border:2px solid var(--border);border-radius:16px;background:#1a1a1a;padding:8px 10px;display:grid;gap:8px}.multiplayer-game__countdown{font-size:13px;letter-spacing:.08em;font-weight:700}.multiplayer-game__account{border:2px solid var(--border);border-radius:16px;background:#1a1a1a;padding:8px 10px;display:grid;gap:8px}.multiplayer-game__account-btn{width:100%}.multiplayer-game__account-main{display:grid;justify-items:center;text-align:center;gap:6px}.multiplayer-game__account-avatar{width:44px;height:44px;border-radius:10px;border:2px solid #2f2f2f}.multiplayer-game__account-meta{display:grid;gap:2px}.multiplayer-game__account-meta span{color:var(--muted);font-size:12px;line-height:1.2}.multiplayer-game__owner-label{color:var(--ink);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.multiplayer-game__account-score{font-weight:700;color:var(--ink)}.multiplayer__votes{display:inline-flex;align-items:center;gap:5px;margin-left:auto}.multiplayer__votes img,.multiplayer__votes-more{width:24px;height:24px;border-radius:7px;border:2px solid #3a3a3a;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;background:#161616;color:var(--ink)}.multiplayer__votes-empty{margin-left:auto;color:var(--muted);font-size:12px}.multiplayer__finished{display:grid;gap:14px}.multiplayer__leaderboard{border:2px solid var(--border);border-radius:14px;background:#151515;padding:8px 10px;display:grid;gap:8px}.multiplayer__leaderboard-row{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:8px;border:2px solid var(--border);border-radius:10px;background:#111;padding:6px 8px}.multiplayer__leaderboard-row img{width:28px;height:28px;border-radius:7px;border:2px solid #2e2e2e}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes frameReveal{0%{opacity:.5;transform:scale(.98)}to{opacity:1;transform:scale(1.002)}}@keyframes framePulse{0%{background-position:0 0}50%{background-position:100% 0}to{background-position:0 0}}@media (min-width: 1600px) and (max-width: 2199px){.game__layout{--sidebar-width: clamp(150px, 11vw, 210px);--side-gap: clamp(10px, 1.5vw, 20px);--answers-area: clamp(230px, 26vh, 340px);--frame-width-cap: clamp(1020px, 66vw, 1680px)}}@media (min-width: 981px) and (max-height: 860px){.game__layout{--answers-area: clamp(190px, 30vh, 280px);--side-gap: clamp(8px, 1.4vw, 14px);--frame-width-cap: clamp(820px, 70vw, 1500px)}.option__title{font-size:clamp(15px,1.1vw,18px);line-height:1.2}}@media (min-width: 2200px) and (min-aspect-ratio: 21 / 10){.app{padding-inline:clamp(26px,3.8vw,108px)}.panel{max-width:min(100%,1260px)}.game{max-width:min(100%,2980px)}.game__layout{--sidebar-width: clamp(160px, 8.5vw, 230px);--rail-width: clamp(30px, 2.1vw, 48px);--side-gap: clamp(12px, 1.1vw, 24px);--answers-area: clamp(240px, 24vh, 340px);--frame-width-cap: clamp(1240px, 58vw, 1920px)}.game__answers{max-width:min(100%,clamp(1000px,56vw,1760px))}}@media (max-width: 980px){.account{grid-template-columns:1fr}.account__home{justify-self:stretch}.account__main{justify-content:center}.multiplayer__shell,.multiplayer__entry-actions,.multiplayer__room-grid{grid-template-columns:1fr}.multiplayer-game__rail{writing-mode:horizontal-tb;transform:none;min-height:44px}.multiplayer-game .game__spacer-right{display:grid}.game__layout{grid-template-columns:1fr;--answers-area: auto;--frame-max: calc((100vh - 200px) * 16 / 9)}.game__frame{height:auto;max-height:calc(100vh - 220px);aspect-ratio:16 / 9}.game__answers{height:auto;max-width:100%}.options{height:auto}.game__sidebar .hud{grid-template-columns:repeat(2,minmax(0,1fr))}.game__sidebar{width:100%;margin-top:0}.game__next-rail{width:100%}.game__next-button{min-height:44px}.game__spacer-right{display:none}}@media (max-width: 720px){.auth__avatar-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.multiplayer__actions,.multiplayer__invite-row,.multiplayer__search-row,.multiplayer__player-row{flex-direction:column;align-items:stretch}.panel{padding:30px 22px}.home__modes{grid-template-columns:1fr}.menu__actions,.placeholder__actions{flex-direction:column;align-items:stretch}.card__body{padding:20px}.results__item--wide{grid-column:span 1}}