.ht-root{--sp-1:clamp(2px,0.3dvh,4px);--sp-2:clamp(3px,0.7dvh,8px);--sp-3:clamp(5px,1dvh,12px);--sp-4:clamp(7px,1.4dvh,16px);--sp-5:clamp(8px,1.8dvh,20px);--sp-6:clamp(10px,2.2dvh,24px);--sp-8:clamp(12px,2.6dvh,28px);--sp-10:clamp(14px,3dvh,36px);--sp-12:clamp(16px,3.6dvh,44px);--sp-16:clamp(18px,4.4dvh,56px);--sp-20:clamp(20px,5.2dvh,72px);--ht-success:#3ecf8e;--ht-success-glow:rgba(62,207,142,0.12);--ht-success-border:rgba(62,207,142,0.35);--ht-danger:#ff5c72;--ht-danger-glow:rgba(255,92,114,0.12);--ht-danger-border:rgba(255,92,114,0.35);--ht-info:#5b9dff;--ht-info-glow:rgba(91,157,255,0.12);--ht-house:var(--accent);--ht-house-glow:var(--accent-glow);--ht-house-border:rgba(192,57,43,0.4);--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-spring:cubic-bezier(0.16,1,0.3,1);--ht-text-heading:clamp(1.3rem,2.6vw + 1.6dvh,1.9rem);--ht-text-body:clamp(1.05rem,0.7vw + 1.3dvh,1.2rem);height:100dvh;overflow:hidden;background:var(--bg);color:var(--text);padding-top:68px;display:flex;flex-direction:column}.ht-root,.ht-root *{box-sizing:border-box}@media (prefers-reduced-motion:reduce){.ht-root,.ht-root *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.ht-header{position:relative;flex:none;z-index:40;background:rgba(9,9,9,.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);padding:var(--sp-3) var(--sp-6)}.ht-progress-track{position:absolute;left:0;right:0;bottom:-1px;height:3px;overflow:hidden;background:transparent}.ht-progress-fill{height:100%;width:100%;background:var(--accent);transform-origin:left center;transform:scaleX(0);transition:transform .5s var(--ease-out)}.ht-body{flex:1 1;flex-direction:row}.ht-body,.ht-content{min-height:0;overflow:hidden;display:flex}.ht-content{flex:1 1;flex-direction:column}.ht-section-header{flex:none;display:flex;align-items:baseline;gap:var(--sp-3);padding:var(--sp-3) var(--sp-6) 0;max-width:900px;width:100%;margin:0 auto}.ht-section-header-num{font-family:var(--fm);font-size:.8rem;font-weight:600;color:var(--accent);font-feature-settings:"tnum"}.ht-section-header-title{font-family:var(--fb);font-size:.8rem;font-weight:600;color:var(--text2);text-transform:uppercase;letter-spacing:.14em}.ht-header-inner{max-width:900px;margin:0 auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:var(--sp-5);gap:var(--sp-5)}.ht-back{display:inline-flex;align-items:center;gap:var(--sp-2);color:var(--text2);text-decoration:none;font-size:.86rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;transition:color .15s;flex-shrink:0}.ht-back:hover{color:var(--text)}.ht-nav-toggle{display:none;gap:var(--sp-2);background:var(--card);border:1px solid var(--border2);border-radius:999px;color:var(--text);font-family:var(--fb);font-size:.86rem;font-weight:600;cursor:pointer;padding:var(--sp-2) var(--sp-4);transition:background .15s,border-color .15s,transform .12s;min-width:0;max-width:100%}.ht-nav-toggle,.ht-nav-toggle-num{align-items:center;justify-content:center}.ht-nav-toggle-num{flex-shrink:0;display:inline-flex;width:18px;height:18px;border-radius:50%;background:var(--accent-glow);color:var(--accent);font-family:var(--fm);font-size:.7rem;font-feature-settings:"tnum"}.ht-nav-toggle-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ht-nav-toggle-chevron{flex-shrink:0;color:var(--text3);font-size:.7em}.ht-nav-toggle:hover{background:var(--card2);border-color:var(--text3)}.ht-nav-toggle:active{transform:scale(.97)}.ht-nav-toggle:focus-visible{outline:2px solid var(--ht-info);outline-offset:2px}.ht-sidenav{flex:none;width:208px;display:flex;flex-direction:column;gap:2px;padding:var(--sp-4) var(--sp-3);background:var(--bg2);border-right:1px solid var(--border);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}.ht-sidenav-item{display:flex;align-items:baseline;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--r);background:none;border:none;cursor:pointer;text-align:left;color:var(--text2);transition:background .15s,color .15s}.ht-sidenav-item:hover{background:rgba(255,255,255,.04);color:var(--text)}.ht-sidenav-item:focus-visible{outline:2px solid var(--ht-info);outline-offset:-2px}.ht-sidenav-item[data-state=current]{background:var(--accent-glow);color:var(--text)}.ht-sidenav-num{flex-shrink:0;font-family:var(--fm);font-size:.76rem;color:var(--text2);font-feature-settings:"tnum"}.ht-sidenav-item[data-state=current] .ht-sidenav-num{color:var(--accent)}.ht-sidenav-text{font-size:.9rem;font-weight:600;line-height:1.3}.ht-sidenav-scrim{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:55}.ht-score-chip{display:flex;align-items:center;gap:var(--sp-3);font-family:var(--fm);font-size:.86rem;color:var(--text2);flex-shrink:0;font-feature-settings:"tnum"}.ht-score-chip strong{color:var(--gold);font-weight:600}.ht-streak{display:inline-flex;align-items:center;gap:3px;color:var(--ht-danger)}.ht-chapter{max-width:900px;width:100%;margin:0 auto;padding:var(--sp-6);flex:1 1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;background-color:var(--bg);background-image:linear-gradient(var(--bg) 30%,transparent),linear-gradient(transparent,var(--bg) 70%),radial-gradient(farthest-side at 50% 0,rgba(255,255,255,.16),transparent),radial-gradient(farthest-side at 50% 100%,rgba(255,255,255,.16),transparent);background-repeat:no-repeat;background-position:top,bottom,top,bottom;background-size:100% 32px,100% 32px,100% 12px,100% 12px;background-attachment:local,local,scroll,scroll;display:flex;flex-direction:column;justify-content:flex-start}.ht-body-text{font-size:var(--ht-text-body);color:var(--text);line-height:1.8;font-weight:300;max-width:62ch}.ht-body-text strong{color:var(--text);font-weight:600}.ht-chapter-line{font-family:var(--fb);font-weight:700;font-size:var(--ht-text-heading);line-height:1.4;letter-spacing:-.01em;max-width:46ch;margin:0 0 var(--sp-6);animation:ht-slide-in .64s var(--ease-spring) both}.ht-slide{max-width:560px;width:100%;margin:0 auto;padding:var(--sp-6);overflow:hidden;text-align:center}.ht-slide,.ht-slide-body{flex:1 1;min-height:0;display:flex;flex-direction:column}.ht-slide-body{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;background-color:var(--bg);background-image:linear-gradient(var(--bg) 30%,transparent),linear-gradient(transparent,var(--bg) 70%),radial-gradient(farthest-side at 50% 0,rgba(255,255,255,.16),transparent),radial-gradient(farthest-side at 50% 100%,rgba(255,255,255,.16),transparent);background-repeat:no-repeat;background-position:top,bottom,top,bottom;background-size:100% 32px,100% 32px,100% 12px,100% 12px;background-attachment:local,local,scroll,scroll;align-items:center;justify-content:safe center;container-type:inline-size}.ht-slide-eyebrow{font-size:.82rem;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.14em;margin-bottom:var(--sp-4)}.ht-rule-icon{width:clamp(72px,15dvh,112px);height:clamp(72px,15dvh,112px);margin:0 auto var(--sp-4);display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--ht-house-glow);border:1px solid var(--ht-house-border);color:var(--ht-house)}.ht-rule-icon svg{width:46%;height:46%}.ht-slide-visual{--card-w:clamp(64px,13dvh,130px);width:100%;display:flex;align-items:center;justify-content:center;margin-bottom:var(--sp-8);border-radius:var(--rl);animation:ht-slide-in .64s var(--ease-spring) both}.ht-slide-line{font-family:var(--fb);font-size:var(--ht-text-heading);font-weight:700;line-height:1.35;letter-spacing:-.01em;max-width:32ch;margin:0 0 var(--sp-6);animation:ht-slide-in .64s var(--ease-spring) 90ms both}.ht-slide-visual:has(.ht-card-grid)+.ht-slide-line{font-size:clamp(.85rem,1.9vw + 1.4dvh,1.9rem);font-weight:600}.ht-recap-heading{color:#fff}.ht-slide-actions{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-3);flex-shrink:0;padding-top:var(--sp-4);animation:ht-slide-in .64s var(--ease-spring) .16s both}.ht-slide-actions .ht-btn{flex:1 1 180px;max-width:260px}.ht-btn-continue{min-width:min(180px,100%)}@keyframes ht-slide-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.ht-slide-line,.ht-slide-next,.ht-slide-visual{animation:none}}@media (max-width:640px){.ht-slide{padding:var(--sp-4)}}.ht-hook{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;max-width:560px;margin:0 auto}.ht-hook-title{margin:0 0 var(--sp-4);font-family:var(--fb);font-weight:700;font-size:var(--ht-text-heading);letter-spacing:-.02em;line-height:1.2;color:var(--text);animation:ht-slide-in .64s var(--ease-spring) both}.ht-hook-title em{display:block;font-style:italic;color:var(--accent)}.ht-hook-title-line{display:block}.ht-hook-lede{margin:0 0 var(--sp-8);max-width:42ch;font-family:var(--fb);font-weight:300;font-size:var(--ht-text-body);line-height:1.6;color:var(--text);animation:ht-slide-in .64s var(--ease-spring) 60ms both}.ht-hook-visual{width:100%;align-items:center;animation:ht-slide-in .64s var(--ease-spring) .12s both}.ht-hook-chips,.ht-hook-visual{display:flex;justify-content:center}.ht-hook-chips{gap:var(--sp-4);flex-wrap:wrap}.ht-hook-chip{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);padding:var(--sp-4);min-width:84px;background:var(--card);border:1px solid var(--border);border-radius:var(--r)}.ht-hook-chip-icon{width:30px;height:30px;display:flex;align-items:center;justify-content:center}.ht-hook-chip-icon svg{width:100%;height:100%}.ht-hook-chip-dot{width:30px;height:30px;border-radius:50%}.ht-hook-chip-label{font-family:var(--fb);font-size:.85rem;font-weight:600;color:var(--text2);text-align:center;white-space:nowrap}.ht-hook-chips-equal>.ht-hook-chip{flex:1 1;min-width:0}.ht-hook-chips-equal .ht-hook-chip-label{white-space:normal}.ht-welcome{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;max-width:640px;margin:0 auto}.ht-welcome:before{content:"";position:absolute;top:-10%;left:50%;width:min(420px,90vw);height:min(420px,90vw);transform:translateX(-50%);background:radial-gradient(circle,var(--accent-glow) 0,transparent 70%);pointer-events:none;z-index:-1}.ht-welcome-title{margin:0 0 var(--sp-4);font-family:var(--fb);font-weight:700;font-size:var(--ht-text-heading);letter-spacing:-.02em;line-height:1.2;color:var(--text)}.ht-welcome-title-accent{display:block;font-style:italic;color:var(--accent)}.ht-welcome-lede{margin:0 0 var(--sp-5);max-width:46ch;font-family:var(--fb);font-weight:300;font-size:var(--ht-text-body);line-height:1.6;color:var(--text)}.ht-welcome-demo{display:flex;align-items:center;justify-content:center;gap:var(--sp-4);width:100%;padding:var(--sp-4) var(--sp-5);margin-bottom:var(--sp-5);background:var(--card);border:1px solid var(--border);border-radius:var(--rl);overflow:hidden;animation:ht-slide-in .64s var(--ease-spring) 80ms both}.ht-welcome-demo-cards{display:flex;align-items:flex-end}.ht-welcome-demo-card{--card-w:clamp(34px,6vw,64px);width:var(--card-w);aspect-ratio:142.2/232.1;border-radius:8px;box-shadow:0 10px 22px rgba(0,0,0,.45);transform:rotate(var(--r,0deg)) translateY(calc(var(--lift, 0) * -10px));margin-left:calc(var(--card-w) * -.28)}.ht-welcome-demo-card:first-child{margin-left:0}.ht-welcome-demo-total{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-1)}.ht-welcome-demo-stage{font-family:var(--fm);font-size:clamp(1.05rem,1.1vw + 1.7dvh,1.8rem);font-weight:500;color:var(--accent);font-feature-settings:"tnum";line-height:1.2;white-space:nowrap}.ht-welcome-demo-cards,.ht-welcome-demo-total{animation:ht-welcome-cycle-in .48s var(--ease-out) both}@keyframes ht-welcome-cycle-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.ht-welcome-steps{display:flex;gap:var(--sp-3);width:100%;margin-bottom:var(--sp-4)}.ht-welcome-step{flex:1 1;display:flex;flex-direction:column;gap:var(--sp-1)}.ht-welcome-step-bar{height:3px;border-radius:2px;background:var(--border2);transition:background .3s}.ht-welcome-step[data-active=true] .ht-welcome-step-bar{background:var(--accent)}.ht-welcome-step-label{font-weight:600;color:var(--text);text-transform:uppercase;letter-spacing:.06em}.ht-welcome-step-desc,.ht-welcome-step-label{font-family:var(--fb);font-size:.82rem;text-align:left}.ht-welcome-step-desc{margin:0;font-weight:300;line-height:1.5;color:var(--text2)}.ht-card-grid{--card-w:clamp(24px,min(7.6cqw,8.5dvh),52px);display:flex;flex-direction:column;gap:clamp(3px,1dvh,8px);align-items:center}.ht-card-grid-row{display:flex;gap:clamp(1px,.6cqw,5px)}.ht-recap-grid{--recap-card-w:clamp(42px,min(16cqw,12dvh),88px);display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--sp-3) var(--sp-3);gap:var(--sp-3) var(--sp-3);width:100%}.ht-recap-row{display:flex;flex-direction:column;align-items:center;gap:var(--sp-1)}.ht-recap-row:last-child:nth-child(odd){grid-column:1/-1;justify-self:center}.ht-recap-cards{display:flex;gap:3px;justify-content:center}.ht-recap-label{font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text2)}.ht-card{width:var(--card-w,clamp(52px,20vw,100px));aspect-ratio:142.2/232.1;border-radius:10px;overflow:hidden;box-shadow:0 10px 24px rgba(0,0,0,.45);cursor:pointer;position:relative;background:#231f20;border:2px solid transparent;transform:translateY(0) scale(1);transition:transform .18s var(--ease-out),box-shadow .18s var(--ease-out),border-color .15s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ht-card img{width:100%;height:100%;display:block;pointer-events:none}.ht-card:hover{transform:translateY(-6px) scale(1.03);box-shadow:0 16px 32px rgba(0,0,0,.55)}.ht-card:active{transform:translateY(-2px) scale(.98)}.ht-card:focus-visible{outline:none;border-color:var(--ht-info)}.ht-card[data-selected=true]{transform:translateY(-14px) scale(1.04);border-color:var(--gold);box-shadow:0 18px 36px rgba(0,0,0,.6),0 0 0 3px rgba(200,168,74,.25)}.ht-card[data-disabled=true]{cursor:default;opacity:.35}.ht-card[data-disabled=true]:hover{transform:none;box-shadow:0 10px 24px rgba(0,0,0,.45)}.ht-card[data-pickable=true]{border-color:var(--ht-info);box-shadow:0 10px 24px rgba(0,0,0,.45),0 0 0 3px var(--ht-info-glow)}.ht-card[data-pickable=true]:hover{box-shadow:0 16px 32px rgba(0,0,0,.55),0 0 0 3px var(--ht-info-glow)}.ht-card[data-flash=correct]{animation:ht-flash-correct .7s var(--ease-out)}.ht-card[data-flash=wrong]{animation:ht-flash-wrong .5s var(--ease-out)}@keyframes ht-flash-correct{0%{box-shadow:0 10px 24px rgba(0,0,0,.45)}30%{box-shadow:0 10px 24px rgba(0,0,0,.45),0 0 0 6px var(--ht-success-glow);border-color:var(--ht-success)}to{box-shadow:0 10px 24px rgba(0,0,0,.45);border-color:transparent}}@keyframes ht-flash-wrong{0%,to{transform:translateY(0) scale(1) translateX(0)}20%{transform:translateY(0) scale(1) translateX(-6px)}40%{transform:translateY(0) scale(1) translateX(6px)}60%{transform:translateY(0) scale(1) translateX(-4px)}80%{transform:translateY(0) scale(1) translateX(4px)}}.ht-hand{display:flex;gap:var(--sp-2);flex-wrap:wrap;align-items:flex-end;padding:var(--sp-4) 0}.ht-card[data-enter=true]{animation:ht-deal .56s var(--ease-spring) both;animation-delay:calc(var(--i, 0) * 90ms)}@keyframes ht-deal{0%{opacity:0;transform:translateY(24px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion:reduce){.ht-card[data-enter=true]{animation:none}}.ht-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:.8rem 1.6rem;border-radius:var(--r);font-size:clamp(.76rem,1.1vw + .6dvh,.94rem);white-space:nowrap;font-weight:600;text-transform:uppercase;letter-spacing:.09em;border:1px solid transparent;cursor:pointer;transition:background .15s,border-color .15s,color .15s,transform .12s,opacity .15s;font-family:var(--fb)}.ht-btn:focus-visible{outline:2px solid var(--ht-info);outline-offset:2px}.ht-btn:active:not(:disabled){transform:scale(.97)}.ht-btn:disabled{opacity:.35;cursor:not-allowed}.ht-btn-primary{background:var(--accent);color:#fff}.ht-btn-primary:hover:not(:disabled){background:var(--accent-light)}.ht-btn-ghost{background:transparent;color:var(--text2);border-color:var(--border2)}.ht-btn-ghost:hover:not(:disabled){color:var(--text);border-color:var(--text3)}.ht-btn-success{background:var(--ht-success);color:#06231a}.ht-btn-success:hover:not(:disabled){filter:brightness(1.08)}.ht-btn.is-loading{position:relative;color:transparent!important}.ht-btn.is-loading:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:ht-spin .7s linear infinite}@keyframes ht-spin{to{transform:rotate(1turn)}}.ht-drill{margin-top:var(--sp-6);background:var(--card);border:1px solid var(--border);border-radius:var(--rl);padding:var(--sp-6);overflow:visible;animation:ht-slide-in .64s var(--ease-spring) .1s both}.ht-drill-prompt{font-family:var(--fb);font-size:var(--ht-text-heading);font-weight:700;margin-bottom:var(--sp-2)}.ht-drill-top{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--sp-4)}.ht-drill-top .ht-drill-prompt{margin-bottom:0;flex:1 1}.ht-skip-btn{flex-shrink:0;background:none;border:none;padding:0;color:var(--text3);font-size:.82rem;text-transform:uppercase;letter-spacing:.06em;text-decoration:underline;text-underline-offset:2px;cursor:pointer;transition:color .15s;white-space:nowrap}.ht-skip-btn:hover{color:var(--text2)}.ht-skip-btn:focus-visible{outline:2px solid var(--ht-info);outline-offset:2px}.ht-hint-btn{background:none;border:none;padding:0;margin-top:var(--sp-5);color:var(--text2);font-size:.88rem;text-decoration:underline;text-underline-offset:2px;cursor:pointer;transition:color .15s}.ht-hint-btn:hover{color:var(--text)}.ht-hint-btn:focus-visible{outline:2px solid var(--ht-info);outline-offset:2px}.ht-hint-text{margin-top:var(--sp-3);font-size:var(--ht-text-body);color:var(--text);font-style:italic;opacity:0;animation:ht-feedback-in .25s var(--ease-out) forwards}.ht-feedback{margin-top:var(--sp-5);padding:var(--sp-4) var(--sp-5);border-radius:var(--r);font-size:.98rem;line-height:1.7;display:flex;gap:var(--sp-3);align-items:flex-start;opacity:0;transform:translateY(-6px);animation:ht-feedback-in .32s var(--ease-out) forwards}@keyframes ht-feedback-in{to{opacity:1;transform:translateY(0)}}.ht-feedback[data-tone=success]{background:var(--ht-success-glow);border:1px solid var(--ht-success-border);color:var(--text)}.ht-feedback[data-tone=error]{background:var(--ht-danger-glow);border:1px solid var(--ht-danger-border);color:var(--text)}.ht-feedback[data-tone=info]{background:var(--ht-info-glow);border:1px solid rgba(91,157,255,.3);color:var(--text)}.ht-feedback-icon{flex-shrink:0;font-weight:800}.ht-feedback[data-tone=success] .ht-feedback-icon{color:var(--ht-success)}.ht-feedback[data-tone=error] .ht-feedback-icon{color:var(--ht-danger)}.ht-feedback[data-tone=info] .ht-feedback-icon{color:var(--ht-info)}.ht-nav-row{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-3);margin-top:auto;padding-top:var(--sp-4);border-top:1px solid var(--border);flex-shrink:0}.ht-nav-row .ht-btn{flex:1 1 180px;max-width:260px}.ht-table{background:radial-gradient(ellipse at center,#10241a 0,#0a0f0c 70%);border:1px solid var(--border);border-radius:var(--rl);padding:var(--sp-5);margin:var(--sp-4) 0;overflow:visible}.ht-table .ht-btn{padding:.6rem 1.1rem;font-size:.82rem}.ht-opponent-row{display:flex;justify-content:space-between;gap:var(--sp-2);margin-bottom:var(--sp-3);flex-wrap:nowrap}.ht-opponent-card{background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:var(--r);padding:var(--sp-2);flex:1 1;min-width:0;transition:border-color .2s}.ht-opponent-card[data-turn=true]{border-color:var(--player-color,var(--gold))}.ht-opponent-name{font-size:clamp(.7rem,1.9vw,.86rem);font-weight:600;color:var(--text);margin-bottom:2px;display:flex;align-items:center}.ht-opponent-meta,.ht-opponent-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ht-opponent-meta{font-family:var(--fm);font-size:clamp(.66rem,1.7vw,.78rem);color:var(--text3);font-feature-settings:"tnum"}.ht-player-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px;flex-shrink:0}.ht-pile-slot{display:flex;align-items:center;justify-content:center;gap:4px;min-height:calc(clamp(52px, 20vw, 100px) * 1.632);min-width:clamp(52px,20vw,100px);border:2px dashed var(--border2);border-radius:10px;padding:4px;transition:border-color .2s,background .2s}.ht-pile-slot[data-filled=true]{border-style:solid}.ht-pile-slot-empty{font-size:.76rem;color:var(--text2);text-align:center;padding:0 6px}.ht-pile-row{display:flex;justify-content:center;gap:var(--sp-6);margin:var(--sp-3) 0;flex-wrap:wrap;animation:ht-slide-in .64s var(--ease-spring) .16s both}.ht-pile{display:flex;flex-direction:column;align-items:center;gap:var(--sp-1)}.ht-pile-label{font-size:.76rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text2)}.ht-pile-count{font-family:var(--fm);font-size:.8rem;color:var(--text2);font-feature-settings:"tnum"}.ht-house-note{color:var(--ht-house);font-weight:600}.ht-term{color:var(--accent);font-weight:600}.ht-term-joker{background:linear-gradient(90deg,#e0473f,#dba93f,#3fae5c,#3f7fe0);-webkit-background-clip:text;background-clip:text;color:transparent}.ht-term-half-value{color:#f7941e;font-weight:600}.ht-term-dont-pick{color:#ec008c;font-weight:600}.ht-term-discover-now{color:#00a79d;font-weight:600}.ht-term-declare-now{color:#9b6fc7;font-weight:600}.ht-coach{background:var(--card2);border:1px solid var(--border2);border-radius:var(--rl);padding:var(--sp-3) var(--sp-4);margin-top:var(--sp-3);font-size:.92rem;color:var(--text);box-shadow:0 12px 32px rgba(0,0,0,.5);display:flex;gap:var(--sp-3);align-items:flex-start}.ht-coach-avatar{font-size:1.3rem;flex-shrink:0}.ht-coach-message{animation:ht-coach-in .32s var(--ease-out) both}@keyframes ht-coach-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.ht-coach-dismiss{margin-left:auto;background:none;border:none;color:var(--text3);cursor:pointer;font-size:1rem;line-height:1;padding:var(--sp-1)}.ht-coach-dismiss:hover{color:var(--text)}.ht-result-card{text-align:center;padding:var(--sp-8) var(--sp-6);background:var(--card);border:1px solid var(--gold);border-radius:var(--rl);overflow:visible;animation:ht-slide-in .64s var(--ease-spring) both}.ht-result-score{font-family:var(--fb);font-size:clamp(2.2rem,5vw + 3dvh,4.5rem);font-weight:900;color:var(--gold);line-height:1;font-feature-settings:"tnum"}@media (max-width:768px){.ht-nav-toggle{display:flex}.ht-sidenav{position:fixed;top:68px;bottom:0;left:0;width:78vw;max-width:300px;z-index:60;box-shadow:8px 0 32px rgba(0,0,0,.5);transform:translateX(-100%);transition:transform .22s var(--ease-out)}.ht-sidenav-open{transform:translateX(0)}.ht-sidenav-scrim{display:block}}@media (max-width:640px){.ht-chapter{padding:var(--sp-4)}.ht-header{padding:var(--sp-2) var(--sp-4)}.ht-back span{display:none}.ht-drill{padding:var(--sp-4)}.ht-table{padding:var(--sp-3)}}