.termo,.termo *,.termo *:before,.termo *:after{box-sizing:border-box}.termo{--ink: #f4f1ff;--ink-dim: #a99fd6;--panel: rgba(40, 30, 74, .7);--panel-brd: rgba(255, 255, 255, .1);--correct: #22c77e;--present: #ffb224;--absent: #3c3a63;--accent: #8b5cff;--gap: clamp(4px, 1.2vmin, 8px);color-scheme:dark;width:100%;min-width:0;max-width:460px;margin:0 auto;display:flex;flex-direction:column;gap:clamp(8px,2vmin,16px);color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent;user-select:none}.termo__hud{display:grid;grid-template-columns:minmax(0,auto) 1fr auto;align-items:center;gap:clamp(8px,2vmin,14px);min-width:0}.termo__brand{display:flex;align-items:center;gap:9px;min-width:0;overflow:hidden}.termo__logo{width:clamp(30px,7vmin,40px);height:clamp(30px,7vmin,40px);flex-shrink:0;display:grid;place-items:center;border-radius:11px;font-weight:900;font-size:clamp(16px,4vmin,22px);color:#fff;background:linear-gradient(145deg,var(--correct),#12a15f);box-shadow:inset 0 1px #fff6,0 4px 14px -4px #22c77eb3}.termo__title{display:flex;flex-direction:column;line-height:1;min-width:0}.termo__name{font-weight:800;font-size:clamp(17px,4.2vmin,22px);letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.termo__tag{font-size:clamp(9px,2.1vmin,11px);text-transform:uppercase;letter-spacing:.18em;color:var(--ink-dim);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.termo__scores{display:flex;justify-content:center;gap:clamp(6px,1.6vmin,12px);min-width:0}.termo__stat{min-width:0;padding:clamp(4px,1.2vmin,8px) clamp(7px,1.8vmin,11px);border-radius:12px;background:var(--panel);border:1px solid var(--panel-brd);display:flex;flex-direction:column;align-items:center;line-height:1}.termo__stat-label{font-size:clamp(8px,1.9vmin,10px);text-transform:uppercase;letter-spacing:.14em;color:var(--ink-dim);margin-bottom:5px}.termo__stat-value{font-weight:800;font-variant-numeric:tabular-nums;font-size:clamp(16px,4.4vmin,22px)}.termo__controls{display:flex;gap:6px;flex-shrink:0}.tbtn{width:clamp(34px,8vmin,42px);height:clamp(34px,8vmin,42px);display:grid;place-items:center;border-radius:12px;border:1px solid var(--panel-brd);background:var(--panel);color:var(--ink);cursor:pointer;transition:transform .12s ease}.tbtn svg{width:55%;height:55%}.tbtn:active{transform:scale(.92)}.tbtn--accent{background:linear-gradient(160deg,#9d78ff,#7c5cff);border-color:transparent;color:#fff;box-shadow:0 5px 16px -5px #7c5cffb3}.grid{display:flex;flex-direction:column;gap:var(--gap);align-items:center}.row{display:flex;gap:var(--gap)}.tile{width:clamp(38px,12.5vmin,58px);height:clamp(38px,12.5vmin,58px);display:grid;place-items:center;border-radius:10px;border:2px solid rgba(255,255,255,.12);background:#ffffff05;font-weight:800;font-size:clamp(20px,6.5vmin,30px);color:var(--ink);text-transform:uppercase}.tile--filled{border-color:#fff6;animation:tile-pop .12s ease-out}.tile--correct{background:var(--correct);border-color:transparent;color:#06231a}.tile--present{background:var(--present);border-color:transparent;color:#3a2600}.tile--absent{background:var(--absent);border-color:transparent;color:#cfcae8}.tile--reveal{animation:tile-flip .5s ease both}@keyframes tile-pop{0%{transform:scale(.9)}to{transform:scale(1)}}@keyframes tile-flip{0%{transform:rotateX(0)}50%{transform:rotateX(90deg)}to{transform:rotateX(0)}}.row--shake{animation:row-shake .4s ease}@keyframes row-shake{10%,90%{transform:translate(-3px)}30%,70%{transform:translate(5px)}50%{transform:translate(-7px)}}.termo__foot{min-height:1.4em;text-align:center}.banner{display:inline-block;font-size:clamp(12px,3.2vmin,15px);color:var(--ink)}.banner--win strong{color:var(--correct)}.banner--lose strong{color:var(--present);letter-spacing:.08em}.link{background:none;border:none;color:var(--accent);font:inherit;font-weight:700;cursor:pointer;padding:0;text-decoration:underline}.kb{display:flex;flex-direction:column;gap:clamp(5px,1.4vmin,9px);margin-top:auto}.kb__row{display:flex;justify-content:center;gap:clamp(3px,1vmin,6px)}.key{flex:1 1 0;min-width:0;max-width:clamp(30px,9vmin,44px);height:clamp(42px,12vmin,56px);display:grid;place-items:center;border:none;border-radius:9px;background:#4a4570;color:var(--ink);font-weight:800;font-size:clamp(13px,3.6vmin,17px);cursor:pointer;transition:transform .08s ease,filter .12s ease}.key:active{transform:scale(.9)}.key--wide{max-width:none;flex:1.6 1 0;font-size:clamp(10px,2.8vmin,13px)}.key--correct{background:var(--correct);color:#06231a}.key--present{background:var(--present);color:#3a2600}.key--absent{background:#2a2846;color:#7b76a0}@media(prefers-reduced-motion:reduce){.tile--reveal,.tile--filled{animation:none}}.termo-atrium{box-sizing:border-box;min-height:100%;width:100%;display:flex;align-items:center;justify-content:center;padding:clamp(8px,2vmin,20px);background:radial-gradient(85% 55% at 50% 0%,#2a1e52 0%,transparent 55%),radial-gradient(90% 60% at 50% 100%,#1a1140 0%,transparent 60%),#120c26}