.tb-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (min-width:720px){.tb-grid{grid-template-columns:1fr 1fr}}.tb-card{text-align:left;font:inherit;aspect-ratio:16/9;-webkit-appearance:none;background:0 0;border:0;width:100%;padding:0}.tb-card .topic-label b{font-size:22px}.tb-card .topic-label span{font:500 12.5px/1.35 var(--font);opacity:.92;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:5px;display:-webkit-box;overflow:hidden}.tb-card.current .holo-in{box-shadow:0 30px 60px -24px #000000d9,inset 0 0 0 2px #ffffffb3}.tb-card:after{content:"";border-radius:0 0 var(--r-lg) var(--r-lg);z-index:2;pointer-events:none;background:linear-gradient(#0000,#06060ad9);height:60%;position:absolute;bottom:0;left:0;right:0}.tb-own{aspect-ratio:16/9;text-align:left;min-height:120px;font:inherit;color:var(--fg);cursor:pointer;box-shadow:inset 0 0 0 1.5px var(--line-2);transition:transform .5s var(--spring), box-shadow .3s;background:0 0;border:0;flex-direction:column;justify-content:center;gap:6px;padding:20px;display:flex}.tb-own b{letter-spacing:-.02em;font-size:20px}.tb-own span{color:var(--dim);max-width:34ch;font-size:13.5px;line-height:1.4}.tb-own:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1.5px #fff6}.tb-own:active{transform:scale(.98)}.tb-hero{aspect-ratio:16/8}.tb-title{letter-spacing:-.025em;text-wrap:balance;font-size:clamp(21px,5.4vw,30px);line-height:1.15}.def{animation:rise .5s var(--ease-out) both;align-items:flex-start;gap:6px;display:flex}.def .btn-icon{--bh:44px;margin-top:2px}.tb-hints{flex-direction:column;gap:10px;display:flex}.tb-hint{grid-template-columns:1fr auto;align-items:start;gap:4px 10px;font-size:13.5px;line-height:1.35;display:grid}.tb-hint .bad{color:#ff8f8f;grid-column:1/-1;-webkit-text-decoration:line-through #ff8f8f73;text-decoration:line-through #ff8f8f73}.tb-hint i{display:none}.tb-hint .good{all:unset;box-sizing:border-box;cursor:pointer;border-radius:var(--r-sm);color:var(--ok);min-height:44px;transition:transform .4s var(--spring);background:#4fe3a112;grid-column:1/-1;padding:10px 12px;box-shadow:inset 0 0 0 1px #4fe3a14d}.tb-hint .good:before{content:"→ ";opacity:.7}.tb-hint .good:active{transform:scale(.98)}.tb-forbid{border-left:2px solid #ffd16699;padding-left:12px}.tb-err{color:var(--danger)}.tb-ready.done{border-radius:var(--r-pill);background:var(--chrome-grad);color:#0a0910;animation:arrive .8s var(--spring);justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;font-weight:700;display:flex}.tb-ready.done .btn-text{color:#3a3d4e}