:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:rgba(170,59,255,.1);--accent-border:rgba(170,59,255,.5);--social-bg:rgba(244,243,236,.5);--shadow:rgba(0,0,0,.1) 0 10px 15px -3px, rgba(0,0,0,.05) 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;--mono-classic:"Courier New", Courier, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (max-width:1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:rgba(192,132,252,.15);--accent-border:rgba(192,132,252,.5);--social-bg:rgba(47,48,58,.5);--shadow:rgba(0,0,0,.4) 0 10px 15px -3px, rgba(0,0,0,.25) 0 4px 6px -2px}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--sans);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (max-width:1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (max-width:1024px){h2{font-size:20px}}p{margin:0}code{font-family:var(--mono);color:var(--text-h);background:var(--code-bg);border-radius:4px;padding:4px 8px;font-size:15px;line-height:135%;display:inline-flex}.app-shell{box-sizing:border-box;background:radial-gradient(circle at 100% 0,rgba(170,59,255,.1),transparent 36%),linear-gradient(rgba(244,243,236,.35),transparent 45%);width:100%;padding:28px 24px 40px}.app-title{margin:6px 0 34px}.key{border:1px solid var(--border);background:var(--code-bg);width:36px;height:40px;color:var(--text-h);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0;font-size:14px;font-weight:600;transition:transform .12s,border-color .2s,background .2s,box-shadow .2s;display:inline-flex}.key:hover:not(:disabled){border-color:var(--accent-border);transform:translateY(-1px)}.key:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.key:disabled{cursor:not-allowed;opacity:.8}.keyboard{flex-direction:column;align-items:center;gap:8px;margin-top:40px;display:flex}.keyboard-row{gap:8px;display:flex}.guessed-key{background:var(--accent-bg);border-color:var(--accent-border);color:var(--accent)}.keyboard-action{border:1px solid var(--accent-border);background:var(--accent-bg);color:var(--text-h);cursor:pointer;border-radius:6px;margin-top:12px;padding:8px 14px;font-weight:600;transition:transform .12s,border-color .2s}.keyboard-action:hover{border-color:var(--accent);transform:translateY(-1px)}.keyboard-status{margin-top:8px;font-size:14px}.wrong-key{background-color:rgba(255,0,0,.1);border-color:rgba(255,0,0,.2)}.wrong-letters{font-family:var(--mono-classic);letter-spacing:.1em;color:var(--text);margin-top:6px;font-size:13px}.title-screen{border:1px solid var(--border);background:color-mix(in srgb, var(--code-bg) 86%, transparent);max-width:520px;box-shadow:var(--shadow);text-align:left;border-radius:14px;flex-direction:column;align-items:stretch;gap:14px;margin:0 auto;padding:26px;display:flex}.title-screen h2{margin:0 0 8px}.form-field{color:var(--text-h);flex-direction:column;gap:6px;font-size:14px;display:flex}.title-screen input{border:1px solid var(--border);background:var(--code-bg);color:var(--text-h);border-radius:6px;padding:8px 12px;font-size:16px;transition:border-color .2s,box-shadow .2s}.title-screen input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-bg);outline:none}.start-button{border:1px solid var(--accent-border);background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 20%, transparent), transparent 70%);color:var(--text-h);cursor:pointer;border-radius:8px;margin-top:6px;padding:10px 14px;font-size:15px;font-weight:700;transition:transform .12s,border-color .2s}.start-button:hover{border-color:var(--accent);transform:translateY(-1px)}.title-status{color:var(--text);margin-top:4px;font-size:13px}.game-container{width:min(100%,980px);margin:0 auto}.game-id{color:var(--text);margin-top:14px;font-size:13px}.game-board{border:1px solid var(--border);background:color-mix(in srgb, var(--code-bg) 90%, transparent);box-shadow:var(--shadow);border-radius:14px;padding:20px}.game-status-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.word-display,.attempts-display{color:var(--text-h);margin:0;font-size:15px}.word-display{font-family:var(--mono-classic);letter-spacing:.1em;font-size:22px}.word-display span{letter-spacing:.2em;font-weight:700}.attempts-display strong{background:var(--accent-bg);border-radius:999px;min-width:2ch;padding:2px 8px;display:inline-block}.flower-container{flex-direction:column;align-items:center;gap:4px;display:flex}@keyframes petal-fall{0%{opacity:.92;transform:translateY(0)rotate(0)}40%{opacity:.7;transform:translateY(20px)rotate(-15deg)}to{opacity:.35;transform:translateY(50px)rotate(-30deg)}}.chat,.player-list,.chat-input{border:1px solid var(--border);background:var(--code-bg);border-radius:6px}.chat{text-align:left;flex-direction:column;flex:auto;min-width:0;height:240px;padding:12px;display:flex;overflow-y:auto}.chat-container{align-items:stretch;gap:12px;width:100%;padding-top:24px;display:flex}.chat-message{text-align:left;width:100%;margin:0 0 6px;font-size:14px}.player-list{text-align:left;cursor:default;flex:0 0 max(150px,min(18%,220px));padding:10px;overflow-y:auto}.player-list h3{margin:0 0 8px;font-size:13px}.player-list ul{margin:0;padding:0}.player-list li{margin-bottom:4px;font-size:12px;list-style:none;position:relative}.chat-form{gap:8px;width:100%;margin-top:10px;display:flex}.chat-input{min-width:0;color:var(--text-h);flex:auto;padding:8px 10px;font-size:14px}.chat-send{border:1px solid var(--accent-border);background:var(--accent-bg);color:var(--text-h);cursor:pointer;border-radius:6px;padding:8px 14px;font-weight:600}.chat-send:hover{border-color:var(--accent)}.hidden-letter{color:transparent;text-shadow:0 0 5px #000}.revealed-letter{color:var(--text-h)}.letter-flash{animation:.42s ease-out letter-flash}.win-modal{background:var(--accent-bg);color:var(--accent);border-radius:6px;padding:6px 12px;font-size:13px;font-weight:600;position:absolute;top:-40px;left:50%;transform:translate(-50%)}.connection-modal{z-index:1000;border-radius:6px;width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:8px 16px;font-size:14px;font-weight:600;position:fixed;top:40px;left:50%;transform:translate(-50%)}@keyframes letter-flash{0%{background-color:transparent;box-shadow:0 0 rgba(34,197,94,0)}35%{background-color:rgba(34,197,94,.2);border-radius:4px;box-shadow:0 0 .55rem rgba(34,197,94,.85),0 0 1rem rgba(34,197,94,.45)}to{background-color:transparent;box-shadow:0 0 rgba(34,197,94,0)}}@media (prefers-reduced-motion:reduce){.letter-flash{animation:none}}@media (max-width:768px){.app-shell{padding:18px 14px 24px}.game-board{padding:14px}.game-status-row{flex-direction:column;align-items:flex-start}.chat-container{flex-direction:column}.player-list{flex:none;width:100%;max-height:140px}}