:root{--bg: #fafafa;--fg: #111;--muted: #6b6b6b;--accent: #f7d92b;--accent-hover: #ffe23a;--accent-border: #d8bd1d;--hex: #e6e6e6;--border: #d6d6d6;--panel: #ffffff}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100dvh;max-width:1080px;margin:0 auto;padding:0 20px;display:flex;flex-direction:column;justify-content:center}.App-header{text-align:center}.App-header h1{margin:0;font-size:24px;font-weight:800;letter-spacing:.04em}.App-header-home h1{font-size:44px;letter-spacing:.06em}.App-header h1 a{color:inherit;text-decoration:none}.App-header h1 a:hover{opacity:.7}.Game-title{text-align:center}.Game-title h1{margin:0;font-size:22px;font-weight:800;letter-spacing:.04em}.Game-title h1 a{color:inherit;text-decoration:none}.Game-title h1 a:hover{opacity:.7}.App-start{display:flex;flex-direction:column;align-items:center;gap:20px}.App-card{width:100%;max-width:480px;background:#fff;border:1px solid var(--border);border-radius:14px;padding:18px 22px 20px;display:flex;flex-direction:column;gap:14px;box-shadow:0 1px 2px #00000008}.App-card-tabbed{padding:0;overflow:hidden}.App-card-body{padding:18px 22px 20px;display:flex;flex-direction:column;gap:14px}.App-card-title{margin:0;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.App-tabs{display:flex;border-bottom:1px solid var(--border)}.App-tab{flex:1;font:inherit;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#555;background:transparent;border:0;padding:12px 14px;cursor:pointer;transition:background .12s ease,color .12s ease}.App-tab+.App-tab{border-left:1px solid var(--border)}.App-tab:hover:not(.is-active){background:#0000000a}.App-tab.is-active{background:var(--accent);color:#111}.App-banner{width:100%;max-width:480px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-radius:10px;font-size:14px;font-weight:600}.App-banner-error{background:#fde8e7;border:1px solid #f5c6c5;color:#8a1c1a}.App-banner-msg{flex:1}.App-banner-dismiss{font:inherit;font-size:18px;line-height:1;background:none;border:0;color:inherit;cursor:pointer;padding:0 4px;opacity:.6}.App-banner-dismiss:hover{opacity:1}.App-loading{display:flex;justify-content:center;margin-top:48px;color:var(--muted);font-size:14px;letter-spacing:.08em;text-transform:uppercase}.App-start-row{display:flex;align-items:flex-end;gap:12px}.App-start-row-label{flex:1;font-size:15px;font-weight:600;color:#333;padding-bottom:10px}.App-start-field{display:flex;flex-direction:column;gap:4px}.App-start-field span{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.App-start-field input{font:inherit;font-size:16px;font-weight:700;text-align:center;letter-spacing:.12em;text-transform:uppercase;padding:10px 4px;border:1px solid var(--border);border-radius:8px;background:#fff;outline:none;width:38px}.App-start-field-wide input{width:110px;letter-spacing:.06em}.App-start-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #f7d92b4d}.App-start-field.is-required-empty span{color:#c62828}.App-start-go{font:inherit;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:10px 22px;border-radius:999px;background:var(--accent);color:#111;border:1px solid var(--accent-border);cursor:pointer;transition:background .12s ease,transform .12s ease;margin-left:auto}.App-start-go:hover{background:var(--accent-hover);transform:translateY(-1px)}.App-start-go:active{transform:translateY(0)}.App-start-go:disabled{background:#eee;border-color:var(--border);color:var(--muted);cursor:not-allowed;transform:none}.App-start-error{margin:0;color:#c62828;font-size:14px;font-weight:600}.App-start-timer{margin:0;padding:10px 16px;border:1px solid var(--border);border-radius:10px;display:flex;flex-direction:column;gap:8px}@media (min-width: 760px){.App-start-timer{flex-flow:row wrap;align-items:center;column-gap:18px;row-gap:6px}.App-start-timer legend{flex:1 0 100%}}.App-start-timer legend{align-self:start;padding:0 6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.App-start-timer label{display:inline-flex;align-items:center;gap:6px;font-size:14px;cursor:pointer}.App-start-timer input[type=radio]{accent-color:var(--accent-border);cursor:pointer}.App-start-countdown{font:inherit;font-size:14px;font-variant-numeric:tabular-nums;text-align:center;padding:4px 8px;border:1px solid var(--border);border-radius:6px;background:#fff;width:64px}.App-start-countdown:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #f7d92b4d}.App-continue{font:inherit;width:100%;display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 28px;border-radius:10px;border:1px solid var(--accent-border);background:#fffbe5;cursor:pointer;transition:background .12s ease,transform .12s ease}.App-continue:hover{background:#fff5b8;transform:translateY(-1px)}.App-continue-letters{font-size:18px;font-weight:800;letter-spacing:.06em}.App-continue-letters-outer{font-weight:700;color:#444;letter-spacing:.18em;margin-left:4px}.App-continue-stats{font-size:13px;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums}.App-multi-roster-summary{margin:0;font-size:14px;color:var(--muted)}.App-multi-waiting{margin:0;font-size:14px;color:var(--muted);font-style:italic}.App-lobby-roster{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.App-lobby-player{display:flex;align-items:center;gap:10px;font-size:15px}.App-lobby-dot{width:12px;height:12px;border-radius:50%;background:var(--player-color, #999);flex:none}.App-lobby-name{font-weight:600}.App-lobby-tag{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:2px 6px;border-radius:999px;background:#f4f4f4}.App-card-lobby>.App-start-go{align-self:flex-start;margin-left:0}.App-lobby-player.is-offline,.Game-roster-player.is-offline{opacity:.45}.Game{display:grid;grid-template-columns:1fr;gap:20px}@media (min-width: 760px){.Game{grid-template-columns:auto 380px;justify-content:center}}@media (min-width: 1000px){.Game{grid-template-columns:auto 600px}}.Game-board{display:flex;flex-direction:column;align-items:center;gap:12px}.Game-form{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.Game-input{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px}.WordInput{position:relative;width:100%;max-width:360px}.Form-wordInput{width:100%;font-size:22px;font-weight:800;text-align:center;letter-spacing:.18em;text-transform:uppercase;padding:14px 16px;border:1px solid var(--border);border-radius:10px;background:#fff;outline:none;color:transparent;-webkit-text-fill-color:transparent;caret-color:#111;transition:border-color .12s ease,box-shadow .12s ease}.Form-wordInput::placeholder{color:#b8b8b8;-webkit-text-fill-color:#b8b8b8;opacity:1}.Form-wordInput:focus{border-color:var(--accent);box-shadow:0 0 0 3px #f7d92b4d}.WordInput-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;padding:14px 16px;font-size:22px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#111}.WordInput-illegal{color:#b8b8b8}.Letters{position:relative;width:320px;height:320px;margin:-20px auto 0}.Letter{position:absolute;width:100px;height:87px;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);background:var(--hex);display:flex;align-items:center;justify-content:center;font:inherit;font-size:30px;font-weight:800;text-transform:uppercase;color:inherit;border:none;padding:0;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform 80ms ease,filter 80ms ease}.Letter:hover{filter:brightness(.96)}.Letter:active{transform:scale(.96)}.Letter:focus{outline:none}.Letter:focus-visible{outline:2px solid #1e6df0;outline-offset:3px}.Letter-isCenter{background:var(--accent)}.Letters .Letter:nth-child(1){top:127px;left:110px}.Letters .Letter:nth-child(2){top:37px;left:110px}.Letters .Letter:nth-child(3){top:82px;left:188px}.Letters .Letter:nth-child(4){top:171px;left:188px}.Letters .Letter:nth-child(5){top:217px;left:110px}.Letters .Letter:nth-child(6){top:171px;left:32px}.Letters .Letter:nth-child(7){top:82px;left:32px}.Actions{display:flex;align-items:center;gap:14px}.Action{font:inherit;font-size:16px;font-weight:600;padding:12px 26px;border-radius:999px;border:1px solid var(--border);background:#fff;color:inherit;cursor:pointer;transition:background .12s ease,border-color .12s ease,transform .12s ease}.Action:hover{background:#f4f4f4;border-color:#bdbdbd}.Action:active{transform:translateY(1px)}.Action:disabled{opacity:.4;cursor:not-allowed;background:#fff;border-color:var(--border)}.Action:disabled:hover{background:#fff;transform:none}.Action-icon{width:44px;height:44px;padding:0;font-size:40px;display:inline-flex;align-items:center;justify-content:center}.Action-icon:hover{transform:rotate(90deg)}.Feedback{min-height:32px;display:flex;align-items:center;justify-content:center}.Feedback-message{display:inline-block;padding:6px 14px;border-radius:999px;font-size:18px;font-weight:600;letter-spacing:.02em;border:1px solid transparent}.Feedback-success{background:#e6f4ea;color:#1e7e34;border-color:#c5e2cd}.Feedback-warning{background:#fff8e1;color:#a76f00;border-color:#f1d28a}.Feedback-error{background:#fdecea;color:#c62828;border-color:#f5c6c5}.is-locked{pointer-events:none}.Game-form.is-locked .Action-icon{pointer-events:auto}.is-blurred{filter:blur(10px);pointer-events:none;-webkit-user-select:none;user-select:none;transition:filter .2s ease}.Game-side{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:16px}.Game-roster{list-style:none;margin:0 0 14px;padding:0 0 12px;display:flex;flex-wrap:wrap;gap:6px 12px;border-bottom:1px solid var(--border)}.Game-roster-player{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#333}.Game-roster-dot{width:10px;height:10px;border-radius:50%;background:var(--player-color, #999);flex:none}.Game-roster-name{white-space:nowrap}.Game-roster-tag{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:1px 5px;border-radius:999px;background:#f0f0f0}.RankBar{display:flex;align-items:center;gap:12px;margin-bottom:14px}.RankBar-label{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;min-width:7ch;display:inline-block}.RankBar-track{list-style:none;margin:0;padding:0;flex:1;display:flex;align-items:center;justify-content:space-between;position:relative}.RankBar-track:before{content:"";position:absolute;left:4px;right:4px;top:50%;height:1px;background:#ddd;z-index:0}.Rank-dot{width:12px;height:12px;border-radius:50%;background:#d6d6d6;border:1.5px solid #b8b8b8;box-sizing:border-box;position:relative;z-index:1}.Rank-dot-achieved{background:var(--accent);border-color:var(--accent-border)}.Rank-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#111;color:#fff;font-size:11px;font-weight:600;padding:4px 8px;border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s ease;z-index:10}.Rank-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#111}.Rank-dot:hover .Rank-tooltip,.Rank-dot:focus-within .Rank-tooltip{opacity:1}.Game-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #eee}.Stat{text-align:center}.Stat-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:6px}.Stat-pause{font:inherit;font-size:12px;background:transparent;border:none;cursor:pointer;color:var(--muted);padding:0;line-height:1}.Stat-pause:hover{color:var(--fg)}.Stat-value{font-size:18px;font-weight:800;font-variant-numeric:tabular-nums;margin-top:2px;white-space:nowrap}.Stat-total{font-size:14px;font-weight:600;color:var(--muted)}.Game-wordlist,.WordList-wrapper{flex:1;display:flex;flex-direction:column;min-height:0}.WordList{list-style:none;margin:0;padding:0;column-count:3;column-gap:14px;column-fill:auto;height:350px;--wl-row-height: 25px}@media (min-width: 1000px){.WordList{column-count:5}}.WordList li{box-sizing:border-box;height:var(--wl-row-height);font-size:14px;line-height:20px;padding:2px 0;border-bottom:1px solid #f1f1f1;text-transform:capitalize;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;break-inside:avoid}.WordList-pangram{font-weight:700}.WordList-bonus{display:inline-block;width:4px;height:4px;border-radius:50%;background:#b8b8b8;margin-left:5px;vertical-align:middle}.WordList-unfound{color:var(--muted);opacity:.6}.WordList-empty{color:var(--muted);font-style:italic;text-transform:none;border-bottom:0}.WordList-nav{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding-top:10px;border-top:1px solid #eee;min-height:32px}.WordList-nav.is-hidden{visibility:hidden}.WordList-nav-button{font:inherit;font-size:16px;line-height:1;width:24px;height:24px;border-radius:50%;border:1px solid var(--border);background:transparent;color:var(--muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .12s ease,color .12s ease}.WordList-nav-button:hover:not(:disabled){background:#f4f4f4;color:var(--fg)}.WordList-nav-button:disabled{opacity:.3;cursor:default}.WordList-nav-page{font-size:11px;font-weight:700;color:var(--muted);letter-spacing:.06em;font-variant-numeric:tabular-nums}.Game-side-bar{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid var(--border)}.Game-side-bar-group{display:flex;gap:6px}.Game-side-bar-nav{margin-top:0;padding-top:0;border-top:0;min-height:0;gap:6px}.Side-button{font:inherit;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--fg);background:#fff;border:1px solid #999;border-radius:999px;padding:4px 10px;cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease}.Side-button:hover:not(:disabled){background:#f4f4f4;border-color:#555}.Side-button:disabled{opacity:.5;cursor:not-allowed}.Game-wordlist-toggle,.Game-wordlist-close{display:none}.Chat-button{position:fixed;right:24px;bottom:24px;width:52px;height:52px;border-radius:50%;border:1px solid var(--border);background:#fff;cursor:pointer;z-index:100;box-shadow:0 2px 10px #00000026;display:flex;align-items:center;justify-content:center;transition:background .2s ease,border-color .2s ease,transform .12s ease}.Chat-button:hover{transform:translateY(-1px)}.Chat-button-icon{font-size:24px;line-height:1}.Chat-badge{position:absolute;top:-4px;right:-4px;background:#d32f2f;color:#fff;font-size:11px;font-weight:800;padding:2px 6px;border-radius:999px;min-width:18px;text-align:center;line-height:1.2}.Chat-popover{position:fixed;right:24px;bottom:88px;width:320px;height:400px;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 28px #0000002e;z-index:101;display:flex;flex-direction:column;overflow:hidden}.Chat-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border);background:var(--panel)}.Chat-header-title{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.Chat-close{background:none;border:0;font-size:22px;line-height:1;color:var(--muted);cursor:pointer;padding:0 4px}.Chat-close:hover{color:#333}.Chat-messages{flex:1;overflow-y:auto;margin:0;padding:12px 14px;list-style:none;display:flex;flex-direction:column;gap:6px;font-size:14px;line-height:1.4}.Chat-empty{color:var(--muted);font-style:italic}.Chat-message{display:flex;flex-wrap:wrap;gap:6px}.Chat-msg-name{font-weight:700}.Chat-msg-name:after{content:":";color:var(--muted);margin-left:1px}.Chat-msg-text{word-break:break-word}.Chat-form{border-top:1px solid var(--border);padding:8px 10px}.Chat-form input{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:#fff;font:inherit;font-size:14px}.Chat-form input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #f7d92b4d}@media (max-width: 759px){#root{padding:0 8px}.App-start{margin-top:0;gap:6px}.App-header{margin-bottom:0}.App-header-home h1{font-size:32px}.App-start-timer{margin-top:0;padding:8px 12px}.App-card-body{padding:12px 16px 14px;gap:8px}.App-card,.App-card-body{padding-left:14px;padding-right:14px}.Game-title{display:none}.Game{gap:12px}.Game-side{order:1;padding:6px 10px}.Game-board{order:2}.Game-form{gap:0}.Form-wordInput{padding:8px 12px}.Letters{zoom:1.12;margin-top:-30px}.Feedback{min-height:36px}.Game-stats{margin-bottom:0;padding-bottom:0;border-bottom:0}.Game-side-bar{margin-top:0;padding-top:0;border-top:0}.Game-wordlist{display:none}.Game-wordlist.is-open{display:block;position:fixed;top:60px;right:16px;bottom:100px;left:16px;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 28px #0000002e;z-index:99;padding:14px;overflow:hidden}.Game-wordlist.is-open .WordList{height:100%}.Game-side-bar-nav{display:none}.Game-wordlist-toggle{display:inline-flex;align-items:center;gap:6px;margin-left:auto;font:inherit;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--fg);background:#fff;border:1px solid #999;border-radius:999px;padding:4px 10px;cursor:pointer}.Game-wordlist.is-open .Game-wordlist-close{display:inline-flex;position:absolute;top:6px;right:8px;font-size:22px;line-height:1;background:none;border:0;color:var(--muted);cursor:pointer;padding:4px 8px}}