.tv{--u:min(1vh, .5625vw);--ring:var(--accent);box-sizing:border-box;gap:calc(var(--u) * 2);min-height:100vh;padding:calc(var(--u) * 3) calc(var(--u) * 4);background:var(--bg);color:var(--fg);font-family:var(--font-ui);font-size:max(16px, calc(var(--u) * 3.2));grid-template-rows:auto minmax(0,1fr);line-height:1.25;display:grid}@media (aspect-ratio>=4/3) and (width>=700px){.tv{height:100vh;overflow:hidden}}.tv-top{align-items:center;gap:calc(var(--u) * 2.5);min-height:calc(var(--u) * 9);display:flex}.tv-badge{align-items:center;gap:calc(var(--u) * 1.5);font-weight:800;display:inline-flex}.tv-badge-number{width:calc(var(--u) * 7);height:calc(var(--u) * 7);background:var(--accent);color:var(--accent-fg);font-size:calc(var(--u) * 4);border-radius:50%;place-items:center;display:inline-grid}.tv-badge-title{color:var(--muted);font-size:calc(var(--u) * 2.6)}.tv-top-end{align-items:center;gap:calc(var(--u) * 2);margin-left:auto;display:flex}.tv-top .wa-chip-button{min-height:calc(var(--u) * 7);font-size:max(14px, calc(var(--u) * 2.4))}.tv-pips{gap:calc(var(--u) * .8);display:inline-flex}.tv-pips svg{width:calc(var(--u) * 4.5);height:calc(var(--u) * 4.5)}.tv-main{gap:calc(var(--u) * 3);grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);min-height:0;display:grid}.tv-stage{align-content:center;place-items:center;gap:calc(var(--u) * 3);min-height:0;padding:calc(var(--u) * 3);border-radius:calc(var(--u) * 3);background:var(--bg-soft);display:grid;position:relative;overflow:hidden}.tv-panel{align-content:start;align-items:start;gap:calc(var(--u) * 2.5);grid-auto-rows:auto;min-height:0;display:grid}@media (aspect-ratio<=1),(width<=700px){.tv{--u:min(1.4vw, 1vh)}.tv-main{grid-template-columns:minmax(0,1fr)}}.tv-btn{justify-content:center;align-items:center;gap:calc(var(--u) * 1.2);min-width:max(48px, calc(var(--u) * 11));min-height:max(48px, calc(var(--u) * 11));padding:0 calc(var(--u) * 2.5);border:calc(var(--u) * .6) solid var(--border);border-radius:calc(var(--u) * 2.5);background:var(--bg);color:var(--fg);font:800 calc(var(--u) * 5) / 1 var(--font-ui);cursor:pointer;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-flex}.tv-btn svg{width:calc(var(--u) * 6);height:calc(var(--u) * 6)}.tv-btn.small{min-width:max(44px, calc(var(--u) * 8));min-height:max(44px, calc(var(--u) * 8));font-size:calc(var(--u) * 3.5)}.tv-btn.small svg{width:calc(var(--u) * 4.5);height:calc(var(--u) * 4.5)}.tv-btn.go{border-color:var(--accent);background:var(--accent);color:var(--accent-fg)}.tv :is(.tv-btn,.tv-card,.tv-tile:not([data-locked]),.number-pad-key,.wa-chip-button):is(:hover,:focus-visible){outline:calc(var(--u) * .7) solid var(--ring);outline-offset:calc(var(--u) * .5);box-shadow:0 0 0 calc(var(--u) * 1.6) color-mix(in srgb, var(--ring) 25%, transparent);transform:scale(1.06)}.tv :is(.tv-btn,.tv-card,.number-pad-key):active{transform:scale(.97)}.tv-row{justify-content:center;gap:calc(var(--u) * 2.5);flex-wrap:wrap;display:flex}.tv-cards{justify-content:center;gap:calc(var(--u) * 2.5);display:flex}.tv-card{width:calc(var(--u) * 17);height:calc(var(--u) * 17);border:calc(var(--u) * .6) solid var(--border);border-radius:calc(var(--u) * 3);background:var(--bg);color:var(--fg);font:800 calc(var(--u) * 10) / 1 var(--font-ui);cursor:pointer;place-items:center;transition:transform .12s;display:grid;position:relative}.tv-card[data-state=wrong]{border-color:var(--danger);color:var(--muted);text-decoration:line-through;text-decoration-thickness:calc(var(--u) * .8);animation:.36s tv-shake}.tv-card[data-state=right]{border-color:var(--success);background:var(--success);color:#fff}.tv-card[data-state=idle]{opacity:.4}.tv-card-mark{top:calc(var(--u) * -2);right:calc(var(--u) * -2);width:calc(var(--u) * 6);height:calc(var(--u) * 6);background:var(--danger);color:#fff;font-size:calc(var(--u) * 3.5);border-radius:50%;place-items:center;text-decoration:none;display:grid;position:absolute}.tv-card[data-state=right] .tv-card-mark{color:var(--success);background:#fff}.tv .tv-pad-answer .quiz-entry{--pad-key:calc(var(--u) * 9);--quiz-line:calc(var(--u) * .5);justify-items:center;gap:calc(var(--u) * 1.5)}.tv .quiz-tried{font-size:calc(var(--u) * 3);justify-content:center}.tv-guide{align-items:end;gap:calc(var(--u) * 1.5);grid-template-columns:auto minmax(0,1fr);display:grid}.tv-bubble{justify-items:start;gap:calc(var(--u) * 1);min-height:calc(var(--u) * 12);padding:calc(var(--u) * 1.8) calc(var(--u) * 2.5);border:calc(var(--u) * .5) solid var(--border);border-radius:calc(var(--u) * 3);background:var(--bg);display:grid;position:relative}.tv-bubble:before{content:"";left:calc(var(--u) * -2.6);bottom:calc(var(--u) * 3);border:calc(var(--u) * 1.2) solid transparent;border-right:calc(var(--u) * 2) solid var(--border);position:absolute}.tv-bubble-big{align-items:center;gap:calc(var(--u) * 1.5);font-size:calc(var(--u) * 7);font-weight:800;line-height:1;display:flex}.tv-caption{color:var(--muted);font-size:max(14px, calc(var(--u) * 2.4));margin:0;font-weight:600}@keyframes tv-shake{20%{transform:translateX(calc(var(--u) * -1.5))}40%{transform:translateX(calc(var(--u) * 1.5))}60%{transform:translateX(calc(var(--u) * -1))}80%{transform:translateX(calc(var(--u) * 1))}}@keyframes tv-pulse{50%{opacity:.25}}@keyframes tv-pop{0%{transform:scale(0)}}@media (prefers-reduced-motion:reduce){.tv *,.tv :before,.tv :after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.tv .visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tv-cover-wrap{place-items:center;width:100%;display:grid;position:relative}.tv-cover{border-radius:calc(var(--u) * 3);background:repeating-linear-gradient(135deg, var(--ten) 0 calc(var(--u) * 3), var(--ten-edge) calc(var(--u) * 3) calc(var(--u) * 6));opacity:0;transition:transform .45s,opacity .45s;position:absolute;inset:-2% 4%;transform:translateY(-115%)}.tv-cover[data-on]{opacity:1;transform:none}.tv-target{min-width:calc(var(--u) * 11);padding:0 calc(var(--u) * 1.5);border:calc(var(--u) * .6) dashed var(--accent);border-radius:calc(var(--u) * 2);place-items:center;display:inline-grid}.tv-eq-hint{color:var(--accent)}.tv-btn:disabled{opacity:.35;cursor:default}.tv-done-stars{justify-content:center;gap:calc(var(--u) * 2);flex-wrap:wrap;display:flex}.tv-done-stars svg{width:calc(var(--u) * 16);height:calc(var(--u) * 16);animation:.4s ease-out backwards tv-pop}.tv-done-stars svg:nth-child(2){animation-delay:.12s}.tv-done-stars svg:nth-child(3){animation-delay:.24s}.tv-done-stars svg:nth-child(4){animation-delay:.36s}.tv-done-stars svg:nth-child(5){animation-delay:.48s}.tv-done-stars svg:nth-child(6){animation-delay:.6s}.tv-bubble-big svg{width:calc(var(--u) * 7);height:calc(var(--u) * 7)}.tv-stage-corner{z-index:2;top:calc(var(--u) * 2.5);right:calc(var(--u) * 2.5);position:absolute}.tv-row-tight{align-items:center;gap:calc(var(--u) * 4)}.tv-answer-wait{min-height:calc(var(--u) * 17)}.tv-build{justify-items:center;gap:calc(var(--u) * 1.5);display:grid}.tv-build-row{justify-content:center;gap:calc(var(--u) * 1.5);display:flex}.tv-build .tv-caption:empty{display:none}.tv-build-mark{align-items:center;gap:calc(var(--u) * 1);display:inline-flex}.tv-btn[data-ready]{border-color:var(--accent);animation:.9s ease-in-out infinite tv-bounce}.tv-map-title{font-size:calc(var(--u) * 4.5);margin:0;font-weight:800}.tv-worlds{--t:calc(var(--u) * var(--tile-scale,1));align-content:space-evenly;gap:calc(var(--u) * 3);min-height:0;display:grid}.tv-world{grid-template-columns:calc(var(--u) * 22) minmax(0, 1fr);align-items:center;gap:calc(var(--u) * 3);display:grid}@media (aspect-ratio<=1),(width<=700px){.tv-world{grid-template-columns:minmax(0,1fr)}}.tv-world-title{align-items:flex-start;gap:calc(var(--u) * 1);color:var(--muted);font-size:calc(var(--u) * 3);flex-direction:column;margin:0;font-weight:800;display:flex}.tv-world-number{width:calc(var(--u) * 5);height:calc(var(--u) * 5);background:var(--fg);color:var(--bg);border-radius:50%;place-items:center;display:inline-grid}.tv-tiles{gap:calc(var(--u) * 3);flex-wrap:wrap;display:flex}.tv-tile{align-content:center;justify-items:center;gap:calc(var(--u) * .8);width:calc(var(--t) * 24);height:calc(var(--t) * 21);border:calc(var(--u) * .6) solid var(--border);border-radius:calc(var(--u) * 3);background:var(--bg-soft);color:var(--fg);text-decoration:none;transition:transform .12s;display:grid;position:relative}.tv-tile[data-next]{border-color:var(--accent);animation:1.6s ease-in-out infinite tv-bounce}.tv-tile[data-done]{border-color:var(--success)}.tv-tile[data-locked]{background:var(--bg);color:var(--muted);border-style:dashed}.tv-tile[data-locked] .tv-tile-number{background:var(--border);color:var(--fg)}.tv-tile-lock{width:calc(var(--t) * 17);min-height:calc(var(--t) * 12);place-items:center;display:grid}.tv-tile-lock svg{width:calc(var(--t) * 9);height:auto}.tv-tile[data-done]:after{content:none}.tv-tile-number{top:calc(var(--u) * -2);left:calc(var(--u) * -2);width:calc(var(--u) * 7);height:calc(var(--u) * 7);background:var(--accent);color:var(--accent-fg);font-size:calc(var(--u) * 4);border-radius:50%;place-items:center;font-weight:800;display:grid;position:absolute}.tv-tile[data-done] .tv-tile-number{background:var(--success)}.tv-tile-icon{width:calc(var(--t) * 17);height:auto}.tv-tile-stars{gap:calc(var(--u) * .4);min-height:calc(var(--t) * 3.5);display:flex}.tv-tile-stars svg{width:calc(var(--t) * 3.5);height:calc(var(--t) * 3.5)}@keyframes tv-bounce{50%{transform:translateY(calc(var(--u) * -1.2))}}.tv-locked{width:100%;height:100%;color:var(--muted);place-items:center;display:grid}.tv-locked svg{width:calc(var(--u) * 20);height:auto}
