.fr-root{touch-action:none;cursor:crosshair;background:radial-gradient(60% 50% at 50% 42%,#ffc47829,#0000 70%),linear-gradient(#3a2414 0%,#2a190d 55%,#1a0f07 100%);position:absolute;inset:0;overflow:hidden}.fr-root:before{content:"";pointer-events:none;transform-origin:50% 100%;background:repeating-linear-gradient(90deg,#00000047 0 5px,#0000 5px 178px),repeating-linear-gradient(0deg,#ffffff06 0 2px,#0000 2px 11px),repeating-linear-gradient(90deg,#ffdcaa0d 0 60px,#0000 60px 178px);position:absolute;inset:-10% -5% 0;transform:perspective(900px)rotateX(8deg)}.fr-root:after{content:"";pointer-events:none;background:radial-gradient(at 50% 45%,#0000 52%,#0009 100%);position:absolute;inset:0}.fr-qcard{z-index:6;align-items:stretch;gap:18px;height:200px;padding:16px 30px 34px;display:flex;top:20px;left:310px;right:310px}.fr-qtext{flex:1;min-width:0;display:flex}.fr-qtext .kit-fit{flex:1;justify-content:center;align-items:center;min-height:0;margin:0;display:flex;overflow:hidden}.fr-qimgs{flex:none;width:220px}.fr-hint{white-space:nowrap;color:#b45309;letter-spacing:.02em;font-size:19px;font-weight:800;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.fr-score{z-index:6;text-align:center;color:#fff;background:linear-gradient(#2b2233eb,#17101eeb);border:5px solid #fbbf24;border-radius:26px;width:250px;padding:14px 18px 16px;position:absolute;top:22px;left:30px;box-shadow:0 10px #0000004d}.fr-score small{color:#fde68a;letter-spacing:.08em;text-transform:uppercase;font-size:22px;font-weight:800;display:block}.fr-score b{font-size:72px;font-weight:900;line-height:1;display:block}.fr-score span{color:#e9d5ff;margin-top:4px;font-size:22px;font-weight:700;display:block}.fr-score em{background:#f97316;border-radius:99px;margin-top:6px;padding:2px 14px;font-size:20px;font-style:normal;font-weight:900;display:inline-block}.fr-timer{--p:360deg;z-index:6;text-align:center;background:radial-gradient(circle, #fffaf0 0 62%, transparent 63%), conic-gradient(#22c55e var(--p), #ffffff26 0);border:5px solid #2b2233;border-radius:50%;place-content:center;width:180px;height:180px;display:grid;position:absolute;top:26px;right:52px;box-shadow:0 10px #0000004d}.fr-timer b{color:#2b2233;font-size:72px;font-weight:900;line-height:1}.fr-timer small{color:#6b5a4b;font-size:20px;font-weight:800}.fr-timer.low{background:radial-gradient(circle, #fff1f2 0 62%, transparent 63%), conic-gradient(#ef4444 var(--p), #ffffff26 0)}.fr-timer.low b{color:#dc2626;animation:.5s infinite kit-bob}.fr-fruit,.fr-piece,.fr-drop,.fr-pop,.fr-hand{will-change:transform;pointer-events:none;position:absolute;top:0;left:0}.fr-fruit{z-index:3}.fr-img{object-fit:contain;filter:drop-shadow(0 22px 16px #00000080);display:block}.fr-blank{background:radial-gradient(circle at 35% 30%,#fde68a,#f97316 60%,#9a3412);border-radius:50%}.fr-label{color:#fff;white-space:nowrap;text-shadow:0 2px #00000040;border:4px solid #fff;border-radius:18px;align-items:center;gap:10px;width:max-content;max-width:440px;padding:6px 18px 6px 8px;font-weight:900;line-height:1.15;display:inline-flex;position:absolute;top:60%;left:50%;transform:translate(-50%);box-shadow:0 8px 18px #00000073}.fr-label>span{text-overflow:ellipsis;overflow:hidden}.fr-letter{color:#fff;text-shadow:0 3px #0000004d;border:5px solid #fff;border-radius:50%;place-items:center;width:84px;height:84px;font-size:52px;font-weight:900;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 18px #00000073}.fr-label b{color:#2b2233;width:40px;height:40px;text-shadow:none;background:#fff;border-radius:50%;flex:none;place-items:center;font-size:26px;display:grid}.fr-piece{z-index:2}.fr-flesh{opacity:.95;border-radius:50%;width:24px;position:absolute;box-shadow:inset 0 0 0 4px #ffffff73}.fr-drop{z-index:4;border-radius:50%}.fr-pop{z-index:7;white-space:nowrap;color:#fecaca;-webkit-text-stroke:6px #7f1d1d;paint-order:stroke fill;font-size:54px;font-weight:900}.fr-pop.good{color:#fef08a;-webkit-text-stroke-color:#14532d;font-size:64px}.fr-trail{z-index:8;pointer-events:none;fill:none;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%;position:absolute;inset:0}.fr-hand{z-index:9;background:radial-gradient(circle,#fff 0 30%,#7dd3fce6 45%,#7dd3fc00 72%);border-radius:50%;width:44px;height:44px;margin:-22px 0 0 -22px}.fr-reveal{z-index:9;text-align:center;color:#fff;background:#ea580c;border:6px solid #2b2233;border-radius:30px;max-width:1300px;padding:18px 46px;font-size:46px;font-weight:900;animation:.35s cubic-bezier(.2,1.5,.4,1) both kit-pop;position:absolute;top:600px;left:50%;transform:translate(-50%);box-shadow:0 12px #0000004d}.fr-reveal.ok{background:#16a34a;font-size:60px}.fr-cam{z-index:9;background:#0f0a23c7;border:3px solid #ffffff80;border-radius:20px;width:256px;padding:6px;position:absolute;bottom:24px;left:24px}.fr-cam video{aspect-ratio:4/3;object-fit:cover;border-radius:14px;width:100%;display:block;transform:scaleX(-1)}.fr-cam span{color:#86efac;padding:4px 6px 0;font-size:18px;font-weight:800;display:block}.fr-camwarn,.fr-camnote{color:#9a3412;font-size:22px;font-weight:700;line-height:1.35}.fr-camwarn{z-index:9;text-align:center;background:#fff7ed;border:4px solid #2b2233;border-radius:18px;width:1000px;margin:0;padding:12px 24px;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.fr-camnote{margin:-8px 0 18px}.kit-result:has(.fr-setup){width:1280px;padding-top:24px;padding-bottom:28px}.kit-result:has(.fr-setup) h2{margin-bottom:6px;font-size:56px}.kit-result:has(.fr-setup) .kit-intro{margin-bottom:14px;font-size:25px}.fr-setup{grid-template-columns:1fr 1fr;gap:4px 26px;display:grid}.fr-setup .kit-seg{gap:8px;margin:0 0 10px}.fr-setup .kit-seg span{text-align:center;flex-basis:100%;margin:0;font-size:22px}.fr-setup .kit-seg button{border-width:3px;padding:6px 18px;font-size:22px}.fr-how,.fr-setup .fr-camnote{grid-column:1/-1}.fr-how{text-align:left;color:#5b4636;margin:4px 0 14px;padding:0;font-size:20px;line-height:1.35;list-style:none}.fr-how li{margin:3px 0}.fr-root.bubble{cursor:pointer;background:radial-gradient(70% 50% at 50% 0,#bae6fd59,#0000 70%),linear-gradient(#0c4a6e 0%,#075985 45%,#0b3b5c 100%)}.fr-root.bubble:before{background:radial-gradient(circle at 12% 80%,#ffffff14 0 40px,#0000 41px),radial-gradient(circle at 85% 70%,#ffffff0f 0 70px,#0000 71px),radial-gradient(circle at 60% 92%,#ffffff12 0 28px,#0000 29px),repeating-linear-gradient(100deg,#ffffff09 0 18px,#0000 18px 120px);transform:none}.fr-bubble{z-index:3;will-change:transform;pointer-events:none;text-align:center;color:#fff;background:radial-gradient(circle at 32% 26%, #fffffff2 0 9%, #fff0 22%), radial-gradient(circle at 70% 78%, #ffffff59 0 6%, #fff0 14%), radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--c) 30%, transparent) 0 55%, color-mix(in srgb, var(--c) 75%, transparent) 100%);border:4px solid #ffffffbf;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:26px;display:flex;position:absolute;top:0;left:0;box-shadow:inset 0 0 26px #ffffff73,0 18px 30px #00000059}.fr-bubble b{color:#fff;background:var(--c);border:3px solid #fff;border-radius:50%;place-items:center;width:44px;height:44px;font-size:26px;font-weight:900;display:grid}.fr-bubble b.big{border-width:5px;width:92px;height:92px;font-size:56px}.fr-bubble span{white-space:nowrap;text-overflow:ellipsis;text-shadow:0 2px #00000073;background:#0f172a73;border-radius:12px;width:max-content;max-width:360px;padding:2px 12px;font-weight:900;line-height:1.15;overflow:hidden}.fr-dwell{background:conic-gradient(#fde047 var(--p), transparent 0);border-radius:50%;position:absolute;inset:-12px;-webkit-mask:radial-gradient(circle,#0000 0 calc(50% - 9px),#000 calc(50% - 8px));mask:radial-gradient(circle,#0000 0 calc(50% - 9px),#000 calc(50% - 8px))}.fr-board{z-index:6;flex-direction:column;gap:8px;width:250px;margin:0;padding:0;list-style:none;display:flex;position:absolute;top:262px;left:30px}.fr-board li{color:#fff;border:3px solid var(--c);opacity:.8;background:#0f0a23b8;border-radius:16px;justify-content:space-between;align-items:center;gap:10px;padding:8px 16px;font-size:22px;font-weight:800;display:flex}.fr-board li b{font-size:28px}.fr-board li.on{opacity:1;background:var(--c);transform:scale(1.05);box-shadow:0 6px #0000004d}.fr-turn{z-index:9;white-space:nowrap;color:#fff;text-shadow:0 4px #0000004d;border:7px solid #2b2233;border-radius:34px;padding:22px 60px;font-size:68px;font-weight:900;animation:.4s cubic-bezier(.2,1.5,.4,1) both kit-pop;position:absolute;top:430px;left:50%;transform:translate(-50%);box-shadow:0 14px #0000004d}.fr-rank{border-collapse:separate;border-spacing:0 8px;color:#2b2233;width:100%;margin:0 0 26px;font-size:28px}.fr-rank th{color:#6b5a4b;padding:0 10px;font-size:20px;font-weight:800}.fr-rank td{text-align:center;background:#fff;padding:10px;font-weight:700}.fr-rank td:first-child{border-radius:16px 0 0 16px}.fr-rank td:last-child{border-radius:0 16px 16px 0}.fr-rank td:nth-child(2){text-align:left}.fr-rank td i{vertical-align:middle;border-radius:50%;width:18px;height:18px;margin-right:10px;display:inline-block}.fr-rank td b{color:#ea580c;font-size:34px}.fr-rank tr.top td{background:#fef3c7}@media (prefers-reduced-motion:reduce){.fr-reveal,.fr-timer.low b,.fr-turn{animation:none}}.fr-strip{z-index:6;gap:12px;height:66px;display:flex;position:absolute;top:232px;left:310px;right:310px}.fr-strip span{color:#fff;border:4px solid #fff;border-radius:16px;flex:1 1 0;align-items:center;gap:10px;min-width:0;padding:0 14px 0 8px;display:flex;box-shadow:0 6px #0000004d}.fr-strip b,.fr-pick b{color:#2b2233;background:#fff;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-size:26px;font-weight:900;display:grid}.fr-strip em,.fr-pick em{text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px #00000040;min-width:0;font-style:normal;font-weight:900;overflow:hidden}.fr-pick{z-index:8;gap:18px;height:112px;display:flex;position:absolute;bottom:26px;left:40px;right:40px}.fr-pick button{color:#fff;cursor:pointer;border:5px solid #fff;border-radius:24px;flex:1 1 0;align-items:center;gap:12px;min-width:0;padding:0 18px 0 12px;transition:transform 80ms,box-shadow 80ms,filter .15s;display:flex;box-shadow:0 10px #00000059}.fr-pick button:hover{filter:brightness(1.08)}.fr-pick button:active{transform:translateY(8px);box-shadow:0 2px #00000059}.fr-pick button:disabled{cursor:default;filter:grayscale(.4)brightness(.85)}.fr-pick b{width:56px;height:56px;font-size:34px}.fr-root.mode-pick .fr-cam{bottom:160px}.fr-speed{align-items:center;gap:4px;display:inline-flex}.fr-speed b{text-align:center;min-width:104px;font-size:14px;font-weight:800}.fr-speed .kit-chip{min-width:34px;padding-left:8px;padding-right:8px;font-size:18px;line-height:1}.fr-summary{color:#9a3412;margin:0 0 26px;font-size:28px;font-weight:800}
.wf-root{touch-action:none;background:#bae6fd;font-family:Be Vietnam Pro,system-ui,sans-serif;position:absolute;inset:0;overflow:hidden}.wf-root.theme-color{background:var(--wf-bg,gold)}.wf-backdrop{pointer-events:none;position:absolute;top:0;left:0}.wf-drift{animation:26s ease-in-out infinite alternate wf-drift}.wf-drift.slow{animation-duration:38s;animation-direction:alternate-reverse}@keyframes wf-drift{0%{transform:translate(-70px)}to{transform:translate(70px)}}.wf-spin{transform-box:fill-box;transform-origin:50%;animation:30s linear infinite wf-spin}@keyframes wf-spin{to{rotate:360deg}}.wf-swim{animation:9s ease-in-out infinite alternate wf-swim}@keyframes wf-swim{0%{transform:translate(-60px,10px)}to{transform:translate(60px,-10px)}}.wf-bubble{animation:7s linear infinite wf-bubble}@keyframes wf-bubble{0%{opacity:.9;transform:translateY(0)}to{opacity:0;transform:translateY(-820px)}}.wf-sway{transform-box:fill-box;transform-origin:bottom;animation:4s ease-in-out infinite alternate wf-sway}@keyframes wf-sway{0%{rotate:-6deg}to{rotate:6deg}}.wf-twinkle{animation:2.4s ease-in-out infinite alternate wf-twinkle}@keyframes wf-twinkle{0%{opacity:.25}to{opacity:1}}.wf-float{animation:3s ease-in-out infinite alternate wf-float}@keyframes wf-float{to{transform:translate(-8px,-14px)}}.wf-head{z-index:5;text-align:center;background:#fff;border-radius:40px;flex-direction:column;justify-content:center;align-items:center;gap:4px;height:126px;padding:0 70px;display:flex;position:absolute;top:14px;left:24px;right:24px;box-shadow:0 0 0 6px #a78bfa,0 0 0 12px #ffffffb3,0 14px 0 6px #4c1d952e}.wf-head:before,.wf-head:after{content:"★";color:#facc15;text-shadow:0 3px #f59e0b;font-size:46px;position:absolute;top:50%;translate:0 -50%}.wf-head:before{left:22px;rotate:-14deg}.wf-head:after{right:22px;rotate:14deg}.wf-meta{color:#7c3aed;letter-spacing:.3px;background:#f3e8ff;border-radius:999px;padding:2px 18px;font-size:22px;font-weight:800}.wf-prompt{color:#5b21b6;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;font-weight:900;line-height:1.12;display:-webkit-box;overflow:hidden}.wf-field{background:var(--wf-bg,gold);border:6px solid #ffffffeb;border-radius:34px;position:absolute;inset:156px 24px 140px;box-shadow:inset 0 0 0 2px #0000000f,0 10px #0000001f}.wf-card{z-index:3;cursor:pointer;white-space:nowrap;color:var(--ink);background:linear-gradient(180deg, var(--a), var(--b));box-shadow:0 9px 0 var(--d), 0 16px 24px #00000038, inset 0 -7px 0 #0000001a;will-change:transform;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:5px solid #fff;border-radius:26px;place-items:center;padding:0 24px;font-family:inherit;font-weight:900;line-height:1;display:grid;position:absolute;top:0;left:0;overflow:hidden}.wf-card:hover{filter:brightness(1.08)saturate(1.1)}.wf-text{text-shadow:0 3px #00000024;position:relative}.wf-gloss{pointer-events:none;background:#ffffff8c;border-radius:50%;width:26%;height:26%;position:absolute;top:9%;left:10%}.wf-c0{--a:#fde68a;--b:#f59e0b;--d:#b45309;--ink:#422006;--t:#fbbf24b3}.wf-c1{--a:#a78bfa;--b:#6d28d9;--d:#4c1d95;--ink:#fff;--t:#8b5cf6b3}.wf-c2{--a:#6ee7b7;--b:#10b981;--d:#047857;--ink:#052e22;--t:#10b981b3}.wf-c3{--a:#a5f3fc;--b:#22b8d8;--d:#0e7490;--ink:#083344;--t:#22d3eeb3}.wf-c4{--a:#fca5a5;--b:#ef4444;--d:#b91c1c;--ink:#fff;--t:#f87171b3}.wf-c5{--a:#fdba74;--b:#f97316;--d:#c2410c;--ink:#fff;--t:#fb923cb3}.wf-c6{--a:#f9a8d4;--b:#ec4899;--d:#be185d;--ink:#fff;--t:#ec4899b3}.wf-c7{--a:#93c5fd;--b:#3b82f6;--d:#1d4ed8;--ink:#fff;--t:#3b82f6b3}.wf-card.s-shake{border-color:#ef4444;animation:.42s linear wf-shake}.wf-card.s-pop{pointer-events:none;animation:.32s ease-out forwards wf-pop}.wf-card.s-miss{pointer-events:none;--a:#e5e7eb;--b:#9ca3af;--d:#6b7280;--ink:#fff;animation:.45s ease-in forwards wf-miss}@keyframes wf-shake{0%,to{translate:0}20%{translate:-14px}40%{translate:12px}60%{translate:-8px}80%{translate:5px}}@keyframes wf-pop{to{opacity:0;scale:1.35}}@keyframes wf-miss{30%{scale:1.08}to{opacity:0;rotate:18deg;scale:.3}}.wf-trail{z-index:2;pointer-events:none;transform-origin:0;filter:blur(12px);opacity:.7;background:linear-gradient(90deg, var(--t), transparent 85%);border-radius:40px;position:absolute}.wf-dwell{pointer-events:none;background:conic-gradient(#ffffffbf var(--p), transparent 0);border-radius:26px;padding:8px;position:absolute;inset:-4px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.wf-hand{z-index:30;pointer-events:none;background:#ec489999;border:5px solid #fff;border-radius:50%;width:48px;height:48px;position:absolute;top:-24px;left:-24px;box-shadow:0 0 0 7px #ec489940}.wf-burst{z-index:20;color:#16a34a;pointer-events:none;background:#fff;border-radius:999px;padding:20px 54px;font-size:70px;font-weight:900;animation:.55s cubic-bezier(.2,1.6,.4,1) both wf-burst;position:absolute;top:44%;left:50%;translate:-50% -50%;box-shadow:0 0 0 8px #86efac,0 16px 0 8px #00000026}@keyframes wf-burst{0%{opacity:0;rotate:-10deg;scale:.3}to{opacity:1;rotate:none;scale:1}}.wf-tray{z-index:6;background:#fff;border-radius:40px;align-items:center;gap:20px;height:108px;padding:0 22px 0 168px;display:flex;position:absolute;bottom:14px;left:24px;right:24px;box-shadow:0 0 0 6px #34d399,0 0 0 12px #ffffffb3,0 -6px 18px #0000001f}.wf-clock{color:#c2410c;background:#fff;border:10px solid #fb923c;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:140px;height:140px;display:flex;position:absolute;bottom:4px;left:4px;box-shadow:0 8px #c2410c,0 14px 22px #00000040}.wf-clock:before,.wf-clock:after{content:"";background:#fb923c;border-radius:30px 30px 6px 6px;width:42px;height:30px;position:absolute;top:-26px;box-shadow:inset 0 -5px #c2410c}.wf-clock:before{left:6px;rotate:-28deg}.wf-clock:after{right:6px;rotate:28deg}.wf-clock b{font-size:58px;font-weight:900;line-height:1}.wf-clock span{font-size:18px;font-weight:800}.wf-clock.urgent{color:#dc2626;border-color:#ef4444;animation:.7s ease-in-out infinite wf-beat}@keyframes wf-beat{50%{rotate:4deg;scale:1.08}}.wf-chips{flex-wrap:wrap;flex:1;justify-content:center;align-items:center;gap:10px;min-width:0;max-height:98px;display:flex;overflow:hidden}.wf-chip{font:inherit;color:#fff;background:linear-gradient(#4ade80,#16a34a);border:0;border-radius:999px;padding:8px 22px;font-size:30px;font-weight:900;box-shadow:0 5px #15803d}.wf-chip.in{animation:.35s cubic-bezier(.2,1.6,.4,1) both wf-chip}.wf-chip.ghost{color:#6d28d9;box-shadow:none;background:#f5f3ff;border:3px dashed #a78bfa}.wf-chip.slot{text-align:center;color:#a78bfa;min-width:70px;box-shadow:none;background:#f5f3ff;border:3px dashed #c4b5fd;font-size:24px}.wf-chip.pick{cursor:pointer;color:var(--ink);background:linear-gradient(180deg, var(--a), var(--b));box-shadow:0 5px 0 var(--d);animation:.35s cubic-bezier(.2,1.6,.4,1) both wf-chip}.wf-chip.pick:hover{filter:brightness(1.08);translate:0 -2px}.wf-chip.lock:after{content:" ✓"}.wf-chip.ok{outline:4px solid #22c55e}.wf-chip.bad{--a:#fecaca;--b:#ef4444;--d:#991b1b;--ink:#fff;outline:4px solid #ef4444;animation:.42s linear wf-shake}.wf-chip-note{color:#dc2626;font-size:28px;font-weight:900}@keyframes wf-chip{0%{opacity:0;scale:.2}to{opacity:1;scale:1}}.wf-next{cursor:pointer;font:inherit;color:#fff;background:linear-gradient(#f9a8d4,#ec4899);border:0;border-radius:999px;flex:none;padding:18px 34px;font-size:28px;font-weight:900;box-shadow:0 7px #be185d}.wf-next:hover{filter:brightness(1.06)}.wf-next:active{translate:0 5px;box-shadow:0 2px #be185d}.wf-how{text-align:left;background:#f3eefe;border:4px dashed #c4b5fd;border-radius:28px;margin:0 0 30px;padding:22px 30px}.wf-how>b{letter-spacing:1px;text-transform:uppercase;color:#7c3aed;margin-bottom:8px;font-size:24px;display:block}.wf-how ul{margin:0;padding:0;list-style:none}.wf-how li{color:#3f3a52;margin:8px 0;padding-left:44px;font-size:28px;line-height:1.4;position:relative}.wf-how li:before{content:"★";color:#f59e0b;font-weight:900;position:absolute;top:0;left:4px}.wf-note{color:#b45309;margin:-12px 0 24px;font-size:24px}.wf-wait h2{color:#5b21b6}.wf-cam{z-index:8;background:#000;border:5px solid #fff;border-radius:20px;width:240px;position:absolute;top:168px;right:36px;overflow:hidden;box-shadow:0 8px 20px #0000004d}.wf-cam video{width:100%;display:block;transform:scaleX(-1)}.wf-cam span{color:#ef4444;font-size:18px;font-weight:800;position:absolute;top:6px;left:10px}.wf-camwarn{z-index:8;color:#fff;background:#000000b3;border-radius:14px;margin:0;padding:10px 22px;font-size:22px;position:absolute;top:172px;left:50%;translate:-50%}@media (prefers-reduced-motion:reduce){.wf-card.s-shake,.wf-chip.in,.wf-chip.pick,.wf-chip.bad,.wf-burst,.wf-clock.urgent,.wf-drift,.wf-spin,.wf-swim,.wf-bubble,.wf-sway,.wf-twinkle,.wf-float{animation:none}}.wf-board{z-index:2;box-sizing:border-box;background:#fffffff0;border-radius:36px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:18px 30px;display:flex;position:absolute;box-shadow:0 0 0 7px #facc15,0 0 0 13px #ffffffa6,0 16px 0 7px #0000001f}.wf-board-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.wf-board .wf-chip{padding:12px 30px;font-size:46px}.wf-board .wf-chip.slot{min-width:110px;font-size:34px}.wf-board .wf-chip-note{font-size:34px}
.hn-stage{color:#f5ead0;background:#142410;display:flex;position:absolute;inset:0;overflow:hidden}.hn-view{perspective:1300px;perspective-origin:50% 22%;touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;background:radial-gradient(at 50% 0,#3f5f22 0%,#1f3815 55%,#132210 100%);flex:none;height:900px;position:relative;overflow:hidden}.hn-plane{transform-origin:0 0;transform-style:preserve-3d;will-change:transform;position:absolute;left:50%}.hn-map{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.hn-fog{pointer-events:none;background:linear-gradient(#0f1a0c 0%,#0f1a0c8c 45%,#0f1a0c00 100%);height:230px;position:absolute;inset:0 0 auto}.hn-sprite{transform-origin:50% 100%;pointer-events:none;position:absolute;transform:translate(-50%,-100%)rotateX(-34deg)}.hn-sprite img{width:100%;display:block;position:relative}.hn-shadow{background:radial-gradient(#00000073,#0000 70%);border-radius:50%;height:16px;position:absolute;bottom:-6px;left:12%;right:12%}.hn-hero{perspective:260px}.hn-hero img{object-fit:contain;object-position:50% 100%;transform-origin:50% 100%;width:100%;height:100%;transform:scaleX(var(--flip,1));transition:transform .14s ease-out}.hn-hero.turn img{transform:rotateZ(calc(var(--flip,1) * 6deg)) rotateY(calc(var(--flip,1) * 40deg)) scaleX(var(--flip,1))}.hn-mon{display:contents}.hn-mon-img{image-rendering:pixelated;filter:drop-shadow(0 4px #00000040);animation:1.8s ease-in-out infinite hn-bob}.hn-mon.dead>.hn-sprite{animation:.8s ease-in forwards hn-die}.hn-mon.dead>.hn-ring{display:none}.hn-ring{pointer-events:none;background:radial-gradient(circle,#ff5a3200 52%,#ff5a3242 100%);border-radius:50%;position:absolute;transform:translate(-50%,-50%)translateZ(1px)}.hn-ring:before{content:"";border:5px dashed #ffe296e6;border-radius:50%;animation:9s linear infinite hn-spin;position:absolute;inset:0}.hn-ring.chest{background:0 0}.hn-ring.chest:before{border-color:#ffffff40}.hn-ring.chest.open{background:radial-gradient(circle,#ffd75059,#ffd75000 70%)}.hn-ring.chest.open:before{border-style:solid;border-color:#ffd54a;animation-duration:3s}.hn-chest{width:104px}.hn-chest img{filter:saturate(.55)brightness(.8)}.hn-chest.open img{filter:drop-shadow(0 0 14px #ffd54a);animation:1.1s ease-in-out infinite hn-bob}.hn-lock{filter:drop-shadow(0 2px 2px #00000080);font-size:30px;position:absolute;top:-34px;left:50%;translate:-50%}.hn-hint{pointer-events:none;z-index:5;background:#24180ed1;border:2px solid #b8925a;border-radius:14px;max-width:760px;margin:0;padding:12px 18px;font-size:19px;line-height:1.45;position:absolute;top:20px;left:24px}.hn-slots{bottom:22px;left:calc((var(--stage-w,1600px) - 330px) / 2);z-index:5;background:#24180ee0;border:3px solid #b8925a;border-radius:16px;gap:8px;padding:10px 16px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 8px 20px #0006}.hn-slots b{color:#b8925a;background:#4a3520;border:2px dashed #8a6a3a;border-radius:10px;place-items:center;width:52px;height:60px;font-size:32px;display:grid}.hn-slots b.open{color:#5a3608;background:linear-gradient(#ffe38a,#f2b83a);border:2px solid #fff3c4;animation:.5s ease-out hn-pop}.hn-slots i.gap{width:18px}.hn-panel{box-sizing:border-box;background:linear-gradient(#3a2a1a,#22170d);border-left:6px solid #8a6a3a;flex-direction:column;flex:none;gap:16px;height:900px;padding:22px 20px;font-size:19px;display:flex;position:relative}.hn-ptitle b{color:#ffe3a3;font-size:27px;display:block}.hn-ptitle span{color:#d9c49a;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:18px;display:block;overflow:hidden}.hn-prog span{color:#ffd27a;font-weight:700}.hn-prog i{background:#1a120a;border-radius:99px;height:12px;margin-top:8px;display:block;overflow:hidden}.hn-prog i b{background:linear-gradient(90deg,#f2b83a,#ffe38a);height:100%;transition:width .5s;display:block}.hn-pchest{background:#00000038;border:2px solid #6b4f2c;border-radius:14px;align-items:center;gap:14px;padding:12px;font-size:17px;line-height:1.35;display:flex}.hn-pchest img{filter:saturate(.5)brightness(.8);flex:none;width:86px}.hn-pchest.open{color:#ffe38a;border-color:#ffd54a;box-shadow:0 0 18px #ffd54a73}.hn-pchest.open img{filter:drop-shadow(0 0 8px #ffd54a)}.hn-mini{border:3px solid #b8925a;border-radius:10px;position:relative;overflow:hidden}.hn-mini img{width:100%;display:block}.hn-mini i,.hn-mini em,.hn-me{border-radius:50%;position:absolute;translate:-50% -50%}.hn-mini i{background:#ef4444;border:2px solid #fff;width:13px;height:13px}.hn-mini i.dead{opacity:.6;background:#64748b}.hn-mini em{background:#a3a3a3;border:2px solid #3b2a14;border-radius:4px;width:16px;height:16px}.hn-mini em.open{background:#ffd54a;animation:1s infinite hn-pulse}.hn-me{background:#3b82f6;border:3px solid #fff;width:17px;height:17px;box-shadow:0 0 0 4px #3b82f659}.hn-stats{grid-template-columns:1fr 1fr;gap:10px;display:grid}.hn-stats div{text-align:center;background:#00000040;border-radius:12px;padding:10px}.hn-stats b{color:#ffe3a3;font-size:30px;display:block}.hn-stats span{color:#cbb68c;font-size:15px}.hn-hearts{justify-content:center;gap:3px;padding:7px 0;display:flex!important}.hn-pbtns{gap:10px;margin-top:auto;display:grid}.hn-pbtns button{color:#f5ead0;cursor:pointer;background:#2a1d11;border:2px solid #b8925a;border-radius:12px;height:54px;font-size:20px;font-weight:700}.hn-pbtns button.on{background:#6b4f2c}.hn-pbtns button:hover{background:#4a3520}.hn-veil{z-index:30;background:#0a080480;place-items:center;display:grid;position:absolute;inset:0}.hn-battle{color:#3b2a14;background:#f8eed6;border:10px solid #e9cf96;border-radius:24px;grid-template-columns:1fr 360px;width:1120px;min-height:520px;animation:.35s ease-out hn-in;display:grid;overflow:hidden;box-shadow:0 26px 60px #0000008c,inset 0 0 0 2px #c9a466}.hn-battle.st-miss,.hn-battle.st-timeout{animation:.5s hn-shake}.hn-battle.st-hit{box-shadow:0 0 0 6px #22c55e,0 26px 60px #0000008c}.hn-bq{flex-direction:column;gap:14px;padding:30px 34px 24px;display:flex}.hn-tag{letter-spacing:.06em;color:#8a6a3a;text-transform:uppercase;font-size:17px;font-weight:800}.hn-ask{margin:0;font-size:32px;line-height:1.3}.hn-qimg{height:170px}.hn-need{color:#b45309;margin:0;font-size:18px;font-weight:700}.hn-choices{gap:12px;display:grid}.hn-choice{text-align:left;min-height:66px;color:inherit;cursor:pointer;background:#fffaf0;border:3px solid #d8b878;border-radius:14px;align-items:center;gap:16px;padding:8px 16px;font-size:25px;font-weight:700;transition:transform .12s,border-color .12s;display:flex}.hn-choice:hover:not(:disabled){border-color:#e0a040;transform:translate(4px)}.hn-choice.on{background:#ffe7bd;border-color:#e08a1e}.hn-choice.right{background:#dcfce7;border-color:#16a34a}.hn-choice.wrong{background:#fee2e2;border-color:#dc2626}.hn-choice:disabled{cursor:default}.hn-key{color:#4a3010;background:#d9b673;border-radius:10px;flex:none;place-items:center;width:44px;height:44px;font-size:22px;display:grid}.hn-choice.on .hn-key{color:#fff;background:#e08a1e}.hn-cimg{height:64px}.hn-input{height:66px;color:inherit;background:#fffaf0;border:3px solid #d8b878;border-radius:14px;outline:none;padding:0 18px;font-family:inherit;font-size:26px}.hn-input:focus{border-color:#e08a1e}.hn-bfoot{border-top:2px dashed #d8b878;justify-content:space-between;align-items:center;min-height:64px;margin-top:auto;padding-top:16px;display:flex}.hn-flee,.hn-attack{text-transform:uppercase;cursor:pointer;border-radius:14px;height:56px;padding:0 26px;font-size:21px;font-weight:800}.hn-flee{color:#6b4f2c;background:0 0;border:3px solid #b8925a}.hn-attack{color:#4a2a05;background:linear-gradient(#ffcf6b,#f59e0b);border:3px solid #b45309;box-shadow:0 5px #b45309}.hn-attack:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.hn-verdict{align-items:center;gap:18px;margin:0;font-size:26px;font-weight:800;display:flex}.hn-verdict.ok{color:#15803d}.hn-verdict.bad{color:#b91c1c}.hn-got{color:#b45309}.hn-timer{background:#e9dcc0;border-radius:99px;height:26px;position:relative;overflow:hidden}.hn-timer i{background:linear-gradient(90deg,#22c55e,#84cc16);transition:width .1s linear;position:absolute;inset:0 auto 0 0}.hn-timer i.low{background:linear-gradient(90deg,#ef4444,#f97316)}.hn-timer b{text-align:center;font-size:17px;line-height:26px;display:block;position:relative}.hn-bmon{perspective:600px;background:radial-gradient(at 50% 70%,#f3e2b8 0%,#e6d2a4 60%,#d8c08c 100%);border-left:3px dashed #d8b878;place-items:center;display:grid;position:relative}.hn-pedestal{background:radial-gradient(#9c8256 0%,#7a6340 60%,#5a462800 72%);border-radius:50%;width:260px;height:70px;position:absolute;bottom:120px;left:50%;translate:-50%}.hn-bmon-img{width:270px;image-rendering:pixelated;filter:drop-shadow(0 10px 6px #0000004d);animation:1.6s ease-in-out infinite hn-bob;position:relative}.st-miss .hn-bmon-img,.st-timeout .hn-bmon-img{animation:.6s ease-in-out hn-lunge}.st-hit .hn-bmon-img{animation:1.2s ease-in forwards hn-ko}.hn-slash{background:linear-gradient(90deg,#fff0,#fff,#fff0);border-radius:99px;width:340px;height:14px;animation:.45s ease-out forwards hn-slash;position:absolute;top:50%;left:50%;translate:-50% -50%;rotate:-35deg;box-shadow:0 0 24px #fff}.hn-letter{color:#ffd54a;-webkit-text-stroke:4px #7c4a03;text-shadow:0 8px 20px #00000059;font-size:120px;font-weight:900;animation:1.2s ease-out .3s both hn-rise;position:absolute;top:40%;left:50%;translate:-50% -50%}.hn-empty{flex:auto;place-items:center;font-size:26px;display:grid}.hn-win-chest{width:180px;margin:0 auto 8px;animation:1.2s ease-in-out infinite hn-bob;display:block}.hn-win-word{text-align:center;font-size:24px}.hn-win-word b{color:#f59e0b;letter-spacing:.12em}@keyframes hn-bob{0%,to{translate:0}50%{translate:0 -7px}}@keyframes hn-spin{to{rotate:360deg}}@keyframes hn-die{0%{opacity:1;filter:brightness(2)}to{opacity:0;scale:.2}}@keyframes hn-pop{0%{scale:.4}70%{scale:1.2}to{scale:1}}@keyframes hn-pulse{50%{scale:1.35}}@keyframes hn-in{0%{opacity:0;scale:.85}to{opacity:1;scale:1}}@keyframes hn-shake{0%,to{translate:0}20%{translate:-16px}40%{translate:14px}60%{translate:-10px}80%{translate:6px}}@keyframes hn-lunge{0%,to{translate:0;scale:1}40%{translate:-70px 10px;scale:1.18}}@keyframes hn-ko{0%{filter:brightness(3)sepia()hue-rotate(-40deg)}30%{translate:20px;rotate:8deg}to{opacity:0;translate:40px 60px;rotate:80deg}}@keyframes hn-slash{0%{opacity:1;width:0}to{opacity:0;width:360px}}@keyframes hn-rise{0%{opacity:0;translate:-50% 10%;scale:.3}to{opacity:1;translate:-50% -60%;scale:1}}