.wt{position:relative;display:grid;grid-template-columns:1.4fr 1fr;gap:clamp(20px,4vw,50px);align-items:center;padding:clamp(18px,3vw,34px);border-radius:24px;background:#0e1c2a;border:1px solid rgba(201,168,76,.3);color:#dfe7ee;overflow:hidden;isolation:isolate}.wt:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:22px 22px}.wt-stage{position:relative}.wt-house{width:100%;height:auto;display:block;overflow:visible}.wt-house path{fill:none;stroke:#c9a84c;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.wt-house .thin{stroke-width:1.4;opacity:.7}.wt-house .dash{stroke-dasharray:6 6}.wt-ground{stroke:#c9a84c66!important}.wt-z{cursor:pointer;outline:none}.wt-z .hit{fill:#e8c96a00;stroke:none;transition:fill .35s}.wt-z:hover .hit,.wt-z:focus-visible .hit,.wt-z.open .hit{fill:#e8c96a24}.wt-z .spot{fill:#0e1c2a;stroke:#e8c96a;stroke-width:2;transition:fill .3s,r .3s}.wt-z text{fill:#e8c96a;font:700 12px var(--body);text-anchor:middle;pointer-events:none}.wt-z:hover .spot,.wt-z.open .spot{fill:#e8c96a}.wt-z:hover text,.wt-z.open text{fill:#0e1c2a}.wt-z.started .spot{animation:wt-pulse 2.4s ease-in-out infinite}@keyframes wt-pulse{50%{stroke-width:5}}.wt-stamp{pointer-events:none;opacity:0}.wt-stamp circle{fill:#0e1c2ad9;stroke:#e8c96a;stroke-width:2.5}.wt-stamp .in{fill:none;stroke-width:1;stroke-dasharray:3 3}.wt-stamp text{fill:#e8c96a;font:700 10px var(--body);letter-spacing:.12em;text-anchor:middle}.wt-stamp .s{font-size:6.5px}.wt-stamp.on{opacity:1;animation:wt-stamp .55s cubic-bezier(.3,1.6,.5,1)}@keyframes wt-stamp{0%{opacity:0;transform:scale(2.2)}}.wt-tap{position:absolute;left:0;bottom:-4px;margin:0;font:700 10px/1 var(--body);letter-spacing:.24em;text-transform:uppercase;color:#8ea1b3}.wt-score{display:grid;gap:14px;justify-items:start}.wt-ring{position:relative;width:170px;height:170px}.wt-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.wt-ring circle{fill:none;stroke-width:9}.wt-ring .bg{stroke:#ffffff14}.wt-ring .fg{stroke:#e8c96a;stroke-linecap:round;stroke-dasharray:0 100;transition:stroke-dasharray .9s cubic-bezier(.3,1.1,.5,1);filter:drop-shadow(0 0 6px rgba(232,201,106,.6))}.wt-ring>div{position:absolute;inset:0;display:grid;place-content:center;text-align:center}.wt-ring b{font:400 50px/1 var(--display);color:#fff}.wt-ring span{font:700 9px/1 var(--body);letter-spacing:.2em;text-transform:uppercase;color:#e8c96a}.wt-count{margin:0;color:#c9d3dc;font-size:.9rem}.wt-count b{color:#fff}.wt-band{margin:0;font:italic 400 20px/1.35 var(--serif);color:#f6e6c4}.wt-pdf{display:inline-flex;gap:10px;align-items:center;padding:13px 18px;border-radius:999px;background:linear-gradient(180deg,#f0d47c,#d9b552);color:#1a3045;font:700 .88rem/1.2 var(--body);text-decoration:none;box-shadow:0 12px 26px -12px #e8c96acc;transition:transform .35s cubic-bezier(.3,1.4,.5,1)}.wt-pdf:hover{transform:translateY(-2px)}.wt-pdf svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}.wt-tool{font:600 .82rem/1 var(--body);color:#e8c96a;text-decoration:none}.wt-sheet{position:absolute;inset:0;z-index:5;display:grid;align-items:end;background:#0810188c;backdrop-filter:blur(3px);animation:wt-fade .3s}.wt-sheet[hidden]{display:none}@keyframes wt-fade{0%{opacity:0}}.wt-sheet-in{position:relative;max-height:92%;overflow:auto;margin:0 auto;width:min(760px,100%);padding:22px 20px 20px;border-radius:22px 22px 0 0;background:#f3efe7;color:#1d2a36;box-shadow:0 -20px 50px -20px #0009;animation:wt-up .55s cubic-bezier(.3,1.15,.5,1)}@keyframes wt-up{0%{transform:translateY(60%);opacity:0}}.wt-close{position:absolute;right:14px;top:12px;width:36px;height:36px;border-radius:50%;border:0;background:#1a3045;color:#fff;font-size:20px;cursor:pointer}.wt-k{margin:0;font:700 10px/1 var(--body);letter-spacing:.24em;text-transform:uppercase;color:#9a7b2c}.wt-sheet h4{margin:6px 0 2px;font:400 clamp(32px,4vw,44px)/1 var(--display);color:#1a3045}.wt-line{margin:0 0 14px;font:italic 400 18px/1.3 var(--serif);color:#4a5662}.wt-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.wt-cards li{position:relative;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 10px 24px -16px #1a304599;cursor:pointer;transition:transform .4s cubic-bezier(.3,1.3,.5,1),box-shadow .3s;animation:wt-card .5s cubic-bezier(.3,1.2,.5,1) both;animation-delay:calc(var(--i) * 50ms)}@keyframes wt-card{0%{opacity:0;transform:translateY(14px)}}.wt-cards li:hover{transform:translateY(-3px)}.wt-cards label{display:grid;cursor:pointer}.wt-cards img{width:100%;height:74px;object-fit:cover;display:block;filter:saturate(.85);transition:filter .3s;object-position:var(--pos, 50% 50%)}.wt-cards .txt{padding:10px 12px 12px 40px;font:500 .84rem/1.35 var(--body);color:#1d2a36;min-height:64px;position:relative}.wt-cards input{position:absolute;opacity:0;pointer-events:none}.wt-cards .box{position:absolute;left:12px;top:11px;width:20px;height:20px;border-radius:50%;border:2px solid #c9a84c;display:grid;place-items:center;transition:background .25s,transform .4s cubic-bezier(.3,1.8,.5,1)}.wt-cards input:checked~.txt .box{background:#c9a84c;transform:scale(1.12)}.wt-cards input:checked~.txt .box:after{content:"✓";color:#fff;font:800 12px/1 var(--body)}.wt-cards li:has(input:checked){box-shadow:0 0 0 2px #c9a84c,0 12px 26px -16px #c9a84ccc}.wt-cards li:has(input:checked) img{filter:saturate(1.1)}.wt-cards input:focus-visible~.txt .box{outline:2px solid #1a3045;outline-offset:2px}.wt-hearth{display:inline-block;margin-top:6px;padding:3px 7px;border-radius:999px;background:#2f6b57;color:#e6f5ee;font:700 .62rem/1 var(--body);letter-spacing:.04em}.wt-tip{margin:14px 0 0;padding:12px 14px;border-left:3px solid #c9a84c;background:#c9a84c1a;font-size:.92rem;line-height:1.5;color:#2c3a47}.wt-tip:before{content:"Pro tip · ";font-weight:700;color:#8a6a1c}.wt-nav{display:flex;justify-content:space-between;gap:10px;margin-top:14px}.wt-nav button{border:1px solid #c9a84c;background:transparent;color:#1a3045;padding:10px 14px;border-radius:999px;font:600 .82rem/1 var(--body);cursor:pointer}.wt-nav button[data-next]{background:#1a3045;color:#fff;border-color:#1a3045}@media(max-width:860px){.wt{grid-template-columns:1fr}.wt-score{grid-template-columns:auto 1fr;align-items:center;column-gap:18px}.wt-ring{width:130px;height:130px;grid-row:span 2}.wt-ring b{font-size:40px}.wt-pdf,.wt-tool,.wt-band{grid-column:1 / -1}.wt-sheet{position:fixed;z-index:120}.wt-sheet-in{max-height:86svh}.wt-cards{grid-template-columns:1fr 1fr}}
