body.tl-hantu-practice #v-bt{padding-inline:clamp(10px,2vw,22px)}
body.tl-hantu-practice #btHub{width:min(100%,720px);margin:0 auto}
body.tl-hantu-practice #btHub>.sec-kicker{margin:0 0 12px;padding:0 4px;font-size:.68rem;letter-spacing:.14em}
body.tl-hantu-practice .app .view .hub{display:grid!important;grid-template-columns:1fr!important;gap:0!important;padding:8px!important;overflow:hidden;border-radius:24px!important;background:color-mix(in srgb,var(--card) 78%,transparent)!important;border:1px solid color-mix(in srgb,var(--line) 72%,transparent)!important;box-shadow:0 18px 48px rgba(28,42,68,.12)!important}
body.tl-hantu-practice .app .view .hubcard{display:grid!important;grid-template-columns:48px minmax(0,1fr) auto!important;grid-template-areas:"icon title best" "icon desc best"!important;align-items:center!important;gap:2px 12px!important;width:100%!important;min-height:72px!important;margin:0!important;padding:12px 14px!important;border:0!important;border-bottom:1px solid color-mix(in srgb,var(--line) 72%,transparent)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--ink)!important;text-align:left!important}
body.tl-hantu-practice .app .view .hubcard:last-child{border-bottom:0!important}
body.tl-hantu-practice .hubcard>.em{grid-area:icon;display:grid;place-items:center;width:42px;height:42px;margin:0;border-radius:13px;background:color-mix(in srgb,var(--gold) 12%,var(--card));font-size:1.25rem}
body.tl-hantu-practice .hubcard>h3{grid-area:title;margin:0!important;font-size:.98rem!important;line-height:1.25!important;background:none!important;color:var(--ink)!important;-webkit-text-fill-color:currentColor!important;filter:none!important}
body.tl-hantu-practice .hubcard>p{grid-area:desc;margin:2px 0 0!important;font-size:.78rem!important;line-height:1.4!important;color:var(--muted)!important}
body.tl-hantu-practice .hubcard>.best{grid-area:best;max-width:112px;margin:0!important;text-align:right;white-space:normal}
body.tl-hantu-practice .app .view .practice-main{grid-template-columns:58px minmax(0,1fr) auto!important;grid-template-areas:"icon copy go" "icon copy best"!important;gap:4px 14px!important;min-height:138px!important;margin:2px 2px 10px!important;width:calc(100% - 4px)!important;padding:20px!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:20px!important;background:linear-gradient(135deg,#17345f 0%,#234c78 58%,#8f6b30 140%)!important;color:#fff!important;box-shadow:0 16px 34px rgba(19,52,95,.24)!important}
body.tl-hantu-practice .practice-main>.em{grid-area:icon;width:54px;height:54px;border-radius:17px;background:rgba(255,255,255,.13);color:#f3d79a;font:700 1.55rem/1 "Noto Serif JP",serif}
body.tl-hantu-practice .practice-copy{grid-area:copy;align-self:center;min-width:0}
body.tl-hantu-practice .practice-label{display:block;margin-bottom:5px;color:#f3d79a;font:700 .6rem/1.3 "JetBrains Mono",monospace;letter-spacing:.13em}
body.tl-hantu-practice .practice-main h3{margin:0!important;background:none!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:1.18rem!important;line-height:1.2!important}
body.tl-hantu-practice .practice-main p{margin:7px 0 0!important;color:rgba(255,255,255,.78)!important;font-size:.83rem!important}
body.tl-hantu-practice .practice-go{grid-area:go;align-self:center;padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.13);color:#fff;font:700 .72rem/1 "JetBrains Mono",monospace;white-space:nowrap}
body.tl-hantu-practice .practice-main>.best{grid-area:best;color:#f3d79a!important;text-align:right}
html[data-mode="dark"] body.tl-hantu-practice .app .view .hub{background:rgba(5,22,42,.62)!important;border-color:rgba(186,224,255,.22)!important}
html[data-mode="dark"] body.tl-hantu-practice .app .view .hubcard{border-bottom-color:rgba(186,224,255,.13)!important}
html[data-mode="dark"] body.tl-hantu-practice .hubcard>.em{background:rgba(186,224,255,.09)}
html[data-mode="dark"] body.tl-hantu-practice .practice-main{background:linear-gradient(135deg,#102844,#173b61 62%,#745424 150%)!important}
@media(max-width:520px){
body.tl-hantu-practice #v-bt{padding-inline:6px}
body.tl-hantu-practice .app .view .hub{padding:6px!important;border-radius:20px!important}
body.tl-hantu-practice .app .view .hubcard{grid-template-columns:42px minmax(0,1fr)!important;grid-template-areas:"icon title" "icon desc" "best best"!important;min-height:68px!important;padding:11px 10px!important}
body.tl-hantu-practice .hubcard>.best{text-align:left;max-width:none;margin:4px 0 0 54px!important}
body.tl-hantu-practice .app .view .practice-main{grid-template-columns:50px minmax(0,1fr)!important;grid-template-areas:"icon copy" "go go" "best best"!important;min-height:0!important;padding:17px 15px!important}
body.tl-hantu-practice .practice-main>.em{width:46px;height:46px}
body.tl-hantu-practice .practice-go{justify-self:start;margin:9px 0 0 64px}
body.tl-hantu-practice .practice-main>.best{text-align:left;margin-left:64px!important}
}
body.tl-hantu-practice:has(#v-bt.on) #tl-furi,
body.tl-hantu-practice:has(#v-bt.on) #hnc-am{display:none!important}