:root{--bg:#0f1115;--bg-soft:#181a21;--bg-card:#1f222b;--border:#2c2f3a;--border-strong:#3a3d4a;--text:#f4f4f5;--text-muted:#9ba0ad;--accent:#5a8ce0;--accent-strong:#6ea0f0;--correct:#538d4e;--present:#b59f3b;--absent:#3a3a3c;--danger:#b14a4a;--warn:#e2a23b}.app{display:flex;flex-direction:column;max-width:100%;min-height:100vh}.app-header{grid-gap:12px;align-items:center;background:#0f1115;background:var(--bg);border-bottom:1px solid #2c2f3a;border-bottom:1px solid var(--border);display:grid;gap:12px;grid-template-columns:auto 1fr auto;padding:10px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.app-header__logo{gap:4px;text-decoration:none}.app-header__logo,.logo-tile{align-items:center;display:inline-flex}.logo-tile{border-radius:4px;color:#fff;font-size:14px;font-weight:700;height:26px;justify-content:center;letter-spacing:0;width:26px}.logo-tile--correct{background:#538d4e;background:var(--correct)}.logo-tile--present{background:#b59f3b;background:var(--present)}.app-header__title{font-size:1.3rem;letter-spacing:.06em;text-align:center;text-transform:uppercase}.app-header__nav{display:flex;font-size:1.1rem;gap:12px}.app-header__nav a{border-radius:6px;color:#9ba0ad;color:var(--text-muted);padding:6px 10px;text-decoration:none;transition:background .12s ease,color .12s ease}.app-header__nav a:hover{background:#1f222b;background:var(--bg-card);color:#f4f4f5;color:var(--text)}.app-main{align-items:center;display:flex;flex:1 1;flex-direction:column;padding:18px 12px 28px;width:100%}.app-footer{border-top:1px solid #2c2f3a;border-top:1px solid var(--border);color:#9ba0ad;color:var(--text-muted);font-size:.78rem;padding:12px;text-align:center}.home{max-width:980px;width:100%}.home__hero{padding:18px 6px 22px;text-align:center}.home__hero h2{font-size:2rem;margin-bottom:8px}.home__hero p{color:#9ba0ad;color:var(--text-muted);margin:0 auto;max-width:540px}.home__grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.mode-card{background:#1f222b;background:var(--bg-card);border:1px solid #2c2f3a;border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;gap:12px;overflow:hidden;padding:18px;position:relative;transition:transform .18s ease,border-color .18s ease}.mode-card:hover{border-color:#3a3d4a;border-color:var(--border-strong);transform:translateY(-2px)}.mode-card:after{background:#5a8ce0;background:var(--accent);content:"";height:4px;inset:0 0 auto 0;position:absolute}.mode-card--green:after{background:#538d4e;background:var(--correct)}.mode-card--yellow:after{background:#b59f3b;background:var(--present)}.mode-card--blue:after{background:#5a8ce0;background:var(--accent)}.mode-card--purple:after{background:#7b5ee0}.mode-card__head{align-items:center;display:flex;gap:12px}.mode-card__glyph{align-items:center;background:#181a21;background:var(--bg-soft);border:1px solid #2c2f3a;border:1px solid var(--border);border-radius:8px;color:#f4f4f5;color:var(--text);display:inline-flex;font-size:1.4rem;font-weight:700;height:42px;justify-content:center;width:42px}.mode-card h3{font-size:1.15rem}.mode-card__sub{font-size:.85rem;margin:2px 0 0}.mode-card__desc,.mode-card__sub{color:#9ba0ad;color:var(--text-muted)}.mode-card__desc{font-size:.95rem;margin:0;min-height:2.6em}.mode-card__actions{display:flex;gap:8px;margin-top:auto}.btn{align-items:center;background:#181a21;background:var(--bg-soft);border:1px solid #2c2f3a;border-color:var(--border);border-radius:8px;color:#f4f4f5;color:var(--text);cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;justify-content:center;padding:8px 14px;text-decoration:none;transition:background .12s ease,border-color .12s ease,transform 80ms ease}.btn:hover{background:#1f222b;background:var(--bg-card)}.btn:active{transform:translateY(1px)}.btn--primary{background:#538d4e;background:var(--correct);border-color:#538d4e;border-color:var(--correct);color:#fff}.btn--primary:hover{background:#4d8347;border-color:#4d8347}.btn--danger,.btn--ghost{background:#0000}.btn--danger{border-color:#b14a4a;border-color:var(--danger);color:#b14a4a;color:var(--danger)}.btn--danger:hover{background:#b14a4a1f}.btn--small{font-size:.8rem;padding:4px 10px}.game{align-items:center;display:flex;flex-direction:column;gap:14px;width:100%}.game__caption{color:#9ba0ad;color:var(--text-muted);font-size:.86rem;letter-spacing:.04em;margin:0;text-transform:uppercase}.board{grid-gap:5px;--tile-size:62px;display:grid;gap:5px;grid-auto-rows:1fr}.board--compact{--tile-size:32px}.board__row{grid-gap:5px;display:grid;gap:5px;grid-auto-flow:column}.tile{background:#0000;border:2px solid #3a3d4a;border:2px solid var(--border-strong);border-radius:3px;color:#f4f4f5;color:var(--text);font-size:calc(var(--tile-size)*.45);font-weight:800;height:var(--tile-size);perspective:600px;position:relative;text-transform:uppercase;transform-style:preserve-3d;transition:border-color 80ms ease,background 80ms ease,transform .22s ease;-webkit-user-select:none;user-select:none;width:var(--tile-size)}.tile,.tile__face{align-items:center;display:inline-flex;justify-content:center}.tile__face{inset:0;pointer-events:none;position:absolute}.tile__face--back,.tile__face--front{-webkit-backface-visibility:hidden;backface-visibility:hidden}.tile__face--back{transform:rotateX(180deg)}.tile--filled{border-color:#565a68}.tile--flip{animation:tile-flip .6s ease forwards}.tile--pop{animation:tile-pop .11s ease}.tile--shake{animation:tile-shake .38s ease}.tile--correct{background:#538d4e;background:var(--correct);border-color:#538d4e;border-color:var(--correct);color:#fff}.tile--present{background:#b59f3b;background:var(--present);border-color:#b59f3b;border-color:var(--present);color:#fff}.tile--absent{background:#3a3a3c;background:var(--absent);border-color:#3a3a3c;border-color:var(--absent);color:#fff}.tile--solved{box-shadow:0 0 0 2px #538d4e73}@keyframes tile-pop{0%{transform:scale(.92)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes tile-shake{0%,to{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}@keyframes tile-flip{0%{transform:rotateX(0)}45%{transform:rotateX(90deg)}55%{transform:rotateX(90deg)}to{transform:rotateX(0)}}.multi-grid{grid-gap:10px;display:grid;gap:10px;max-width:100%;overflow-x:auto;padding-bottom:4px}.multi-grid--2{grid-template-columns:repeat(2,-webkit-max-content);grid-template-columns:repeat(2,max-content);justify-content:center}.multi-grid--4{grid-template-columns:repeat(4,-webkit-max-content);grid-template-columns:repeat(4,max-content);justify-content:center}.board--solved .tile{opacity:.55}.keyboard{display:flex;flex-direction:column;gap:6px;margin-top:6px;max-width:520px;width:100%}.keyboard__row{display:flex;gap:5px;justify-content:center}.key{background:#4a4d57;border:none;border-radius:4px;color:#f4f4f5;color:var(--text);cursor:pointer;flex:1 1;font-size:.95rem;font-weight:700;height:56px;max-width:56px;min-width:28px;text-transform:uppercase;transition:background .14s ease,color .14s ease,transform 60ms ease}.key:hover{filter:brightness(1.08)}.key:active{transform:translateY(1px)}.key--wide{flex:1.4 1;font-size:.78rem;max-width:78px}.key--correct{background:#538d4e;background:var(--correct);color:#fff}.key--present{background:#b59f3b;background:var(--present);color:#fff}.key--absent{background:#2b2c30;color:#9aa0ad}.keyboard--nerdle .keyboard__row .key{max-width:50px}.keyboard--nerdle .key--wide{max-width:90px}.toast-host{align-items:center;display:flex;flex-direction:column;gap:8px;left:0;pointer-events:none;position:fixed;right:0;top:70px;z-index:50}.toast{animation:toast-in .18s ease;background:#f4f4f5;border-radius:6px;box-shadow:0 4px 16px #00000059;color:#1a1c22;font-size:.92rem;font-weight:600;padding:8px 14px}.toast--warn{background:#fde68a;color:#4b3700}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.modal-backdrop{align-items:center;animation:backdrop-in .18s ease;background:#0000008c;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:60}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}.modal{animation:modal-in .22s ease;background:#1f222b;background:var(--bg-card);border:1px solid #2c2f3a;border:1px solid var(--border);border-radius:12px;max-height:calc(100vh - 32px);max-width:460px;overflow-y:auto;padding:22px 22px 18px;position:relative;width:100%}@keyframes modal-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.modal__close{background:none;border:none;color:#9ba0ad;color:var(--text-muted);cursor:pointer;font-size:1.6rem;line-height:1;padding:4px 8px;position:absolute;right:8px;top:6px}.modal__close:hover{color:#f4f4f5;color:var(--text)}.modal__title{font-size:1.3rem;margin-bottom:12px}.modal__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.stats-panel{margin-top:8px;width:100%}.stats-panel__row{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(4,1fr);margin-bottom:10px}.stat{background:#181a21;background:var(--bg-soft);border:1px solid #2c2f3a;border:1px solid var(--border);border-radius:8px;padding:8px 4px;text-align:center}.stat__value{font-size:1.4rem;font-weight:700}.stat__label{font-size:.72rem}.stat__label,.stats-panel__heading{color:#9ba0ad;color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase}.stats-panel__heading{font-size:.85rem;margin:12px 0 8px}.stats-panel__dist{display:flex;flex-direction:column;gap:4px}.dist-row{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:18px 1fr}.dist-row__label{font-weight:700;text-align:right}.dist-row__bar{background:#3a3a3c;background:var(--absent);border-radius:3px;color:#fff;font-size:.78rem;min-width:22px;padding:2px 6px;text-align:right;transition:width .24s ease}.stats-page{max-width:880px;width:100%}.stats-page__grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:14px}.stats-card{background:#1f222b;background:var(--bg-card);border:1px solid #2c2f3a;border:1px solid var(--border);border-radius:12px;padding:14px}.stats-card__head{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.stats-page__actions{display:flex;justify-content:center;margin-top:18px}.how-to-play{background:#1f222b;background:var(--bg-card);border:1px solid #2c2f3a;border:1px solid var(--border);border-radius:12px;max-width:640px;padding:20px;width:100%}.how-to-play h2{margin-bottom:8px}.how-to-play h3{margin-bottom:4px;margin-top:16px}.how-to-play code{background:#181a21;background:var(--bg-soft);border-radius:4px;font-size:.92em;padding:2px 6px}.legend{display:flex;flex-direction:column;gap:6px;margin:12px 0 4px}.legend__row{align-items:center;display:flex;gap:10px}.legend__chip{border-radius:3px!important;font-size:14px!important;height:28px!important;width:28px!important}.muted{color:#9ba0ad;color:var(--text-muted)}.answer-list{margin:6px 0 12px;padding-left:18px}.answer-list--columns{column-count:2;list-style-position:inside;padding-left:0}.answer-list li{padding:2px 0}@media (max-width:540px){.board{--tile-size:52px}.board--compact{--tile-size:26px}.key{font-size:.85rem;height:48px}.key--wide{font-size:.7rem}.app-header__title{font-size:1.1rem;letter-spacing:.04em}}@media (max-width:420px){.board{--tile-size:44px}.board--compact{--tile-size:20px;gap:3px}.board__row,.keyboard__row{gap:3px}.key{font-size:.78rem;max-width:38px;min-width:22px}}*,:after,:before{box-sizing:border-box}#root,body,html{height:100%;margin:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{background:#0f1115;color:#f4f4f5;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.45;overflow-x:hidden}button{font-family:inherit}a{color:inherit}h1,h2,h3,h4{font-weight:700;margin:0}p{margin:0 0 .6em}
/*# sourceMappingURL=main.17b24cba.css.map*/