main.landing-page{--lp-surface: rgba(255, 255, 255, .8);--lp-surface-2: #f5f6f8;--lp-text: #1a1a1b;--lp-text-muted: #5b5e63;--lp-text-subtle: #888b91;--lp-border: #e3e5e9;--lp-border-hover: #c4c7cc;flex:1 1 0;min-height:0;overflow-y:auto;padding:64px 24px 96px;background:radial-gradient(1000px 600px at 18% -10%,#ffffff 0%,transparent 48%),radial-gradient(900px 520px at 88% 110%,#aab2c4 0%,transparent 55%),linear-gradient(160deg,#e1e6f0,#c5ccd9 55%,#b0b8c8);color:var(--lp-text);font-family:var(--wg-font)}.landing-page>*{max-width:1040px;margin-left:auto;margin-right:auto}.landing-page .intro{text-align:center;margin-bottom:64px}.landing-page .intro-title{display:inline-flex;flex-direction:column;gap:6px;margin:0 auto 22px;padding:0;font-weight:inherit}.landing-page .intro-row{display:flex;gap:6px;justify-content:center}.landing-page .intro-tile{display:inline-flex;align-items:center;justify-content:center;width:clamp(44px,9vw,60px);height:clamp(44px,9vw,60px);border-radius:6px;color:#fff;font-size:clamp(1.25rem,3.2vw,1.75rem);font-weight:800;text-transform:uppercase;font-family:var(--wg-font);box-shadow:0 2px 6px #0f111514;background:var(--wg-absent);animation:intro-tile-in .42s cubic-bezier(.2,.7,.2,1) both}.landing-page .intro-tile[data-i="1"]{background:var(--wg-present)}.landing-page .intro-tile[data-i="3"]{background:var(--wg-correct)}.landing-page .intro-tile[data-i="5"]{background:var(--wg-present)}.landing-page .intro-tile[data-i="8"]{background:var(--wg-correct)}.landing-page .intro-tile[data-i="10"]{background:var(--wg-present)}.landing-page .intro-tile[data-i="0"]{animation-delay:0ms}.landing-page .intro-tile[data-i="1"]{animation-delay:60ms}.landing-page .intro-tile[data-i="2"]{animation-delay:.12s}.landing-page .intro-tile[data-i="3"]{animation-delay:.18s}.landing-page .intro-tile[data-i="4"]{animation-delay:.24s}.landing-page .intro-tile[data-i="5"]{animation-delay:.3s}.landing-page .intro-tile[data-i="6"]{animation-delay:.36s}.landing-page .intro-tile[data-i="7"]{animation-delay:.42s}.landing-page .intro-tile[data-i="8"]{animation-delay:.48s}.landing-page .intro-tile[data-i="9"]{animation-delay:.54s}.landing-page .intro-tile[data-i="10"]{animation-delay:.6s}.landing-page .intro-tile[data-i="11"]{animation-delay:.66s}@keyframes intro-tile-in{0%{opacity:0;transform:translateY(-10px) rotateX(-30deg)}to{opacity:1;transform:none}}.landing-page .intro .tagline{color:var(--lp-text-muted);font-size:.9rem;max-width:calc(6*clamp(44px,9vw,60px) + 30px);margin:0 auto;line-height:1.35;opacity:.8}.landing-page .clones{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.landing-page .clone{--accent: #4a7c3a;--accent-text: #ffffff;position:relative;display:flex;flex-direction:column;padding:24px 24px 20px;border-radius:8px;text-decoration:none;color:var(--lp-text);background:var(--lp-surface);box-shadow:0 1px 2px #0f11150a;transition:transform .18s ease,box-shadow .18s ease;overflow:hidden}.landing-page .clone:before{content:"";position:absolute;top:0;left:0;right:0;height:8px;background:var(--accent);opacity:.85}.landing-page .clone:hover{transform:translateY(-3px);box-shadow:0 18px 32px #0f111514}.landing-page .clone:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.landing-page .clone-tiles{display:flex;gap:4px;margin-bottom:16px;flex-wrap:wrap}.landing-page .clone-tile{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:4px;background:var(--accent);color:var(--accent-text);font-size:.95rem;font-weight:800;letter-spacing:0;text-transform:uppercase;font-family:var(--wg-font)}.landing-page .clone-tagline{font-size:1.05rem;font-weight:700;color:var(--lp-text);margin-bottom:10px;letter-spacing:.005em}.landing-page .clone p{margin:0 0 20px;font-size:.9rem;line-height:1.55;color:var(--lp-text-muted);flex:1}.landing-page .clone code{font-size:.85em;background:var(--lp-surface-2);border:1px solid var(--lp-border);padding:1px 6px;border-radius:4px;font-family:ui-monospace,SF Mono,Menlo,monospace}.landing-page .clone-footer{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid var(--lp-border)}.landing-page .clone-meta{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.8rem;color:var(--lp-text-subtle)}.landing-page .clone-cta{font-size:.85rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--accent);display:inline-flex;align-items:center;gap:6px}.landing-page .clone-cta-arrow{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid var(--accent);display:inline-block;transition:transform .18s ease}.landing-page .clone:hover .clone-cta-arrow{transform:translate(3px)}.landing-page .clone--dirtle{--accent: #7a5230}.landing-page .clone--turtle{--accent: #4a7c3a}.landing-page .clone--flirtle{--accent: #c89548}.landing-page .clone--hurtle{--accent: #b03030}@media(max-width:480px){main.landing-page{padding:40px 16px 64px}.landing-page .intro{margin-bottom:40px}.landing-page .clones{grid-template-columns:1fr;gap:16px}.landing-page .clone-tile{width:28px;height:28px;font-size:.85rem}}html.theme-dirtle{--wg-bg: #1a1410;--wg-text: #e8dccb;--wg-border: #3a2e24;--wg-border-filled: #7a5c42;--wg-tile-bg: #1a1410;--wg-tile-text: #e8dccb;--wg-correct: #7a9f3a;--wg-present: #c08f1c;--wg-absent: #3a2e24;--wg-revealed-text: #1a1410;--wg-key-bg: #3a2e24;--wg-key-text: #e8dccb;--wg-error: #e85a3c;--wg-font: "Courier New", ui-monospace, monospace}html.theme-dirtle .wg-tile[data-state=absent]{color:#7a5c42}html.theme-dirtle .wg-key[data-state=absent]{background:#261e17;color:#7a5c42}html.theme-turtle{--wg-bg: #eaf2e4;--wg-text: #1f2e1a;--wg-border: #b6cfa6;--wg-border-filled: #6a8d52;--wg-tile-bg: #f5faf1;--wg-tile-text: #1f2e1a;--wg-correct: #4a7c3a;--wg-present: #c8a93a;--wg-absent: #7b8a72;--wg-revealed-text: #ffffff;--wg-key-bg: #c9dcbc;--wg-key-text: #1f2e1a;--wg-error: #a13b2a;--wg-font: "Georgia", "Iowan Old Style", serif}html.theme-turtle .wg-header h1:after{content:" 🐢";font-size:.8em}.tu-chain{position:fixed;top:0;left:0;right:0;z-index:10;max-width:500px;margin:0 auto;padding:8px 16px;font-size:.9rem;text-align:center;color:var(--wg-border-filled);background:var(--wg-bg);border-bottom:1px solid var(--wg-border);transform:translateY(-100%);opacity:0;transition:transform .2s ease-out,opacity .2s ease-out;pointer-events:none}.tu-chain--visible{transform:translateY(0);opacity:1}html.theme-flirtle{--wg-bg: #fdf6e8;--wg-text: #3d2d1f;--wg-border: #e8d4a8;--wg-border-filled: #c89548;--wg-tile-bg: #fffbf2;--wg-tile-text: #3d2d1f;--wg-correct: #c89548;--wg-present: #8a9a52;--wg-absent: #b8a382;--wg-revealed-text: #ffffff;--wg-key-bg: #f5e6c8;--wg-key-text: #3d2d1f;--wg-error: #b8472d;--wg-font: "Helvetica Neue", "Avenir", system-ui, sans-serif}html.theme-flirtle .wg-header h1:after{content:" ✦";font-size:.7em;color:var(--wg-correct);vertical-align:.15em}html.theme-flirtle .wg-header{height:56px;padding:0 16px;display:flex;align-items:center;justify-content:center}.fl-layout{display:grid;grid-template-columns:500px 340px;grid-template-rows:1fr;gap:24px;width:100%;max-width:1100px;height:100%;margin:0 auto;padding:16px;align-items:stretch;justify-content:center;min-height:0}.fl-game{display:flex;flex-direction:column;min-width:0;background:#fff7f9;border:1px solid var(--wg-border);border-radius:12px;overflow:hidden}.fl-game .wg-scene,.fl-game .wg-game{max-width:none;margin:0;width:100%}.fl-game .wg-main{justify-content:flex-start;padding-top:4px;padding-bottom:4px;min-height:0;overflow-y:auto}.fl-game .wg-board,.fl-game .wg-status{flex-shrink:0}.fl-chat{display:flex;flex-direction:column;background:#fffbf2;border:1px solid var(--wg-border);border-radius:12px;overflow:hidden}.fl-chat-title{height:56px;display:flex;align-items:center;justify-content:center;padding:0 14px;font-weight:600;font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;color:var(--wg-border-filled);border-bottom:1px solid var(--wg-border);background:#f5e6c8}.fl-chat-scroll{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.fl-chat-empty{color:var(--wg-absent);text-align:center;margin-top:24px}.fl-msg{max-width:85%;padding:8px 12px;border-radius:14px;font-size:.95rem;line-height:1.35;word-wrap:break-word}.fl-msg--user{align-self:flex-end;background:var(--wg-correct);color:#fff;border-bottom-right-radius:4px}.fl-msg--assistant{align-self:flex-start;background:#f5e6c8;color:var(--wg-text);border-bottom-left-radius:4px}.fl-msg--typing{opacity:.6;font-style:italic}.fl-msg--error{align-self:center;background:transparent;color:var(--wg-error);font-size:.85rem}.fl-chat-form{display:flex;gap:6px;padding:10px;border-top:1px solid var(--wg-border);background:#fff}.fl-chat-form input{flex:1;padding:8px 10px;border:1px solid var(--wg-border);border-radius:18px;font:inherit;background:#fffbf2;color:var(--wg-text)}.fl-chat-form input:focus{outline:none;border-color:var(--wg-border-filled)}.fl-chat-form button{padding:8px 14px;border:none;border-radius:18px;background:var(--wg-correct);color:#fff;font:inherit;cursor:pointer}.fl-chat-form button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:920px){.fl-layout{grid-template-columns:1fr}.fl-chat{height:60vh}}.fl-turnstile{position:fixed;bottom:calc(env(safe-area-inset-bottom) + .5rem);left:calc(env(safe-area-inset-left) + .5rem);z-index:40;max-width:280px}html.theme-hurtle{--wg-bg: #14161a;--wg-text: #c0c0c4;--wg-border: #2a2d33;--wg-border-filled: #5a5d66;--wg-tile-bg: #1a1c21;--wg-tile-text: #d4d4d8;--wg-correct: #8b2a2a;--wg-present: #8a7326;--wg-absent: #2a2d33;--wg-revealed-text: #f1f1f4;--wg-key-bg: #2a2d33;--wg-key-text: #c0c0c4;--wg-error: #c04438;--wg-font: "Times New Roman", Georgia, serif}html.theme-hurtle .wg-header h1{color:#a83030;text-shadow:0 0 1px #000}html.theme-hurtle .wg-tile[data-state=absent]{color:#5a5d66}html.theme-hurtle .wg-key[data-state=absent]{background:#1f2126;color:#5a5d66}html.theme-hurtle .wg-turn-feedback{color:#c46060;font-size:1rem}html.theme-hurtle .wg-win{color:#7a1f1f}html.theme-hurtle .wg-lose{color:#5a5d66}:root{--wg-bg: #ffffff;--wg-text: #1a1a1b;--wg-border: #d3d6da;--wg-border-filled: #878a8c;--wg-tile-bg: #ffffff;--wg-tile-text: #1a1a1b;--wg-correct: #6aaa64;--wg-present: #c9b458;--wg-absent: #787c7e;--wg-revealed-text: #ffffff;--wg-key-bg: #d3d6da;--wg-key-text: #1a1a1b;--wg-error: #d33;--wg-font: "Helvetica Neue", Arial, sans-serif;--wg-tile-size: 62px;--wg-tile-gap: 5px}*{box-sizing:border-box}html,body{height:100vh;margin:0}body{display:flex;flex-direction:column;overflow:hidden;background:var(--wg-bg);color:var(--wg-text);font-family:var(--wg-font);-webkit-font-smoothing:antialiased}#root{flex:1 1 0;min-height:0;display:flex;flex-direction:column}.guild-footer{flex-shrink:0}.wg-game{display:flex;flex-direction:column;height:100%;max-width:500px;margin:0 auto;animation:wg-game-in .32s ease-out}@keyframes wg-game-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.wg-header{border-bottom:1px solid var(--wg-border);padding:12px 16px;text-align:center}.wg-header h1{margin:0;font-size:28px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.wg-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;gap:16px}.wg-board{display:grid;grid-auto-rows:var(--wg-tile-size);gap:var(--wg-tile-gap)}.wg-row{display:grid;grid-auto-flow:column;grid-auto-columns:var(--wg-tile-size);gap:var(--wg-tile-gap)}.wg-tile{display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;text-transform:uppercase;border:2px solid var(--wg-border);background:var(--wg-tile-bg);color:var(--wg-tile-text);-webkit-user-select:none;user-select:none;transition:background-color .15s,color .15s,border-color .15s}.wg-tile[data-state=filled]{border-color:var(--wg-border-filled)}.wg-tile[data-state=correct]{background:var(--wg-correct);border-color:var(--wg-correct);color:var(--wg-revealed-text)}.wg-tile[data-state=present]{background:var(--wg-present);border-color:var(--wg-present);color:var(--wg-revealed-text)}.wg-tile[data-state=absent]{background:var(--wg-absent);border-color:var(--wg-absent);color:var(--wg-revealed-text)}.wg-status{min-height:1.5rem;font-weight:600;text-align:center}.wg-error{color:var(--wg-error)}.wg-win{color:var(--wg-correct)}.wg-lose{color:var(--wg-absent)}.wg-turn-feedback{color:var(--wg-absent);font-weight:500;font-style:italic;animation:wg-feedback-in .26s ease-out}@keyframes wg-feedback-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.wg-keyboard{display:flex;flex-direction:column;gap:8px;padding:8px}.wg-keyboard-row{display:flex;justify-content:center;gap:6px}.wg-key{flex:1;min-width:28px;height:58px;border:0;border-radius:4px;background:var(--wg-key-bg);color:var(--wg-key-text);font-weight:700;font-size:1rem;cursor:pointer;text-transform:uppercase;font-family:inherit}.wg-key-wide{flex:1.5;font-size:1.1rem}.wg-key[data-state=correct]{background:var(--wg-correct);color:var(--wg-revealed-text)}.wg-key[data-state=present]{background:var(--wg-present);color:var(--wg-revealed-text)}.wg-key[data-state=absent]{background:var(--wg-absent);color:var(--wg-revealed-text)}.wg-scene{position:relative;height:100%}.wg-endpanel{position:absolute;top:24px;left:calc(50% - 534px);width:260px;padding:20px 22px;background:var(--wg-tile-bg);border:1px solid var(--wg-border);border-radius:12px;animation:wg-endpanel-in .3s ease-out;z-index:1}@keyframes wg-endpanel-in{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:none}}.wg-endpanel-msg{font-size:1.05rem;font-weight:600;line-height:1.4;margin-bottom:18px}.wg-endpanel--won .wg-endpanel-msg{color:var(--wg-correct)}.wg-endpanel--lost .wg-endpanel-msg{color:var(--wg-absent)}.wg-endpanel-next{padding:8px 22px;border:0;border-radius:20px;background:var(--wg-correct);color:var(--wg-revealed-text);font:inherit;font-weight:600;cursor:pointer;min-width:100px}.wg-endpanel-next:disabled{opacity:.7;cursor:wait}@media(max-width:1200px){.wg-endpanel{position:static;width:auto;max-width:500px;margin:0 auto 12px}}.guild-footer{margin:0;padding:.5rem 1rem;border-top:1px solid color-mix(in srgb,currentcolor 12%,transparent);font-size:.6875rem;line-height:1.3;color:color-mix(in srgb,currentcolor 55%,transparent);text-align:center;max-height:60px;overflow:hidden;flex-shrink:0;transition:max-height .28s ease,padding .28s ease,opacity .2s ease,border-top-width .28s ease,color .2s ease}.guild-footer--hidden{max-height:0;padding-top:0;padding-bottom:0;border-top-width:0;opacity:0}.guild-footer:hover{color:inherit}.guild-footer p{margin:0}.guild-footer a{color:inherit;text-decoration:underline;text-underline-offset:2px}