.kb-container{max-width:600px}.kb-game{--brand-pt: 20px;--brand-px: 20px;padding:20px 20px 16px}.kb-head{display:flex;flex-direction:column;align-items:center;margin-bottom:12px;text-align:center}.kb-kicker{display:flex;align-items:center;gap:8px;color:#8b4513;font-family:Reggae One,cursive;font-size:.72rem;letter-spacing:1.5px;text-transform:uppercase}.kb-kicker span{font-family:Yu Mincho,MS Mincho,"Noto Serif JP",serif;font-size:.8rem;letter-spacing:1px;opacity:.8}.kb-kicker:before,.kb-kicker:after{content:"";width:24px;height:1px;background:#8b5a2b73}.kb-question{margin:4px 0 0;color:#1a0a00;font-family:Reggae One,cursive;font-size:clamp(1.3rem,4.6vw,1.75rem);font-weight:400;line-height:1.15;-webkit-text-stroke:.4px #1A0A00}.kb-hud{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.kb-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 11px;color:#4a2e15;background:#8b5a2b1f;border:1px solid rgba(139,90,43,.38);border-radius:999px;font-size:.74rem;font-weight:800;line-height:1.4}.kb-pill b{color:var(--wn-orange-dark);font-variant-numeric:tabular-nums}.kb-pill--time b{display:inline-block;min-width:3.1ch;text-align:right}.kb-pill--time svg{color:#8b4513}.kb-chakra-label{font-size:.7rem;letter-spacing:.3px}.kb-orbs{display:inline-flex;gap:4px}.kb-orb{width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#d6f4ff 0,#d6f4ff 12%,#4fc3f7 38%,#1565c0 78%,#0d3c7a);box-shadow:0 0 6px #4fc3f7b3,inset 0 -1px 2px #0000004d;transition:background .25s,box-shadow .25s}.kb-orb.is-spent{background:#5c40332e;box-shadow:inset 0 1px 2px #00000059}.kb-orb.is-break{animation:kb-orb-break .45s ease}@keyframes kb-orb-break{0%{transform:scale(1.5);box-shadow:0 0 14px #ff503ce6}to{transform:scale(1)}}.kb-track{display:flex;gap:5px;width:100%;max-width:440px;margin:10px auto 0;padding:0;list-style:none}.kb-track li{flex:1;height:6px;background:#5c403333;border-radius:999px;transition:background .3s}.kb-track li.is-ok{background:var(--state-correct)}.kb-track li.is-warn{background:var(--state-partial)}.kb-track li.is-fail{background:var(--state-incorrect)}.kb-track li.is-now{background:var(--wn-orange);box-shadow:0 0 8px var(--wn-orange-glow)}.kb-stage{position:relative;width:100%;max-width:440px;aspect-ratio:1;margin:10px auto 0;padding:clamp(6px,1.6vw,9px);background:#0a08059e;border:2px solid rgba(100,70,30,.55);border-radius:14px;box-shadow:inset 0 2px 10px #00000073,0 2px #ffffff59}.kb-stage.is-hurt{animation:kb-hurt .4s ease}@keyframes kb-hurt{30%{box-shadow:inset 0 0 0 3px #da3633d9,inset 0 0 30px #da363380}}.kb-grid{--cols: 3;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-auto-rows:1fr;gap:clamp(4px,1.3vw,8px);width:100%;height:100%}.kb-stage.is-covered .kb-grid{visibility:hidden}.kb-clone{position:relative;min-width:0;padding:0;background:#120d08;border:2px solid rgba(255,173,85,.22);border-radius:9px;box-shadow:0 3px #0006;cursor:pointer;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.kb-clone-pic{position:absolute;top:0;right:0;bottom:0;left:0;display:block;overflow:hidden;border-radius:7px}.kb-clone-pic img{display:block;width:100%;height:100%;object-fit:cover;transform-origin:center;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}@media(hover:hover)and (pointer:fine){.kb-clone:not(:disabled):hover{border-color:var(--wn-orange);box-shadow:0 3px #0006,0 0 12px var(--wn-orange-glow);transform:translateY(-2px)}}.kb-clone:not(:disabled):active{transform:translateY(2px);box-shadow:none}.kb-clone:focus-visible{outline:3px solid var(--wn-orange);outline-offset:2px}.kb-clone:disabled{cursor:default}.kb-clone.is-in .kb-clone-pic{animation:kb-appear .34s cubic-bezier(.2,.9,.3,1.35) calc(var(--d, 0ms) + .11s) both}@keyframes kb-appear{0%{opacity:0;transform:scale(.55)}to{opacity:1;transform:none}}.kb-poof{position:absolute;top:-18%;right:-18%;bottom:-18%;left:-18%;z-index:3;pointer-events:none;background:radial-gradient(circle at 32% 38%,rgba(255,255,255,.96) 0 17%,transparent 18%),radial-gradient(circle at 64% 32%,rgba(244,244,244,.96) 0 19%,transparent 20%),radial-gradient(circle at 52% 62%,rgba(236,236,236,.95) 0 22%,transparent 23%),radial-gradient(circle at 24% 66%,rgba(250,250,250,.92) 0 14%,transparent 15%),radial-gradient(circle at 76% 64%,rgba(246,246,246,.92) 0 15%,transparent 16%),radial-gradient(circle at 50% 22%,rgba(255,255,255,.9) 0 11%,transparent 12%);filter:blur(.6px) drop-shadow(0 2px 3px rgba(0,0,0,.25));animation:kb-poof .52s ease-out forwards}.kb-poof.is-delayed{animation-delay:var(--d, 0ms);opacity:0}@keyframes kb-poof{0%{opacity:0;transform:scale(.35) rotate(0)}22%{opacity:1}to{opacity:0;transform:scale(1.3) rotate(25deg)}}.kb-clone.is-found{z-index:2;border-color:#ffd54a;box-shadow:0 0 0 3px #ffd54a80,0 0 24px #ffaa00bf;animation:kb-found .5s cubic-bezier(.2,.9,.3,1.4)}@keyframes kb-found{0%{transform:scale(1)}45%{transform:scale(1.12)}to{transform:scale(1.04)}}.kb-clone.is-found:disabled,.kb-stage.is-over .kb-clone.is-found{transform:scale(1.04)}.kb-clone.is-gone{border-color:#ffad550f;background:#ffffff06;box-shadow:none;transition:border-color .35s ease,background .35s ease,box-shadow .35s ease}.kb-clone.is-gone .kb-clone-pic{animation:kb-vanish .36s ease-in forwards}@keyframes kb-vanish{to{opacity:0;transform:scale(.5)}}.kb-clone.is-revealed{z-index:2;border:3px dashed #fff3df;box-shadow:0 0 0 3px #1a0a008c,0 0 18px #fff3df8c;animation:kb-reveal 1s ease-in-out 2}@keyframes kb-reveal{50%{transform:scale(1.07)}}.kb-badge{position:absolute;left:50%;bottom:-9px;z-index:4;padding:1px 8px;color:#2b1700;background:linear-gradient(#ffe27a,#f6b300);border:1px solid #a36d00;border-radius:999px;box-shadow:0 2px 4px #0006;font-size:clamp(.52rem,1.8vw,.66rem);font-weight:900;letter-spacing:.3px;text-transform:uppercase;white-space:nowrap;transform:translate(-50%);pointer-events:none}.kb-clone.is-revealed .kb-badge{color:#fff;background:#3a2414;border-color:#fff3df}.kb-clone.is-log{border-color:var(--state-incorrect);box-shadow:0 0 0 1px #da363359}.kb-clone.is-log .kb-clone-pic{display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,#3b2a1c,#1a120b 75%)}.kb-clone.is-log .kb-clone-pic img{display:none}.kb-log{width:74%;height:auto;filter:drop-shadow(0 3px 2px rgba(0,0,0,.5));animation:kb-log-in .32s cubic-bezier(.2,.9,.3,1.4) .12s both}@keyframes kb-log-in{0%{opacity:0;transform:scale(.4) rotate(-25deg)}to{opacity:1;transform:none}}.kb-clone.is-shake{animation:kb-shake .32s ease}@keyframes kb-shake{20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.kb-float{position:absolute;top:36%;left:50%;z-index:5;padding:2px 9px;color:#ffd54a;background:#1a0a00e0;border:1px solid rgba(255,213,74,.6);border-radius:999px;box-shadow:0 3px 8px #00000080;font-family:Reggae One,cursive;font-size:clamp(.78rem,2.8vw,1rem);line-height:1.3;white-space:nowrap;pointer-events:none;transform:translate(-50%);animation:kb-float 1.1s ease-out forwards}.kb-float.is-bad{color:#fff;background:#961916eb;border-color:#ffbeb499}@keyframes kb-float{0%{opacity:0;transform:translate(-50%,10px) scale(.7)}20%{opacity:1;transform:translate(-50%) scale(1.1)}to{opacity:0;transform:translate(-50%,-34px) scale(1)}}.kb-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:grid;place-items:center;padding:18px;overflow:hidden;background:radial-gradient(ellipse at 50% 42%,#342313f7,#0c0906fb 72%);border-radius:12px}.kb-overlay:before{content:"影分身の術";position:absolute;right:-4%;bottom:-6%;color:#ff8c330e;font-family:Yu Mincho,MS Mincho,"Noto Serif JP",serif;font-size:clamp(5rem,26vw,9rem);font-weight:700;line-height:1;writing-mode:vertical-rl;pointer-events:none}.kb-overlay>*{position:relative}.kb-overlay[hidden]{display:none}.kb-overlay-card{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:330px;color:var(--wn-text);text-align:center}.kb-overlay-card[hidden]{display:none}.kb-hanko{display:grid;width:62px;height:62px;place-items:center;color:#ffe8cc;background:radial-gradient(circle at 35% 30%,#b8441a,#6b1d08);border:2px solid rgba(255,232,204,.4);border-radius:10px;box-shadow:0 4px 14px #00000080,0 0 22px #ff6b0040;font-family:Yu Mincho,MS Mincho,"Noto Serif JP",serif;font-size:2.1rem;font-weight:700;transform:rotate(-5deg)}.kb-overlay-title{margin:2px 0 0;color:var(--wn-orange);font-family:Reggae One,cursive;font-size:clamp(1.1rem,4.2vw,1.4rem);font-weight:400;line-height:1.2;text-shadow:0 0 14px var(--wn-orange-glow)}.kb-overlay-desc{margin:0;color:#e3d3bd;font-size:clamp(.8rem,2.8vw,.92rem);line-height:1.45}.kb-overlay-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.kb-overlay-chips span{padding:3px 10px;color:#ffad55;background:#ff6b0014;border:1px solid rgba(255,140,51,.45);border-radius:999px;font-size:.72rem;font-weight:800}.kb-start.wn-btn-primary{margin-top:6px;padding:11px 22px;font-family:Reggae One,cursive;font-size:clamp(.95rem,3.6vw,1.1rem);font-weight:400;letter-spacing:.3px;box-shadow:0 4px #8a3600,0 0 22px #ff6b0073;animation:kb-breathe 2.2s ease-in-out infinite}.kb-start.wn-btn-primary:active{transform:translateY(3px);box-shadow:0 1px #8a3600}@keyframes kb-breathe{50%{box-shadow:0 4px #8a3600,0 0 34px #ff6b00b3}}.kb-overlay-card--count{gap:2px}.kb-count{color:var(--wn-orange);font-family:Reggae One,cursive;font-size:clamp(4.2rem,22vw,7rem);line-height:1;text-shadow:0 0 26px rgba(255,107,0,.65),0 4px 0 #6b2a00}.kb-count.is-go{color:#fff;font-size:clamp(1.7rem,8vw,2.6rem);-webkit-text-stroke:1px var(--wn-orange-dark);text-shadow:0 0 24px rgba(255,107,0,.9),0 3px 0 #6b2a00}.kb-count.is-pop,.kb-splash-title.is-pop{animation:kb-count-pop .5s cubic-bezier(.2,.9,.3,1.3)}@keyframes kb-count-pop{0%{opacity:0;transform:scale(1.9)}to{opacity:1;transform:none}}.kb-splash-kicker{color:#ffad55;font-size:.78rem;font-weight:900;letter-spacing:2px;text-transform:uppercase}.kb-splash-kicker[hidden]{display:none}.kb-splash-title{color:var(--wn-orange);font-family:Reggae One,cursive;font-size:clamp(2rem,10vw,3rem);line-height:1.1;text-shadow:0 0 22px rgba(255,107,0,.55),0 3px 0 #6b2a00}.kb-splash-sub{color:#e3d3bd;font-size:.9rem;font-weight:700}.kb-msg{min-height:1.4em;margin:10px 0 0;color:#5c4033;font-size:.86rem;font-weight:800;text-align:center}.kb-msg.is-good{color:#1f5f2e}.kb-msg.is-bad{color:#a3290f}.kb-result-icon{font-family:Yu Mincho,MS Mincho,"Noto Serif JP",serif;font-weight:700}.kb-summary{display:flex;flex-direction:column;align-items:center;gap:12px;margin:14px 0 6px;padding:14px 10px 12px;background:#fffaf06b;border:1px solid rgba(80,50,20,.22);border-radius:12px}.kb-summary:empty{display:none}.kb-sum-head{display:flex;flex-direction:column;align-items:center;gap:2px}.kb-sum-label{color:#4a2e15;font-size:.7rem;font-weight:900;letter-spacing:1.5px;text-transform:uppercase}.kb-sum-time{color:#1a0a00;font-family:Reggae One,cursive;font-size:clamp(2.3rem,10vw,3rem);font-weight:400;line-height:1.05;font-variant-numeric:tabular-nums}.kb-sum-time small{margin-left:2px;font-size:.45em;opacity:.7}.kb-sum-note{color:#4a2e15;font-size:.8rem;font-weight:700}.kb-sum-note b{color:#b07a00}.kb-chips{display:flex;justify-content:center;gap:6px;width:100%;max-width:400px;margin:0;padding:0;list-style:none}.kb-chip{position:relative;flex:0 1 84px;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0}.kb-chip-pic{display:block;width:clamp(40px,12vw,54px);aspect-ratio:1;overflow:hidden;border:3px solid rgba(92,64,51,.35);border-radius:50%;box-shadow:0 2px 4px #0000004d}.kb-chip-pic img{width:100%;height:100%;object-fit:cover;object-position:50% 28%;display:block}.kb-chip.is-ok .kb-chip-pic{border-color:var(--state-correct)}.kb-chip.is-warn .kb-chip-pic{border-color:var(--state-partial)}.kb-chip.is-fail .kb-chip-pic{border-color:var(--state-incorrect)}.kb-chip.is-pending .kb-chip-pic{filter:grayscale(1) brightness(.75);opacity:.55}.kb-chip-time{color:#1a0a00;font-size:.78rem;font-weight:900;font-variant-numeric:tabular-nums}.kb-chip.is-fail .kb-chip-time{color:var(--state-incorrect-dark)}.kb-chip.is-pending .kb-chip-time{color:#4a2e1580}.kb-chip-errs{position:absolute;top:-4px;right:calc(50% - clamp(26px,7.5vw,34px));padding:0 4px;color:#fff;background:var(--state-incorrect);border-radius:999px;font-size:.62rem;font-style:normal;font-weight:900;line-height:1.35;letter-spacing:-1px}.kb-chip-name{width:100%;overflow:hidden;color:#4a2e15;font-size:.6rem;font-weight:700;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.kb-stats-row .wn-stats-label{width:54px;font-family:Segoe UI,system-ui,sans-serif;font-size:.74rem;font-weight:800;text-align:right;white-space:nowrap}.kb-container .game-result-duplicate-note{color:#4a1d0c;background:#fffaf099;border-color:#782d0f59;font-size:.85rem!important;font-weight:700}@media(min-width:601px){.kb-container .game-result-content{flex-wrap:nowrap;justify-content:flex-start}.kb-container .game-result-text{flex:1;min-width:0;text-align:left}}.kb-container .game-result-wrapper{margin-bottom:22px}.kb-tutorial-content{max-width:410px}.kb-mini-row{display:flex;align-items:center;gap:5px;flex:0 0 auto}.kb-demo-clone{position:relative;display:block;flex:0 0 auto;width:46px;height:46px;overflow:hidden;background:#120d08;border:2px solid rgba(100,70,30,.55);border-radius:7px}.kb-demo-clone img{width:100%;height:100%;object-fit:cover;object-position:50% 28%;display:block}.kb-demo-clone.is-found{border-color:#ffd54a;box-shadow:0 0 0 2px #ffd54a73,0 0 10px #fa09}.kb-demo-clone.is-log{display:grid;place-items:center;border-color:var(--state-incorrect);background:radial-gradient(circle at 50% 45%,#3b2a1c,#1a120b 75%)}.kb-demo-clone .kb-log{width:80%;animation:none}.kb-mini-hud{gap:8px}.kb-mini-hud .kb-pill{padding:2px 8px;font-size:.68rem}.kb-tutorial-note{margin:4px 0 10px;color:var(--wn-orange);font-size:.82rem;font-weight:700;text-align:center}.wn-wordle-howto-demo .kb-demo-clone{width:46px;height:46px}.kb-howto-time{flex-direction:column;gap:2px}.kb-howto-time span{color:#1a0a00;font-family:Reggae One,cursive;font-size:1.5rem;line-height:1}.kb-howto-time small{font-size:.55em;opacity:.7}.kb-howto-time b{color:#4a2e15;font-size:.68rem;letter-spacing:.08em}@media(max-width:500px){.kb-game{--brand-pt: 16px;--brand-px: 10px;padding:16px 10px 12px}.kb-pill{padding:2px 9px;font-size:.7rem}.kb-chakra-label{display:none}.kb-overlay{padding:12px}.kb-hanko{width:52px;height:52px;font-size:1.75rem}.kb-clone{border-radius:7px;border-width:1.5px}.kb-clone-pic{border-radius:5px}}html[data-tutorial-motion=reduce] .kb-clone,html[data-tutorial-motion=reduce] .kb-clone *,html[data-tutorial-motion=reduce] .kb-stage,html[data-tutorial-motion=reduce] .kb-orb,html[data-tutorial-motion=reduce] .kb-count,html[data-tutorial-motion=reduce] .kb-splash-title,html[data-tutorial-motion=reduce] .kb-start{animation:none!important}html[data-tutorial-motion=reduce] .kb-float,html[data-tutorial-motion=reduce] .kb-poof{display:none}html[data-tutorial-motion=reduce] .kb-clone.is-gone .kb-clone-pic{opacity:.25}.kb-clone.is-checking{animation:kb-checking .6s ease-in-out infinite alternate}@keyframes kb-checking{0%{filter:drop-shadow(0 0 4px rgba(255,170,60,.5));transform:scale(1)}to{filter:drop-shadow(0 0 14px rgba(255,170,60,.95));transform:scale(1.06)}}html.tutorial-motion-reduce .kb-clone.is-checking{animation:none;filter:drop-shadow(0 0 8px rgba(255,170,60,.8))}