.pendu{grid-template-columns:minmax(0,1fr);grid-template-areas:"head""stage""panel";gap:20px;margin:8px 0 56px;display:grid}@media (width>=900px){.pendu{grid-template:"stage head""stage panel"1fr/minmax(0,1.6fr) minmax(300px,1fr);align-items:start;column-gap:28px}.pendu-stage{top:calc(var(--head-h) + 12px);position:sticky}}.pendu-head{grid-area:head}.pendu-head h1{letter-spacing:-.01em;font-size:clamp(1.8rem,4.2vw,2.5rem)}.pendu-head p{color:var(--ink-2);margin-top:10px}.pendu-stage{background:var(--surface);border:2px solid var(--line);border-radius:var(--r-xl);grid-area:stage;gap:14px;min-width:0;padding:clamp(12px,2.4vw,22px);display:grid;container-type:inline-size}.pendu-bar{color:var(--ink-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 14px;font-size:.95rem;font-weight:600;display:flex}.pendu-score strong{color:var(--ink);font:700 1.1em/1 var(--display)}.pendu-lives{align-items:center;gap:10px;display:inline-flex}.pendu-dots{gap:4px;display:inline-flex}.pendu-dots i{background:var(--line);border-radius:50%;width:11px;height:11px;transition:background-color .3s}.pendu-dots i.is-on{background:var(--tone)}.pendu-board{place-items:center;gap:14px;display:grid}.pendu-art{width:min(54cqi,250px)}@container (width>=480px){.pendu-board{grid-template-columns:clamp(180px,36cqi,290px) minmax(0,1fr);justify-items:stretch;gap:22px}.pendu-art{width:100%}.pendu-board.is-long{grid-template-columns:minmax(0,1fr);justify-items:center;gap:14px}.pendu-board.is-long .pendu-art{width:clamp(170px,30cqi,250px)}}.pendu-svg{width:100%;height:auto;display:block}.pendu-play{text-align:center;align-content:center;justify-items:center;gap:14px;width:100%;min-width:0;display:grid}.pendu-word{flex-wrap:wrap;justify-content:center;gap:14px 0;width:100%;min-height:64px;display:flex;container-type:inline-size}.pendu-group{--cell:clamp(12px, calc(100cqi / var(--n,8) * .83), var(--cell-max,58px));justify-content:center;row-gap:10px;column-gap:calc(var(--cell) * .14);margin-inline:calc(var(--cell) * .3);flex-wrap:wrap;display:inline-flex}.pendu-slot{width:var(--cell);height:calc(var(--cell) * 1.32);padding-bottom:calc(var(--cell) * .06);border-bottom:max(3px, calc(var(--cell) * .08)) solid var(--ink);color:var(--ink);font:700 calc(var(--cell) * .9)/1 var(--display);text-transform:none;place-items:end center;display:grid}.pendu-slot--wide{width:calc(var(--cell) * 1.6)}.pendu-slot--fixed{width:calc(var(--cell) * .5);border-bottom-color:#0000}.pendu-slot.is-partial{color:var(--ink-3)}.pendu-slot.is-missed{color:var(--tone);border-bottom-color:var(--tone)}.pendu-slot.is-new{animation:pendu-pop .4s var(--bounce)}.pendu-word[data-state=won] .pendu-slot:not(.pendu-slot--fixed){color:var(--ok-t);border-bottom-color:var(--ok)}@keyframes pendu-pop{0%{opacity:0;scale:.4}}.pendu-hintbox{justify-items:center;min-height:40px;display:grid}.pendu-hint-btn svg{stroke-width:2px}.pendu-hint{border-radius:var(--r-sm);max-width:36em;color:var(--ink);background:#fff3d6;padding:8px 16px;font-size:clamp(1rem,2.6cqi,1.25rem);font-weight:500;animation:.3s pop-in}.pendu-empty{border:2px dashed var(--line-strong);border-radius:var(--r-md);color:var(--ink-2);padding:14px 18px;font-weight:600}.pendu-svg>g{display:none}.pendu-svg[data-drawing=ballons] .art-balloons,.pendu-svg[data-drawing=neige] .art-snow,.pendu-svg[data-drawing=bougie] .art-candle{display:inline}.art-sky{fill:#e3f0fa}.art-ground{fill:#fff;stroke:#c9dceb;stroke-width:2px}.snow{fill:#fff;stroke:#9db7cb;stroke-width:2px}.snow-shade{fill:#e2edf6}.branch{fill:none;stroke:#7a4b2a;stroke-width:3.5px;stroke-linecap:round}.art-snow [data-part]{transform-box:view-box;transition:transform .8s cubic-bezier(.4,0,.2,1),opacity .6s}.art-grass{fill:#d5ecb6;stroke:#a9cf7f;stroke-width:2px}.skin-line{fill:none;stroke:#f3c39b;stroke-width:3.6px;stroke-linecap:round}.art-balloons [data-b=kid]{transition:transform 1.3s cubic-bezier(.3,.75,.4,1)}.art-balloons [data-b=shadow]{transform-box:view-box;transition:transform 1.3s,opacity 1.3s}.bl{transform-box:fill-box;transform-origin:50% 100%;transition:transform 2.6s cubic-bezier(.45,0,.7,.6),opacity 2.4s ease-in}.bl.is-gone{transform:translate(var(--dx), -190px) rotate(var(--r));opacity:0}.pendu-svg.is-won [data-b=body]{animation:.5s ease-in-out 3 pendu-joy}.kid-smile{transition:opacity .6s}.kid-sad{opacity:0;transition:opacity .8s}.pendu-svg.is-lost .kid-smile{opacity:0;transition-delay:.9s}.pendu-svg.is-lost .kid-sad{opacity:1;transition-delay:.9s}@keyframes pendu-joy{50%{transform:translateY(-6px)rotate(-3deg)}}.art-night{fill:#0f3d66}.wax{fill:#f6ead2}#pendu-wax,#pendu-wax-shade{transition:y 1s,height 1s}#pendu-ticks{stroke:#b0956a;stroke-width:1.6px}#pendu-ticks path{transition:opacity .6s}#pendu-ticks path.is-melted{opacity:0}.art-candle [data-c=top],.art-candle [data-c=pool]{transform-box:view-box;transition:transform 1s}.candle-glow{transition:opacity .8s}.art-candle [data-c=flame]{transform-box:view-box;transition:opacity .8s;animation:1.6s ease-in-out infinite pendu-flicker}@keyframes pendu-flicker{50%{transform:scale(.93,1.05)rotate(1.5deg)}}.art-candle [data-c=smoke]{opacity:0}.pendu-svg.is-out [data-c=flame],.pendu-svg.is-out .candle-glow{opacity:0;animation:none}.pendu-svg.is-out [data-c=smoke]{animation:2.4s ease-out .4s forwards pendu-smoke}@keyframes pendu-smoke{0%{opacity:0;transform:translateY(6px)}30%{opacity:.9}to{opacity:.45;transform:none}}.pendu-kbwrap{position:relative}.pendu-kb{--kgap:clamp(4px, 1.1cqi, 9px);gap:var(--kgap);width:100%;max-width:780px;margin:0 auto;display:grid}.pendu-kb__row{gap:var(--kgap);grid-template-columns:repeat(10,minmax(0,1fr));display:grid}.pendu-kb__row--3>:first-child{grid-column-start:3}.pendu-key{min-width:0;height:var(--key-h,clamp(46px, 8.4cqi, 64px));border:2px solid var(--line-strong);background:var(--surface);color:var(--ink);box-shadow:0 3px 0 var(--line-strong);font:700 clamp(1.1rem, 3.6cqi, 1.7rem)/1 var(--display);border-radius:clamp(8px,1.6cqi,14px);padding:0;transition:transform 80ms,box-shadow 80ms,background-color .2s}.pendu-key:hover:not(:disabled){border-color:var(--tone)}.pendu-key:active:not(:disabled){box-shadow:none;transform:translateY(3px)}.pendu-key:disabled{cursor:default}.pendu-key.is-hit{background:var(--ok-soft);color:var(--ok-t);box-shadow:none;border-color:#a6dec0;transform:translateY(3px)}.pendu-key.is-miss{background:var(--surface-2);border-color:var(--surface-2);color:var(--ink-3);box-shadow:none;text-decoration:line-through 3px var(--tone);transform:translateY(3px)}.pendu-end{border-radius:var(--r-lg);background:color-mix(in srgb, var(--surface) 92%, transparent);text-align:center;place-content:center;justify-items:center;gap:12px;padding:12px;animation:.3s pop-in;display:grid;position:absolute;inset:-6px}.pendu-end__title{font:700 clamp(1.4rem, 5cqi, 2.4rem)/1.15 var(--display);color:var(--ink)}.pendu-end[data-state=won] .pendu-end__title{color:var(--ok-t)}.pendu-end[data-state=lost] .pendu-end__title{color:var(--tone)}.pendu-end__word{color:var(--ink);margin-top:-6px;font-size:clamp(1.05rem,3cqi,1.4rem);font-weight:600}.pendu-end__keys{color:var(--ink-3);font-size:.88rem}@media (hover:none){.pendu-end__word{color:var(--ink);margin-top:-6px;font-size:clamp(1.05rem,3cqi,1.4rem);font-weight:600}.pendu-end__keys{display:none}}.btn--lg{min-height:56px;padding:0 26px;font-size:1.06rem}.pendu-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.pendu-stage:fullscreen{--cell-max:104px;--key-h:clamp(52px, 9.5vh, 96px);background:var(--bg);border:0;border-radius:0;align-content:center;gap:2.4vh;padding:3vh 4vw;overflow:auto}.pendu-stage:fullscreen>*{width:100%;max-width:1500px;margin-inline:auto}.pendu-stage:fullscreen .pendu-bar{font-size:clamp(1rem,2.4vh,1.5rem)}.pendu-stage:fullscreen .pendu-dots i{width:clamp(12px,2vh,20px);height:clamp(12px,2vh,20px)}@container (width>=900px){.pendu-stage:fullscreen .pendu-board{grid-template-columns:min(44vh,32vw) minmax(0,1fr)}.pendu-stage:fullscreen .pendu-board.is-long{grid-template-columns:minmax(0,1fr)}.pendu-stage:fullscreen .pendu-board.is-long .pendu-art{width:min(34vh,30vw)}}.pendu-stage:fullscreen .pendu-kb{max-width:min(1100px,100%)}.pendu-stage:fullscreen .pendu-key{font-size:clamp(1.3rem,4.4vh,2.6rem)}.pendu-stage:fullscreen .pendu-hint{font-size:clamp(1.1rem,3vh,1.8rem)}.pendu-panel{grid-area:panel;gap:12px;min-width:0;padding:18px 20px 8px;display:grid}.pendu-list-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.pendu-list-head h2{font-size:1.15rem}.pendu-masked{border-radius:var(--r-md);background:var(--surface-2);color:var(--ink-2);align-items:center;gap:12px;padding:14px 16px;font-size:.93rem;display:flex}.pendu-masked svg{fill:none;width:28px;height:28px;stroke:var(--ink-3);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none}.pendu-masked strong{color:var(--ink);font-size:1rem;display:block}.pendu-edit{gap:8px;display:grid}.pendu-list{min-height:180px;font-size:1.02rem;line-height:1.45}@media (width>=900px){.pendu-list{height:clamp(150px,100svh - 560px,340px);min-height:0}}.pendu-count{color:var(--ink-2);font-size:.93rem;font-weight:600}.pendu-help{color:var(--ink-3);font-size:.88rem}.pendu-help code{background:var(--surface-2);color:var(--ink);border-radius:6px;padding:1px 6px;font-size:.95em}.pendu-example{border-radius:var(--r-sm);color:var(--ink);background:#fff3d6;padding:8px 12px;font-size:.9rem;font-weight:600}.pendu-opt{flex-wrap:wrap;gap:8px 16px}.pendu-opt .seg{flex-wrap:wrap;flex:0 auto;max-width:100%}@media (width<=420px){.pendu-opt .seg button{padding:8px 10px}}.pendu-opt .seg button{min-height:40px}#pendu-max button{min-width:40px}@media (prefers-reduced-motion:reduce){.art-snow [data-part],.pendu-dots i,.pendu-key,.art-balloons [data-b],.bl,.kid-smile,.kid-sad,#pendu-wax,#pendu-wax-shade,#pendu-ticks path,.art-candle [data-c],.candle-glow{transition:none}.art-candle [data-c=flame],.pendu-svg.is-won [data-b=body]{animation:none}.pendu-svg.is-out [data-c=smoke]{opacity:.6;animation:none}.pendu-slot.is-new,.pendu-end,.pendu-hint{animation:none}}