:root{color-scheme:light;font-family:Avenir Next,Trebuchet MS,Segoe UI,sans-serif;line-height:1.45;font-weight:400;--page-bg: #f5f1e8;--page-bg-deep: #eee7db;--surface: rgba(255, 253, 248, .96);--surface-muted: #f7f2e9;--surface-raised: #fffdfa;--border: #ddd2c0;--border-strong: #cbbba5;--text: #22323d;--text-soft: #62727b;--accent: #5f7887;--accent-strong: #49626f;--accent-soft: #dce5ea;--success: #648d6f;--success-soft: #e7f1e8;--danger: #b87758;--danger-soft: #f5e6dd;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);background:radial-gradient(circle at top,rgba(255,255,255,.82),transparent 28rem),linear-gradient(180deg,var(--page-bg) 0%,var(--page-bg-deep) 100%);color:var(--text)}*{box-sizing:border-box}html{min-height:100%;max-width:100%;overflow-x:clip}body{margin:0;min-width:320px;max-width:100%;min-height:100dvh;overflow-x:clip;color:var(--text);background:radial-gradient(circle at top,rgba(255,255,255,.82),transparent 28rem),linear-gradient(180deg,var(--page-bg) 0%,var(--page-bg-deep) 100%);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{font:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid rgba(95,120,135,.28);outline-offset:3px}#app{min-height:100dvh}.page-shell{width:min(1180px,calc(100% - 16px));max-width:100%;margin:0 auto;padding:max(8px,var(--safe-top)) max(8px,var(--safe-right)) max(8px,var(--safe-bottom)) max(8px,var(--safe-left))}.game-panel{display:flex;flex-direction:column;gap:12px;width:100%;max-width:100%;min-height:calc(100dvh - 16px - var(--safe-top) - var(--safe-bottom));padding:16px;border:1px solid var(--border);border-radius:28px;background:var(--surface);box-shadow:0 18px 40px #20303d14;overflow:clip}.toolbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px}.game-title{margin:0;font-size:clamp(1.55rem,2.8vw,2.24rem);line-height:.96;letter-spacing:-.05em;color:var(--text);white-space:nowrap}.player-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.player-pill,.restart-button,.ghost-button{border-radius:999px;font-weight:700}.player-pill{display:inline-flex;align-items:center;padding:8px 14px;border:1px solid var(--border);background:var(--surface-muted);color:var(--text)}.toolbar-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.restart-button,.ghost-button,.letter-key{cursor:pointer;transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease,color .14s ease,opacity .14s ease}.restart-button,.ghost-button{padding:11px 16px;border:1px solid transparent}.restart-button{background:var(--accent);color:#f9fbfd;box-shadow:0 10px 24px #5f79882e}.ghost-button{border-color:var(--border);background:var(--surface-muted);color:var(--accent-strong)}.restart-button:hover{background:var(--accent-strong)}.ghost-button:hover{border-color:var(--border-strong)}.play-layout{display:flex;flex:1;flex-direction:column;gap:12px;min-height:0}.figure-column,.puzzle-column{min-width:0}.figure-column{display:flex}.puzzle-column{display:flex;flex-direction:column;gap:10px}.gallows-card,.word-card,.keyboard-card,.wrong-letters-card,.stat-card,.mini-stat{border:1px solid var(--border);background:var(--surface-muted);box-shadow:inset 0 1px #ffffffe0}.gallows-card,.word-card,.keyboard-card,.wrong-letters-card{border-radius:22px}.gallows-card{display:flex;flex:1;flex-direction:column;gap:12px;width:100%;padding:14px}.gallows-scene{position:relative;width:min(100%,28rem);aspect-ratio:4 / 3;margin:0 auto;border-radius:20px;background:radial-gradient(circle at 80% 20%,rgba(255,255,255,.85),transparent 24%),linear-gradient(180deg,#fcfaf5,#f2eadc);overflow:hidden}.gallows-scene:after{content:"";position:absolute;inset:auto auto 12% 10%;width:26%;height:16%;border-radius:999px;background:linear-gradient(180deg,#cddec3c2,#bfd1b8f0)}.scaffold,.figure-part{position:absolute;display:block;background:#86664f;border-radius:999px}.scaffold-base{left:15%;bottom:15%;width:48%;height:4%}.scaffold-post{left:25%;top:12%;width:4%;height:74%}.scaffold-beam{left:25%;top:12%;width:42%;height:4%}.scaffold-rope{left:63%;top:15%;width:1.7%;height:14%;background:#b59579}.figure-part{opacity:0}.figure-part.is-visible{opacity:1}.figure-head{left:57%;top:28%;width:13%;aspect-ratio:1 / 1;border:5px solid #5f7887;border-radius:999px;background:transparent}.figure-body{left:63%;top:42%;width:1.8%;height:20%;background:#5f7887}.figure-left-arm{left:55.2%;top:47%;width:12%;height:1.8%;transform:rotate(30deg);background:#5f7887}.figure-right-arm{left:60.2%;top:47%;width:12%;height:1.8%;transform:rotate(-30deg);background:#5f7887}.figure-left-leg{left:55.5%;top:61%;width:12%;height:1.8%;transform:rotate(38deg);background:#5f7887}.figure-right-leg{left:60.4%;top:61%;width:12%;height:1.8%;transform:rotate(-38deg);background:#5f7887}.status-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:stretch}.status-badge{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:10px 16px;border-radius:999px;border:1px solid var(--border);background:var(--surface-raised);color:var(--accent-strong)}.status-badge strong{text-align:center}.status-badge.is-playing{border-color:#5f78873d;background:#edf2f5;color:var(--accent-strong)}.status-badge.is-won{border-color:#648d6f42;background:var(--success-soft);color:#45634d}.status-badge.is-lost{border-color:#b8775842;background:var(--danger-soft);color:#8f5d44}.mini-stat{display:flex;flex-direction:column;justify-content:center;min-width:96px;padding:8px 12px;border-radius:18px;text-align:center}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.stat-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:68px;padding:10px 8px;border-radius:16px}.stat-card.is-success{border-color:#648d6f42;background:var(--success-soft)}.stat-card.is-muted{background:#f1ece3}.stat-card.is-danger{border-color:#b8775842;background:var(--danger-soft)}.stat-label,.section-label{margin:0;color:var(--text-soft);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.stat-card strong,.mini-stat strong{font-size:clamp(1.02rem,2.4vw,1.26rem);letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--text)}.word-card,.keyboard-card,.wrong-letters-card{padding:12px}.word-card{display:flex;flex-direction:column;gap:12px}.word-heading{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px}.word-hint{margin:4px 0 0;color:var(--text);font-size:clamp(1rem,2vw,1.08rem);font-weight:700}.meta-strip{display:flex;flex-wrap:wrap;gap:8px;align-self:flex-start}.meta-pill{display:inline-flex;align-items:center;min-height:36px;padding:8px 12px;border:1px solid var(--border);border-radius:999px;background:var(--surface-raised);color:var(--accent-strong);font-weight:700}.word-display{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.word-slot{display:inline-flex;align-items:center;justify-content:center;width:clamp(2.25rem,8vw,3rem);min-width:0;height:3.25rem;border-bottom:4px solid var(--accent);border-radius:14px 14px 10px 10px;background:#ffffff85}.word-slot[data-state=revealed]{border-bottom-color:var(--success);background:#e7f1e8eb}.word-slot-letter{display:inline-grid;place-items:center;width:100%;height:100%;font-size:clamp(1.4rem,4vw,1.8rem);line-height:1;font-weight:800;letter-spacing:.06em;color:var(--text)}.revealed-word{display:flex;align-items:center;justify-content:center;min-height:1.6em;margin:0;color:var(--danger);font-weight:700;text-align:center}.keyboard-card{display:flex;flex-direction:column;gap:10px}.letter-keyboard{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.letter-key{min-height:52px;padding:0;border:1px solid var(--border);border-radius:16px;background:var(--surface-raised);color:var(--text);box-shadow:inset 0 -1px #ffffffe6;font-size:1rem;font-weight:800;line-height:1}.letter-key:hover:not(:disabled){border-color:var(--border-strong)}.letter-key[data-state=correct]{border-color:#648d6f42;background:var(--success-soft);color:#45634d}.letter-key[data-state=wrong]{border-color:#b8775842;background:var(--danger-soft);color:#8f5d44}.letter-key:disabled{cursor:default}.hint-text{margin:0;min-height:2.8em;color:var(--text-soft);font-size:.92rem;text-align:center}.wrong-letters-card{display:flex;flex-direction:column;justify-content:center;gap:6px;min-height:72px}.wrong-letters-card strong{min-height:1.5em;color:var(--text);font-size:1rem;letter-spacing:.08em}.message{display:flex;align-items:center;justify-content:center;min-height:3.1em;margin:0;color:var(--accent-strong);font-size:clamp(.98rem,2vw,1.08rem);font-weight:700;text-align:center}@media(min-width:700px){.play-layout{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:stretch;gap:14px}.gallows-card{justify-content:space-between}.gallows-scene{width:100%;max-width:28rem}.keyboard-card{flex:1}.hint-text,.revealed-word,.message{text-align:left}.message,.revealed-word{justify-content:flex-start}}@media(orientation:landscape)and (min-width:900px){.game-panel{gap:8px;padding:12px}.word-card,.keyboard-card,.wrong-letters-card{padding:10px}.gallows-card{padding:12px;gap:10px}.gallows-scene{max-width:27rem}.stats-grid{gap:6px}.stat-card{min-height:64px}.message{min-height:2.8em}}@media(max-width:900px){.game-panel{border-radius:24px;padding:14px}.toolbar{grid-template-columns:1fr;justify-items:center}.toolbar-actions{justify-content:center}}@media(max-width:699px){.play-layout{gap:10px}.gallows-card{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-areas:"scene status" "message message";align-items:start;column-gap:10px;row-gap:10px}.gallows-scene{grid-area:scene;width:100%;max-width:none}.status-row{grid-area:status;grid-template-columns:1fr;gap:8px}.message{grid-area:message;justify-content:flex-start;min-height:3em;text-align:left}.stat-card{min-height:62px}}@media(max-width:720px){.page-shell{width:min(100%,calc(100% - 12px));padding:max(6px,var(--safe-top)) max(6px,var(--safe-right)) max(6px,var(--safe-bottom)) max(6px,var(--safe-left))}.game-panel{min-height:calc(100dvh - 12px - var(--safe-top) - var(--safe-bottom));padding:12px}.gallows-card,.word-card,.keyboard-card,.wrong-letters-card{border-radius:20px}.letter-key{min-height:50px}.message{min-height:3.4em}}@media(max-width:520px){.game-title{font-size:1.45rem;white-space:normal;text-align:center}.toolbar-actions{width:100%}.player-strip{display:none}.toolbar-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.gallows-card,.word-card,.keyboard-card,.wrong-letters-card{padding:10px}.gallows-card{column-gap:8px;row-gap:8px}.restart-button,.ghost-button{width:100%;padding-inline:10px}.status-row{grid-template-columns:1fr}.mini-stat{min-width:0;padding:6px 10px}.word-slot{width:clamp(2rem,10vw,2.55rem);height:2.8rem}.word-slot-letter{font-size:clamp(1.25rem,5vw,1.55rem)}.stats-grid{gap:6px}.stat-card{min-height:56px;padding:8px 6px}.word-card{gap:10px}.letter-keyboard{grid-template-columns:repeat(9,minmax(0,1fr));gap:5px}.letter-key{min-height:42px;border-radius:14px;font-size:.94rem}.message{min-height:2.9em;font-size:.94rem}.hint-text{display:none}.wrong-letters-card{flex-direction:row;align-items:center;justify-content:space-between;min-height:48px}.wrong-letters-card strong{min-height:0;font-size:.95rem}}@media(max-width:380px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.letter-keyboard{grid-template-columns:repeat(8,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.restart-button,.ghost-button,.letter-key{transition-duration:0ms}*,*:before,*:after{animation-duration:0ms}}