.tut{margin-top:8px}.tut-tabs{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:16px}.tut-tab{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 16px 0 6px;border-radius:var(--r-pill);border:1px solid var(--line);background:var(--surface);color:var(--text-2);font:700 14px var(--f-head);cursor:pointer;transition:.15s}.tut-tab span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--inset);color:var(--muted);font-size:12.5px}.tut-tab:hover{color:var(--text);border-color:#33405a}.tut-tab.active{color:#fff3c4;border-color:#f5c54273;background:#f5c54214}.tut-tab.active span{background:var(--gold);color:var(--ink-warm)}.tut-tab:focus-visible{outline:none;box-shadow:var(--gold-ring)}.tut-frame{max-width:min(1000px,calc((100svh - 400px)*1.6));margin:0 auto;border-radius:var(--r-2xl);padding:10px;background:linear-gradient(180deg,#2a1d10,#170f08);box-shadow:0 30px 60px -30px #000c,inset 0 1px #ffffff14}.tut-table{position:relative;width:100%;aspect-ratio:16 / 10;min-height:340px;overflow:hidden;border-radius:calc(var(--r-2xl) - 6px);background:var(--felt-glow);box-shadow:inset 0 0 0 1px #0006,inset 0 0 60px #00000073;--tcw: 54px}.tut-table:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--noise);opacity:.08;mix-blend-mode:overlay;pointer-events:none}.tut-table .pcard{--cw: var(--tcw)}.tcard-el,.tut-deck,.tut-trump,.tut-seat{position:absolute;left:0;top:0;will-change:transform}.tcard-el{transition:transform .45s var(--ease),opacity .35s ease,box-shadow .2s,filter .2s}.tut-seat,.tut-deck,.tut-trump{transition:transform .45s var(--ease),opacity .3s}.tut-table.instant .tcard-el,.tut-table.instant .tut-seat,.tut-table.instant .tut-deck,.tut-table.instant .tut-trump{transition:none}.pcard.back{background:repeating-linear-gradient(45deg,#23345a 0,#23345a 5px,#1a2846 5px,#1a2846 10px);border-color:#ffffff2e}.pcard.back>*{display:none}.tcard-el.gone{opacity:0;pointer-events:none}.tcard-el.mark{box-shadow:0 0 0 2px var(--gold),0 8px 18px #00000080}.tcard-el.win{box-shadow:0 0 0 3px var(--gold),0 0 24px #f5c54280}.tcard-el.lose{filter:brightness(.82)}.tcard-el.dim{filter:brightness(.55) saturate(.6)}.tcard-el.pick{cursor:pointer;box-shadow:0 0 0 2px var(--blue),0 8px 18px #00000080}.tcard-el.pick:hover{box-shadow:0 0 0 3px #9cc0ff,0 10px 22px #0000008c}.tcard-el.trumpcard:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border:1.5px dashed rgba(178,58,72,.7);border-radius:inherit}.pcard.joker{color:#8a6a25;background:linear-gradient(157deg,#fffdf2,#f8edc8 55%,#e8d49a)}.pcard.joker .jk{position:absolute;bottom:6%;left:0;right:0;text-align:center;font-size:calc(var(--cw) * .14);letter-spacing:.04em}.tut-deck{width:var(--tcw);height:calc(var(--tcw) * 1.42)}.tut-deck .pcard{position:absolute;left:0;top:0}.tut-deck .pcard:nth-child(2){transform:translate(2px,-2px)}.tut-deck .pcard:nth-child(3){transform:translate(4px,-4px)}.tut-deck.hidden,.tut-trump.hidden,.tut-seat.hidden{opacity:0;pointer-events:none}.tut-trump{display:flex;flex-direction:column;align-items:center;gap:6px}.tut-trump.chip-only{align-items:flex-end}.tut-trump-card{display:flex;gap:6px}.tut-trump .chip{background:#00000059;color:var(--text);white-space:nowrap}.tut-trump .chip b[data-suit=h],.tut-trump .chip b[data-suit=d]{color:#ff7a7f}.tut-seat{display:flex;align-items:center;gap:6px;white-space:nowrap;padding:3px 9px;border-radius:var(--r-pill);background:#05140e8c;border:1px solid rgba(255,255,255,.08);font:600 13px var(--f-head);color:var(--text-2);z-index:80;pointer-events:none}.tut-seat b{color:var(--text);font-weight:800}.tut-seat .tag{font-size:11.5px;padding:1px 7px;border-radius:var(--r-pill);background:#ffffff14;color:var(--text-2)}.tut-seat .tag.bid{background:#4f8cff2e;color:#cfe0ff}.tut-seat.active{border-color:#f5c54299;box-shadow:0 0 16px #f5c54240}.tut-order{position:absolute;left:0;top:0;opacity:0;pointer-events:none;transition:opacity .35s;z-index:2}.tut-order.show{opacity:1}.tut-order svg{width:100%;height:100%;overflow:visible;transform-origin:50% 50%}.tut-order path:not(marker path){fill:none;stroke:var(--gold);stroke-width:2.2;stroke-linecap:round;stroke-dasharray:4 5;marker-end:url(#tut-arrow);opacity:.85}.tut-order marker path{fill:var(--gold)}.tut-order.show svg{animation:tut-spin 6s linear infinite}@keyframes tut-spin{to{transform:rotate(360deg)}}.tut-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:120;background:#040e0a8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .3s}.tut-overlay.show{opacity:1;pointer-events:auto}.tut-table.small .pcard.joker .jk{display:none}.tut-overlay .tut-score{width:auto;max-width:92%;margin:0;border-collapse:collapse;background:var(--paper);color:var(--suit-dark);border-radius:var(--r-md);overflow:hidden;box-shadow:0 18px 40px #00000080;font:600 15px var(--f-body);min-width:min(320px,86%)}.tut-score th,.tut-score td{padding:8px 16px;text-align:center;border:0;background:none;color:var(--suit-dark);font:600 15px var(--f-body);text-transform:none;letter-spacing:0}.tut-score thead th{font:700 11.5px var(--f-head);letter-spacing:.1em;text-transform:uppercase;color:#6d6656;background:var(--paper-edge)}.tut-score tbody th{text-align:left;font-weight:800}.tut-score td:last-child{font-weight:800}.tut-score tbody tr+tr{border-top:1px solid rgba(0,0,0,.08)}.tut-score .pos{color:var(--pos-paper);font-weight:800}.tut-score .neg{color:var(--suit-red-deep);font-weight:800}.tut-caption{min-height:6.6em;margin:14px auto 0;max-width:760px;font-size:17px;line-height:1.55;color:var(--text);text-align:left}.tut-caption p{margin:0}.tut-caption p+p{margin-top:8px}.tut-caption .tut-ask{color:#bcd4ff;font-weight:600}.tut-caption .tut-verdict{font:700 14px var(--f-head)}.tut-caption .tut-verdict.right{color:var(--green)}.tut-caption .tut-verdict.wrong{color:var(--gold)}.tut-caption .tut-think{display:inline-flex;align-items:center;gap:6px;margin-bottom:6px;padding:2px 10px 2px 7px;border-radius:var(--r-pill);background:#ffffff12;color:var(--text-2);font:700 12.5px var(--f-head);letter-spacing:.02em}.tut-caption .tut-note{color:var(--muted);font-size:.88em}.tut-think-ico{width:16px;height:16px;fill:currentColor;flex:none}.tut-seat .tut-bubble{display:inline-flex;color:#fff3c4;animation:tut-bob 1.6s ease-in-out infinite}.tut-seat .tut-bubble .tut-think-ico{width:15px;height:15px}@keyframes tut-bob{50%{transform:translateY(-2px)}}.tut-caption .tut-cta{margin-top:14px}.tcard{display:inline-block;padding:0 5px;margin:0 1px;border-radius:5px;background:var(--paper);color:var(--suit-dark);font:800 .88em var(--f-head);line-height:1.45;vertical-align:.05em;white-space:nowrap}.tcard[data-suit=h],.tcard[data-suit=d]{color:var(--suit-red)}.tut-controls{display:flex;align-items:center;gap:10px;max-width:760px;margin:12px auto 0}.tut-controls .btn{height:42px}.tut-controls [data-tut=next]{margin-left:auto;min-width:140px}.tut-controls [data-tut=auto].on{border-color:#f5c54280;color:#fff3c4}.tut-progress{position:relative;flex:1;text-align:center;font:600 12.5px var(--f-head);color:var(--muted);padding-bottom:8px;--p: 0}.tut-progress:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--gold) calc(var(--p) * 100%),var(--line) 0)}@media(max-width:640px){.tut-frame{max-width:none;padding:6px;border-radius:var(--r-xl);margin:0 -6px}.tut-table{aspect-ratio:4 / 5;min-height:0}.tut-tab{height:34px;font-size:13px;padding-right:12px}.tut-caption{font-size:16px;min-height:8em}.tut-controls{flex-wrap:wrap}.tut-progress{order:-1;flex-basis:100%}.tut-controls [data-tut=next]{flex:1}.tut-seat{font-size:12px;padding:2px 7px}.tut-seat .tag{font-size:10.5px;padding:0 5px}}@media(prefers-reduced-motion:reduce){.tcard-el,.tut-seat,.tut-deck,.tut-trump,.tut-overlay,.tut-order{transition:none}.tut-order.show svg,.tut-seat .tut-bubble{animation:none}}.tut-summary-title{margin:56px 0 18px;text-align:center;font:800 clamp(20px,3vw,26px) var(--f-display);color:var(--text)}