: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;--present: #c7ad63;--present-soft: #f4edd9;--danger: #b87758;--danger-soft: #f5e6dd;--tile-size: clamp(3rem, 7vw, 4.2rem);--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%;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-width:320px;max-width:100%;min-height:100dvh;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}.toolbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px}.toolbar>*,.stats-grid>*,.board-card>*,.keyboard-card>*{min-width:0}.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,.keyboard-chip{border-radius:999px;font-weight:700}.player-pill,.keyboard-chip{display:inline-flex;align-items:center;min-height:36px;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,.key-button{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;white-space:nowrap}.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}.board-card,.keyboard-card,.stat-card{border:1px solid var(--border);background:var(--surface-muted);box-shadow:inset 0 1px #ffffffe0}.board-card,.keyboard-card{border-radius:22px}.board-card,.keyboard-card{display:flex;flex-direction:column;gap:10px;padding:12px}.keyboard-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.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-accent{border-color:#5f78873d;background:#edf2f5}.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{font-size:clamp(1.02rem,2.4vw,1.26rem);letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--text)}.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{display:block;width:100%;line-height:1.15;text-align:center;overflow-wrap:anywhere}.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}.message,.revealed-answer{display:flex;align-items:center;justify-content:center;min-height:2.8em;margin:0;font-weight:700;line-height:1.25;text-align:center;overflow-wrap:anywhere}.message{color:var(--accent-strong);font-size:clamp(.98rem,2vw,1.06rem)}.revealed-answer{color:var(--danger)}.guess-board{display:grid;gap:8px;width:min(100%,calc(var(--tile-size) * 5 + 32px));margin:0 auto}.board-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.wordle-tile{display:inline-flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1 / 1;min-width:0;border:1px solid var(--border);border-radius:18px;background:var(--surface-raised);box-shadow:inset 0 -1px #ffffffe0}.wordle-tile[data-state=filled]{border-color:var(--accent);background:#edf2f5eb}.wordle-tile[data-state=correct]{border-color:#648d6f42;background:var(--success-soft)}.wordle-tile[data-state=present]{border-color:#c7ad6347;background:var(--present-soft)}.wordle-tile[data-state=absent]{border-color:#6f7b8238;background:#e9e5de}.tile-letter{display:inline-grid;place-items:center;width:100%;height:100%;font-size:clamp(1.4rem,4vw,1.9rem);line-height:1;font-weight:800;letter-spacing:.06em;color:var(--text)}.letter-keyboard{display:flex;flex-direction:column;gap:8px}.keyboard-row{display:flex;gap:8px}.key-button{flex:1;min-height:54px;min-width:0;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}.key-button-action{flex:1.35;font-size:.92rem}.key-button:hover:not(:disabled){border-color:var(--border-strong)}.key-button[data-state=correct]{border-color:#648d6f42;background:var(--success-soft);color:#45634d}.key-button[data-state=present]{border-color:#c7ad6347;background:var(--present-soft);color:#6d5c2e}.key-button[data-state=absent]{border-color:#6f7b8238;background:#e9e5de;color:#59656d}.key-button[data-state=ready]{border-color:#648d6f42;background:var(--success-soft);color:#45634d}.key-button[data-state=action]{background:#edf2f5;color:var(--accent-strong)}.key-button:disabled{cursor:default}.hint-text{margin:0;min-height:2.8em;color:var(--text-soft);font-size:.92rem;text-align:center}@media(min-width:900px){.play-layout{display:grid;grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);align-items:stretch;gap:14px}.board-card{justify-content:space-between}.keyboard-card{justify-content:center}.message,.revealed-answer{min-height:2.5em}}@media(orientation:landscape)and (min-width:900px){:root{--tile-size: clamp(3rem, 5vw, 3.85rem)}.game-panel{gap:8px;padding:12px}.board-card,.keyboard-card{padding:10px}.stats-grid{gap:6px}.stat-card{min-height:60px}.key-button{min-height:48px}.hint-text{display:none}}@media(max-width:920px){.game-panel{border-radius:24px;padding:14px}.toolbar{grid-template-columns:1fr;justify-items:center}.toolbar-actions{justify-content:center}}@media(max-width:720px){:root{--tile-size: clamp(2.9rem, 12vw, 3.5rem)}.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}.board-card,.keyboard-card{border-radius:20px;padding:10px}.key-button{min-height:50px}}@media(max-width:520px){:root{--tile-size: clamp(2.65rem, 10.8vw, 3.05rem)}.game-title{font-size:1.45rem;white-space:normal;text-align:center}.player-strip{display:none}.toolbar-actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.restart-button,.ghost-button{width:100%;padding-inline:10px}.stats-grid{gap:6px}.board-card,.keyboard-card{gap:8px;padding:9px}.stat-card{min-height:54px;padding:7px 6px}.wordle-tile{border-radius:16px}.tile-letter{font-size:clamp(1.22rem,6vw,1.5rem)}.guess-board,.board-row{gap:6px}.keyboard-heading{display:none}.keyboard-row{gap:4px}.key-button{min-height:42px;border-radius:14px;font-size:.92rem}.key-button-action{font-size:.82rem}.keyboard-chip,.hint-text{display:none}.message,.revealed-answer{min-height:2.35em;font-size:.94rem}}@media(max-width:430px){:root{--tile-size: clamp(2.4rem, 10vw, 2.85rem)}.page-shell{width:100%;padding:max(4px,var(--safe-top)) max(4px,var(--safe-right)) max(4px,var(--safe-bottom)) max(4px,var(--safe-left))}.game-panel{gap:10px;min-height:calc(100dvh - 8px - var(--safe-top) - var(--safe-bottom));padding:10px;border-radius:20px}.toolbar{gap:8px}.game-title{font-size:1.34rem}.toolbar-actions{gap:6px}.restart-button,.ghost-button{min-height:44px;padding-inline:8px;font-size:.92rem}.board-card,.keyboard-card{gap:8px;padding:8px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.stat-card{min-height:50px;padding:7px 6px}.stat-label{font-size:.67rem;letter-spacing:.06em}.stat-card strong{font-size:1rem}.status-badge{min-height:46px;padding:9px 12px;border-radius:20px}.message,.revealed-answer{min-height:2.2em;font-size:.9rem}.guess-board,.board-row{gap:5px}.wordle-tile{border-radius:14px}.tile-letter{font-size:clamp(1.14rem,5.2vw,1.36rem)}.keyboard-row{gap:4px}.key-button{min-height:40px;border-radius:12px;font-size:.88rem}.key-button-action{font-size:.76rem}}@media(max-width:380px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.restart-button,.ghost-button,.key-button{transition-duration:0ms}*,*:before,*:after{animation-duration:0ms}}