@font-face{font-family:Heebo;src:url('/fonts/Heebo-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Heebo;src:url('/fonts/Heebo-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{color-scheme:light;--bg:#f3f1ff;--surface:#fffefe;--ink:#251f3f;--muted:#6d6682;--line:#d9d4e8;--purple:#6557d9;--purple-ink:#493cae;--key:#e8e5ef;--exact:#6557d9;--present:#ec7a65;--absent:#8b8798;--absent-ink:#211d2c;--letters:5;--tile-max:48px;font-family:Heebo,Arial,sans-serif}
html.dark{color-scheme:dark;--bg:#111827;--surface:#1b2638;--ink:#f8fafc;--muted:#b2bbcd;--line:#465269;--purple:#8b7cf6;--purple-ink:#c1b8ff;--key:#303b50;--exact:#7667e8;--present:#e78a76;--absent:#586277;--absent-ink:#fff}
*{box-sizing:border-box}[hidden]{display:none!important}html{background:var(--bg);scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;min-width:280px;color:var(--ink);background:var(--bg);font-size:16px;line-height:1.5}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.6}button,a{touch-action:manipulation}a{color:var(--purple-ink)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--purple);outline-offset:3px}button:focus:not(:focus-visible){outline:none}.skip-link{position:fixed;top:-80px;right:12px;z-index:5;background:var(--surface);padding:10px}.skip-link:focus{top:8px}
.topbar{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:1000px;margin:auto;padding:6px max(12px,env(safe-area-inset-right)) 6px max(12px,env(safe-area-inset-left));border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;min-height:44px}.brand img{display:block;width:116px;height:30px}.topbar nav{display:flex;align-items:center;gap:12px}.topbar nav a,.topbar button{font-size:13px;min-height:44px;display:inline-flex;align-items:center;background:none;border:0;color:var(--muted);padding:4px 0;text-decoration:none}.topbar button{font-weight:700}.game-shell{width:min(100% - 24px,520px);margin:0 auto;padding:12px 0 16px}.heading{text-align:center;margin-bottom:12px}.heading h1{font-size:28px;line-height:1.25;margin:0 0 4px;font-weight:700;letter-spacing:-.6px}.heading p{font-size:14px;color:var(--muted);margin:0}.mode-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);margin-bottom:10px;gap:12px}.mode-tabs button{min-width:0;min-height:44px;border:0;border-bottom:3px solid transparent;color:var(--muted);background:none;font-weight:700;font-size:15px}.mode-tabs button[aria-selected=true]{color:var(--purple-ink);border-bottom-color:var(--purple)}.game-meta{min-height:25px;display:flex;justify-content:space-between;gap:8px;align-items:center;color:var(--muted);font-size:12px}.game-meta span:last-child{font-size:11px;text-align:left}
.board-stage{min-height:313px;display:grid;place-items:center}.board{width:min(100%,calc(var(--letters)*var(--tile-max) + (var(--letters) - 1)*5px));display:grid;gap:5px;direction:rtl}.guess-row{display:grid;grid-template-columns:repeat(var(--letters),minmax(0,1fr));gap:5px}.tile{aspect-ratio:1;min-width:0;position:relative;display:grid;place-items:center;border:2px solid var(--line);border-radius:10px 10px 4px 10px;background:var(--surface);font-size:clamp(21px,6vw,28px);font-weight:700;line-height:1;transition:background-color .16s,border-color .16s}.tile.has-letter{border-color:var(--purple)}.tile small{position:absolute;bottom:3px;left:4px;font:700 9px Arial,sans-serif}.tile.exact,.key.exact,.legend .exact,.rules .exact{background:var(--exact);border-color:var(--exact);color:#fff}.tile.present,.key.present,.legend .present,.rules .present{background:var(--present);border-color:var(--present);color:#281812}.tile.absent,.key.absent,.legend .absent,.rules .absent{background:var(--absent);border-color:var(--absent);color:var(--absent-ink)}.guess-row.current .tile:not(.has-letter){border-color:color-mix(in srgb,var(--purple) 50%,var(--line))}.guess-row.reveal .tile{animation:tile-reveal .2s ease-out both;animation-delay:calc(var(--column)*25ms)}
.status-line{min-height:28px;margin:6px 0;text-align:center;font-size:14px;line-height:1.45;color:var(--muted);overflow-wrap:anywhere}.status-line.error{color:#a8372a}html.dark .status-line.error{color:#ffb4a4}.status-line.success{color:var(--purple-ink);font-weight:700}.legend{display:flex;justify-content:center;gap:12px;font-size:10px;line-height:1.3;color:var(--muted);margin:4px 0 10px}.legend span{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.legend i,.rules-colors i{font:700 11px Arial,sans-serif;width:18px;height:18px;border-radius:5px;display:inline-grid;place-items:center;font-style:normal;flex:none}.keyboard{display:grid;gap:6px;max-width:480px;margin:auto}.keyboard-row{display:flex;justify-content:center;gap:4px;direction:rtl}.key{height:46px;min-width:0;flex:1;max-width:48px;padding:0 2px;border:1px solid var(--line);border-bottom-width:3px;border-radius:8px;background:var(--key);color:var(--ink);font-weight:700;font-size:18px;position:relative;transition:transform .08s}.key.action{flex:1.65;max-width:78px;font-size:13px}.key:active:not(:disabled){transform:translateY(2px);border-bottom-width:1px}.key small{position:absolute;bottom:2px;left:3px;font:700 8px Arial,sans-serif}.key.absent:disabled{opacity:.6}
.primary,.secondary{min-height:44px;border:1px solid transparent;padding:9px 16px;border-radius:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:14px;line-height:1.4}.primary{color:#fff;background:#6557d9}.primary:hover{background:#5547c9}.secondary{background:var(--surface);border-color:var(--line);color:var(--purple-ink)}.result{min-height:150px;text-align:center;padding:10px 0 0}.result h2{font-size:22px;margin:0}.result p{margin:4px 0 10px}.result-actions{display:flex;gap:8px;flex-wrap:wrap}.result-actions>*{flex:1;min-width:0}.result .result-actions{max-width:380px;margin:auto}.small-note{font-size:12px;line-height:1.5;color:var(--muted);margin:6px 0 12px}.create-panel{padding:12px 4px 8px;min-height:420px}.create-panel h2{font-size:23px;margin:4px 0 8px}.create-panel>p{font-size:15px;color:var(--muted);margin:0 0 20px}.create-panel label{display:block;font-size:14px;font-weight:700;margin-bottom:6px}.create-panel input,.share-fallback{width:100%;min-width:0;min-height:46px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);padding:9px 12px;font-size:16px}.create-panel form>.primary{width:100%}#custom-word{font-size:24px;font-weight:700;letter-spacing:2px}.created-game{border-top:1px solid var(--line);padding-top:16px;margin-top:10px}.created-game h3{margin:0 0 12px;font-size:19px}#created-link{font-size:14px}.share-fallback{resize:vertical;font-size:13px;direction:ltr}.game-error{min-height:330px;text-align:center;padding:48px 12px}.game-error h2{font-size:24px;margin:0 0 12px}.game-error p{color:var(--muted);margin:0 0 20px}.notice{padding:12px;border:1px solid var(--line)}
.rules{width:min(100% - 32px,760px);margin:16px auto 0;padding:28px 0;border-top:1px solid var(--line);font-size:15px;line-height:1.9;scroll-margin-top:12px}.rules h2{margin:0 0 12px;font-size:25px}.rules h3{margin:24px 0 6px;font-size:19px}.rules p{margin:0 0 14px;color:var(--muted)}.rules-colors{list-style:none;padding:0;margin:14px 0 20px}.rules-colors li{display:flex;gap:8px;align-items:baseline;margin:5px 0}.rules-colors i{align-self:center}.page-footer{text-align:center;border-top:1px solid var(--line);padding:18px 16px max(18px,env(safe-area-inset-bottom));font-size:12px}.page-footer a{color:var(--muted)}
@media(min-width:600px){:root{--tile-max:52px}.board-stage{min-height:337px}.game-shell{padding-top:18px}.heading{margin-bottom:14px}}
@media(max-width:340px){.topbar nav{gap:8px}.topbar nav a,.topbar button{font-size:12px}.legend{gap:8px;font-size:9px}.heading h1{font-size:26px}.heading p{font-size:13px}.game-meta{font-size:11px}.key{font-size:17px}}
@media(max-height:500px) and (min-width:600px){.game-shell{width:min(100% - 32px,760px)}.heading{margin:0 0 8px}.heading h1{font-size:24px}.heading p{display:none}#game-content{display:grid;grid-template-columns:1fr 1fr;column-gap:22px;align-items:center}.board-stage{grid-column:1;grid-row:1/5;min-height:0;--tile-max:36px}.status-line{grid-column:2}.legend{grid-column:2;flex-wrap:wrap}.keyboard,.result{grid-column:2;width:100%}.key{height:44px}.rules{margin-top:20px}}
@keyframes tile-reveal{from{transform:translateY(-3px);opacity:.6}to{transform:translateY(0);opacity:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}


@media(max-height:500px) and (min-width:600px){.topbar{min-height:46px;padding-top:0;padding-bottom:0}.game-shell{padding-top:6px}.heading h1{font-size:22px}.heading{margin-bottom:0}.mode-tabs{margin-bottom:3px}.mode-tabs button{min-height:40px}.game-meta{min-height:20px}.board-stage{--tile-max:32px}.status-line{font-size:12px;min-height:22px;margin:2px 0}.legend{margin:2px 0 6px}.keyboard{gap:4px}}
@media(max-height:700px) and (max-width:599px){:root{--tile-max:36px}.board-stage{min-height:241px}.game-shell{padding-top:6px}.heading{margin-bottom:4px}.heading h1{font-size:24px}.mode-tabs{margin-bottom:4px}.status-line{min-height:24px;margin:3px 0}.legend{margin:3px 0 7px}.key{height:44px}.keyboard{gap:4px}}

.create-panel{min-height:0}.rules-colors li{align-items:flex-start}.rules-colors i{align-self:flex-start;margin-top:5px}

#create-status:empty{min-height:0;margin:0}

.topbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;column-gap:24px}
.header-community{display:flex;align-items:center;justify-content:center;gap:12px;min-width:0}
.header-community p{min-width:0;max-width:26em;margin:0;font-size:12px;line-height:1.55;color:var(--muted)}
.header-community .primary{flex:none;min-height:44px;padding:8px 12px;font-size:12px;white-space:nowrap;animation:community-invitation 1.15s ease-in-out .7s 2}
.header-community .primary:hover,.header-community .primary:focus-visible{animation:none}
@keyframes community-invitation{0%,100%{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 0 0 5px color-mix(in srgb,var(--purple) 24%,transparent)}}
@media(max-width:799px){.topbar{grid-template-columns:1fr auto;column-gap:12px}.brand{grid-column:1;grid-row:1}.topbar nav{grid-column:2;grid-row:1}.header-community{grid-column:1/-1;grid-row:2;justify-content:space-between;border-top:1px solid var(--line);padding:6px 0 2px}.header-community p{max-width:none}}
@media(max-height:500px) and (min-width:600px){.topbar{grid-template-columns:84px minmax(0,1fr) auto;column-gap:12px}.brand{grid-column:1;grid-row:1}.brand img{width:84px;height:auto}.topbar nav{grid-column:3;grid-row:1;gap:8px}.topbar nav a,.topbar button{font-size:12px}.header-community{grid-column:2;grid-row:1;border:0;padding:0;gap:8px}.header-community p{font-size:11px;line-height:1.4}.header-community .primary{padding:6px 10px}}
@media(max-height:700px) and (max-width:599px){.heading p{display:none}}

.wordle-example{margin:20px 0;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface);overflow-wrap:anywhere}.wordle-example figcaption{font-size:18px;font-weight:700;margin-bottom:6px}.wordle-example p{font-size:14px;line-height:1.75}.wordle-example p:last-child{margin-bottom:0}.example-letters{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;max-width:350px;padding:0;margin:16px 0;direction:rtl}.example-letters li{min-width:0;text-align:center;font-size:11px;line-height:1.5;color:var(--muted)}.example-letter{display:grid;place-items:center;aspect-ratio:1;width:min(100%,48px);margin:0 auto 6px;border:2px solid transparent;border-radius:10px 10px 4px 10px;font-size:26px;font-weight:700;line-height:1}
.question-teaser{position:relative;isolation:isolate;width:100%;margin:12px 0 0;border:1px solid var(--line);border-inline-start:3px solid var(--purple);border-radius:12px;background:var(--surface);box-shadow:0 4px 16px #0000000d;animation:teaser-enter .24s ease-out both;text-align:start}
.question-teaser>a{display:block;padding:10px 12px 10px 48px;color:var(--ink);text-decoration:none;min-height:88px;overflow-wrap:anywhere}
.question-teaser strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:14px;line-height:1.45;margin:3px 0;font-weight:700}
.teaser-source{display:block;font-size:10px;line-height:1.5;color:var(--purple-ink)}
.teaser-excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;font-size:12px;line-height:1.5;color:var(--muted)}
.question-teaser>button{position:absolute;inset-inline-end:2px;top:2px;width:44px;height:44px;padding:0;background:none;border:0;border-radius:10px;color:var(--muted);font-size:24px;line-height:1;z-index:1}
.question-teaser>button:hover{background:var(--key)}.question-teaser>a:hover strong{text-decoration:underline;text-underline-offset:3px}
.question-teaser.closing{animation:teaser-exit .18s ease-in both;pointer-events:none}
@keyframes teaser-enter{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}
@keyframes teaser-exit{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-8px)}}
@media(min-width:1200px){.question-teaser{position:fixed;left:max(20px,env(safe-area-inset-left));bottom:max(20px,env(safe-area-inset-bottom));width:300px;margin:0;z-index:3;box-shadow:0 8px 28px #00000014}}