:root{--bg:#1b1f3a;--bg-2:#242a4d;--card:#2b3160;--text:#f4f1ea;--muted:#a9adc9;--amber:#f5b53f;--teal:#3fd1c0;--rose:#ff6b8b;--violet:#9d8cff;--radius:18px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);margin:0}body{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,sans-serif}#app,.app{min-height:100%}.screen{min-height:100dvh;padding:calc(var(--safe-top) + 12px) 16px calc(var(--safe-bottom) + 20px);flex-direction:column;gap:16px;max-width:720px;margin:0 auto;display:flex}.pad{padding:0 4px}.muted{color:var(--muted)}.small{font-size:.85rem}h1,h2{margin:0;font-weight:700}h2{margin-bottom:8px;font-size:1.05rem}.topbar{align-items:center;gap:8px;display:flex}.topbar-back{background:var(--bg-2);width:40px;height:40px;color:var(--text);border:0;border-radius:12px;font-size:28px;line-height:1}.topbar-title{font-size:1.3rem}.home-brand{align-items:center;gap:14px;margin-top:8px;display:flex}.home-logo{background:linear-gradient(135deg, var(--amber), #ff8a5b);color:#1b1f3a;border-radius:16px;place-items:center;width:56px;height:56px;font-size:32px;font-weight:900;display:grid}.home-brand h1{font-size:1.6rem}.continue-card{text-align:left;border-radius:var(--radius);color:var(--text);background:linear-gradient(135deg,#3a2f7a,#5a3a9a);border:0;flex-direction:column;gap:4px;padding:18px 56px 18px 18px;display:flex;position:relative;box-shadow:0 10px 30px #00000040}.continue-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--amber);font-size:.8rem}.continue-label{font-size:1.15rem;font-weight:600}.continue-arrow{font-size:28px;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.tiles{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (min-width:600px){.tiles{grid-template-columns:repeat(4,1fr)}}.tile{border-radius:var(--radius);text-align:left;background:var(--card);color:var(--text);border:0;border-top:4px solid var(--accent,var(--amber));flex-direction:column;gap:10px;min-height:118px;padding:16px 14px;display:flex}.tile-amber{--accent:var(--amber)}.tile-teal{--accent:var(--teal)}.tile-rose{--accent:var(--rose)}.tile-violet{--accent:var(--violet)}.tile-icon{font-size:26px}.tile-text{flex-direction:column;gap:2px;display:flex}.tile-title{font-weight:700}.tile-sub{color:var(--muted);font-size:.8rem}.home-footer{color:var(--muted);justify-content:space-between;gap:12px;margin-top:auto;padding-top:8px;font-size:.85rem;display:flex}.sync-pending:before,.sync-syncing:before,.sync-idle:before,.sync-offline:before,.sync-error:before{content:"●";margin-right:6px}.sync-idle:before{color:var(--teal)}.sync-pending:before,.sync-syncing:before{color:var(--amber)}.sync-offline:before{color:var(--muted)}.sync-error:before{color:var(--rose)}.card{background:var(--card);border-radius:var(--radius);padding:14px 16px}.row{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.row:first-of-type{border-top:0}select,input[type=checkbox]{accent-color:var(--amber);font:inherit}select{background:var(--bg-2);color:var(--text);border:0;border-radius:10px;max-width:60%;padding:8px 10px}.btn{font:inherit;border:0;border-radius:14px;padding:12px 18px;font-weight:600}.btn-primary{background:var(--amber);color:#1b1f3a}.btn-ghost{background:var(--bg-2);color:var(--text)}.btn-danger{background:var(--rose);color:#1b1f3a}.btn:disabled{opacity:.5}.search{background:#000;flex-direction:column;display:flex;position:fixed;inset:0}.viewport{touch-action:none;-webkit-user-select:none;user-select:none;flex:1;position:relative;overflow:hidden}.world{transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}.world img{pointer-events:none;display:block;position:absolute;top:0;left:0}.scene-lq{filter:blur(6px)}.ring{border:6px solid var(--amber);width:160px;height:160px;box-shadow:0 0 40px var(--amber);pointer-events:none;border-radius:50%;margin:-80px 0 0 -80px;animation:1.2s ease-out forwards ring;position:absolute}@keyframes ring{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(1.6)}}.found-label{color:var(--amber);white-space:nowrap;pointer-events:none;background:#1b1f3aeb;border-radius:24px;padding:10px 26px;font-size:56px;font-weight:800;animation:1.3s ease-out forwards floatup;position:absolute;transform:translate(-50%,-50%)}@keyframes floatup{0%{opacity:0;transform:translate(-50%,-30%)scale(.8)}20%{opacity:1;transform:translate(-50%,-60%)scale(1.05)}to{opacity:0;transform:translate(-50%,-140%)scale(1)}}.hud{padding:calc(var(--safe-top) + 8px) 10px 8px;color:var(--text);pointer-events:none;background:linear-gradient(#0009,#0000);align-items:center;gap:8px;font-size:.95rem;font-weight:600;display:flex;position:absolute;top:0;left:0;right:0}.hud>*{pointer-events:auto}.hud-btn{width:44px;height:44px;color:var(--text);background:#1b1f3ad9;border:0;border-radius:14px;font-size:18px}.hud-btn.hint{background:var(--amber);color:#1b1f3a;width:auto;margin-left:auto;padding:0 14px;font-weight:800}.hud-btn.hint:disabled{color:var(--muted);background:#1b1f3ad9}.hud-score{background:#1b1f3ad9;border-radius:12px;padding:8px 12px}.hud-combo{color:var(--amber)}.hud-timer{background:#1b1f3ad9;border-radius:12px;padding:8px 12px}.hud-timer-low{color:var(--rose);animation:1s infinite blink}@keyframes blink{50%{opacity:.4}}.hud-wrong{color:var(--rose)}.hud-left{color:var(--muted);font-weight:500}.toast{color:var(--text);background:#1b1f3af2;border-radius:14px;padding:10px 18px;font-weight:600;position:absolute;top:40%;left:50%;transform:translate(-50%)}.strip{padding:10px 12px calc(var(--safe-bottom) + 10px);background:var(--bg);scrollbar-width:none;gap:8px;min-height:72px;display:flex;overflow-x:auto}.strip::-webkit-scrollbar{display:none}.chip{background:var(--card);color:var(--text);border:0;border-radius:14px;flex-direction:column;flex:none;justify-content:center;align-items:center;min-width:72px;min-height:52px;padding:8px 14px;display:flex;box-shadow:inset 0 0 0 1px #ffffff14}.chip-hl{box-shadow:0 0 0 2px var(--amber)}.chip-ru{font-size:1.15rem;font-weight:700}.chip-tr-recall .chip-ru{color:var(--teal)}.chip-tl{color:var(--muted);font-size:.75rem}.chip-audio{color:var(--amber);font-size:1.3rem}.scene-title{flex-direction:column;gap:2px;display:flex}.scene-title .ru{font-size:1.5rem}.scene-title .tr{font-size:1rem;font-weight:400}.variant-row{flex-wrap:wrap;gap:8px;display:flex}.pill{background:var(--bg-2);color:var(--text);font:inherit;border:0;border-radius:999px;padding:8px 14px}.pill-on{background:var(--amber);color:#1b1f3a;font-weight:700}.offers{gap:10px;display:grid}.offer{text-align:left;border-radius:var(--radius);background:var(--bg-2);color:var(--text);border:0;border-left:5px solid var(--accent);grid-template-columns:1fr auto;grid-template-areas:"kind mult""ru mult""tl mult""tr mult""desc desc";gap:2px 10px;padding:14px;display:grid}.offer-koz{--accent:var(--teal)}.offer-ceza{--accent:var(--rose)}.offer-none{--accent:var(--muted)}.offer:disabled{opacity:.45}.offer-kind{letter-spacing:.12em;color:var(--accent);grid-area:kind;font-size:.7rem;font-weight:800}.offer-ru{grid-area:ru;font-size:1.2rem;font-weight:700}.offer-tl{grid-area:tl;font-size:.8rem}.offer-tr{grid-area:tr}.offer-desc{grid-area:desc;margin-top:4px;font-size:.85rem}.offer-mult{color:var(--accent);grid-area:mult;align-self:center;font-size:1.3rem;font-weight:800}.dialogue{background:#000;position:fixed;inset:0;overflow:hidden}.dialogue-top{padding:calc(var(--safe-top) + 10px) 14px 8px;color:var(--text);background:linear-gradient(#0009,#0000);gap:10px;display:flex;position:absolute;top:0;left:0;right:0}.dialogue-progress{font-weight:700}.bubble{color:#1b1f3a;background:#f4f1eaf5;border-radius:20px;flex-direction:column;gap:4px;max-width:78%;padding:12px 16px;display:flex;position:absolute;bottom:190px;box-shadow:0 10px 30px #00000059}.bubble-left{border-bottom-left-radius:6px;left:14px}.bubble-right{background:#f5b53ff7;border-bottom-right-radius:6px;right:14px}.bubble-name{letter-spacing:.06em;text-transform:uppercase;opacity:.7;font-size:.72rem}.bubble-ru{font-size:1.25rem;font-weight:700;line-height:1.25}.bubble-tl{opacity:.75;font-size:.85rem}.gloss{margin:6px 0 0;padding-left:18px;font-size:.85rem}.subtitle{text-align:center;color:var(--text);background:#0009;border-radius:12px;padding:8px 12px;font-size:1rem;position:absolute;bottom:110px;left:14px;right:14px}.dialogue-controls{padding:10px 12px calc(var(--safe-bottom) + 12px);background:linear-gradient(#0000,#000000b3);flex-wrap:wrap;justify-content:center;gap:8px;display:flex;position:absolute;bottom:0;left:0;right:0}.speech-target{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.speech-ru{font-size:1.4rem;font-weight:700}.listening{flex-direction:column;align-items:center;gap:8px;display:flex}.mic-pulse{font-size:40px;animation:1s infinite pulse}@keyframes pulse{50%{transform:scale(1.2)}}.verdict-pass{border-left:5px solid var(--teal)}.verdict-almost{border-left:5px solid var(--amber)}.verdict-retry{border-left:5px solid var(--rose)}.verdict-label{margin-bottom:6px;font-size:1.1rem;font-weight:800;display:block}.diff{letter-spacing:.02em;font-size:1.3rem;display:block}.d-eq{color:var(--text)}.d-sub{color:var(--rose);text-decoration:underline}.d-del{color:var(--rose);opacity:.6;text-decoration:line-through}.d-ins{color:var(--amber)}.speech-actions{flex-wrap:wrap;gap:10px;display:flex}.score-card{text-align:center}.score-total{color:var(--amber);font-size:2.4rem;font-weight:900}.word-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.word-list li{background:var(--bg-2);border-radius:10px;padding:8px 10px}.word-list li.miss{border-left:4px solid var(--rose)}.word-list li.ok{border-left:4px solid var(--teal)}.summary-actions{flex-direction:column;gap:10px;display:flex}.activity-head{align-items:center;gap:10px;display:flex}.activity-title{flex-direction:column;font-weight:700;display:flex}.progress{background:#ffffff1a;border-radius:3px;height:6px;overflow:hidden}.progress-fill{background:var(--teal);height:100%;transition:width .3s}.letter-card{background:var(--card);color:var(--text);border:0;border-radius:24px;flex-direction:column;align-items:center;gap:4px;padding:26px 16px;display:flex}.letter-glyph{color:var(--amber);font-size:96px;font-weight:900;line-height:1}.letter-lower{color:var(--muted);font-size:40px}.letter-translit{color:var(--teal);font-size:1.1rem}.letter-desc{text-align:center;margin:0}.examples{flex-direction:column;gap:8px;display:flex}.example{background:var(--bg-2);color:var(--text);text-align:left;border:0;border-radius:14px;flex-direction:column;gap:2px;padding:10px 14px;display:flex}.example-ru{font-size:1.3rem;font-weight:700}.example-ru mark{background:var(--amber);color:#1b1f3a;border-radius:4px;padding:0 2px}.big-play{background:var(--card);color:var(--text);border:0;border-radius:18px;padding:22px;font-size:1.2rem;font-weight:700}.options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.options-2{grid-template-columns:1fr 1fr}.option{background:var(--card);color:var(--text);border:0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:86px;padding:18px 10px;display:flex}.option-ru{font-size:1.6rem;font-weight:800}.option-ok{background:var(--teal);color:#1b1f3a}.option-bad{background:var(--rose);color:#1b1f3a}.flashcard{background:var(--card);color:var(--text);text-align:center;border:0;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:260px;padding:20px;display:flex}.flashcard.flipped{background:#343b72}.fc-ru{font-size:2rem;font-weight:800}.fc-tr{font-size:1.4rem}.fc-tl{font-size:1rem}.fc-audio{font-size:48px}.fc-kicker{letter-spacing:.08em;text-transform:uppercase;font-size:.8rem}.grade-row{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.grade{color:#1b1f3a;padding:14px 6px}.grade-0{background:var(--rose)}.grade-1{background:#f08a4b}.grade-2{background:var(--teal)}.grade-3{background:#7ee787}.typed{background:var(--bg-2);border-radius:14px;justify-content:space-between;align-items:center;gap:8px;min-height:56px;padding:12px 16px;font-size:1.5rem;font-weight:700;display:flex}.typed.ok{outline:2px solid var(--teal)}.typed.almost{outline:2px solid var(--amber)}.typed.bad{outline:2px solid var(--rose)}.backspace{color:var(--muted);background:0 0;border:0;font-size:1.4rem}.tiles{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.tile{background:var(--card);width:48px;height:52px;color:var(--text);border:0;border-radius:12px;font-size:1.4rem;font-weight:700}.tile:disabled{opacity:.25}.tile-word{width:auto;padding:0 14px;font-size:1.1rem}.king{min-height:100dvh;padding:calc(var(--safe-top) + 8px) 10px calc(var(--safe-bottom) + 8px);color:var(--text);background:radial-gradient(at 50% 35%,#1f5a46,#10301f 70%);flex-direction:column;gap:8px;display:flex}.king-head{align-items:center;gap:10px;display:flex}.king-title{flex-direction:column;flex:1;font-weight:700;display:flex}.king-decl{color:var(--amber);font-size:.85rem;font-weight:600}.king-hints{font-weight:700}.king-scores{grid-template-columns:repeat(4,1fr);gap:6px;font-size:.78rem;display:grid}.king-score{text-align:center;background:#0000004d;border-radius:10px;padding:6px 8px}.king-score.turn{outline:2px solid var(--amber)}.king-score b{font-size:1rem;display:block}.table{flex:1;min-height:300px;position:relative}.seat{flex-direction:column;align-items:center;gap:2px;font-size:.8rem;display:flex;position:absolute}.seat-north{top:0;left:50%;transform:translate(-50%)}.seat-west{top:40%;left:0;transform:translateY(-50%)}.seat-east{top:40%;right:0;transform:translateY(-50%)}.seat-cards{letter-spacing:-6px;opacity:.8;font-size:22px}.seat-east .seat-cards,.seat-west .seat-cards{writing-mode:vertical-rl;letter-spacing:-8px}.trick-area{width:180px;height:180px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.played{transition:transform .25s;position:absolute}.played-south{bottom:0;left:50%;transform:translate(-50%)}.played-north{top:0;left:50%;transform:translate(-50%)}.played-west{top:50%;left:0;transform:translateY(-50%)}.played-east{top:50%;right:0;transform:translateY(-50%)}.played.won .cardface{box-shadow:0 0 0 3px var(--amber)}.your-turn{color:var(--amber);white-space:nowrap;background:#00000080;border-radius:10px;padding:6px 12px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cardface{color:#1b1f3a;background:#f8f5ee;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:46px;height:64px;font-weight:800;display:inline-flex;box-shadow:0 2px 6px #0006}.cardface .rank,.cardface .suit{font-size:1.1rem;line-height:1}.suit-H .cardface,.cardface.suit-H,.suit-D .cardface,.cardface.suit-D{color:#c0263a}.hand{scrollbar-width:none;gap:4px;padding:8px 2px 4px;display:flex;overflow-x:auto}.hand::-webkit-scrollbar{display:none}.cardbtn{background:0 0;border:0;flex:none;padding:0;transition:transform .15s}.hand-active .cardbtn:not(.dim):active{transform:translateY(-8px)}.cardbtn.dim{opacity:.35}.hand-active .cardbtn:not(.dim) .cardface{box-shadow:0 0 0 2px var(--teal), 0 2px 6px #0006}.contract-select{border-radius:var(--radius);background:#00000059;padding:10px}.contract-select .offer{background:#1b1f3ae6}.linklike{color:inherit;font:inherit;text-align:left;background:0 0;border:0;padding:0}.trump-row{flex-wrap:wrap;gap:6px;display:flex}.center{text-align:center}.deal-summary{background:#1b1f3aeb}.quiz{border-radius:var(--radius);background:#1b1f3aeb;flex-direction:column;gap:10px;padding:12px;display:flex}.quiz-head{justify-content:space-between;font-weight:700;display:flex}.quiz-q{flex-direction:column;align-items:center;gap:4px;display:flex}.editor{background:var(--bg);outline:none;grid-template-columns:340px 1fr;display:grid;position:fixed;inset:0}.editor-side{border-right:1px solid #ffffff14;flex-direction:column;gap:10px;padding:12px;display:flex;overflow:auto}.editor-head{flex-direction:column;gap:4px;display:flex}.editor-tools{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.editor-items{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.editor-items li{background:var(--bg-2);border-radius:8px;align-items:center;gap:4px;display:flex}.editor-items li button:first-child{text-align:left;color:var(--text);font:inherit;background:0 0;border:0;flex:1;padding:8px 10px}.editor-items li .x{color:var(--muted);background:0 0;border:0;padding:0 10px;font-size:18px}.editor-items li.sel{outline:2px solid var(--amber)}.editor-items li.has{border-left:4px solid var(--teal)}.editor-items li.missing{border-left:4px solid var(--rose)}.editor-canvas{background:#000;position:relative}.editor-canvas .viewport{position:absolute;inset:0}.editor-overlay{pointer-events:none;position:absolute;top:0;left:0}.editor-overlay .vtx{pointer-events:auto;fill:var(--amber);stroke:#1b1f3a;stroke-width:2px;cursor:grab}.hs{fill:#3fd1c02e;stroke:var(--teal);stroke-width:3px;vector-effect:non-scaling-stroke}.hs-sel{fill:#f5b53f47;stroke:var(--amber)}.hs-draft{fill:none;stroke:var(--amber);stroke-width:3px;stroke-dasharray:8 6;vector-effect:non-scaling-stroke}.hs-label{fill:#fff;paint-order:stroke;stroke:#000;stroke-width:4px;text-anchor:middle;dominant-baseline:central;font-weight:700}.editor-close{position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.editor-badge{background:#1b1f3ae6;border-radius:10px;padding:6px 10px;position:absolute;top:12px;right:14px}.editor-list{max-width:720px}.level-title{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:6px 0 8px;font-size:.85rem}.unit-list,.scene-list{flex-direction:column;gap:10px;display:flex}.unit-card,.scene-card{border-radius:var(--radius);background:var(--card);color:var(--text);text-align:left;border:0;align-items:center;gap:12px;padding:12px 14px;display:flex}.unit-text{flex-direction:column;gap:2px;display:flex}.scene-card{background:var(--bg-2);border-left:4px solid var(--amber);flex-direction:column;align-items:flex-start;gap:2px}.unit-title,.scene-card-title{font-weight:700}.unit-sub,.scene-card-meta{font-size:.8rem}.ring-svg{flex:none}.link{color:var(--violet);font:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.code-big{letter-spacing:.08em;color:var(--amber);margin:4px 0;font-size:1.8rem;font-weight:900}.row-actions{flex-wrap:wrap;gap:8px;margin:8px 0;display:flex}.code-entry{gap:8px;margin-top:10px;display:flex}.code-entry input{min-width:0;font:inherit;background:var(--bg-2);color:var(--text);letter-spacing:.08em;text-transform:uppercase;border:0;border-radius:12px;flex:1;padding:12px}.preview{background:var(--bg-2);margin-top:10px}.note{color:var(--teal);font-size:.9rem}