.app{max-width:720px;margin:0 auto;padding:1.25rem 1.1rem 2.5rem}.brand-lockup{display:flex;align-items:center;gap:.65rem;margin:0 0 .25rem}.brand-mark{width:2rem;height:2rem;flex-shrink:0;display:block}.brand-lockup h1{margin:0;font-size:1.85rem;letter-spacing:.02em;background:linear-gradient(120deg,var(--azat-text) 40%,var(--azat-cyan) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.tagline{margin:0 0 1rem;color:var(--azat-muted-strong);font-size:.95rem}.banner{background:#f5b0431a;border:1px solid rgba(245,176,67,.35);color:#f8dfa8;padding:.35rem .65rem;border-radius:8px;margin-bottom:.85rem;font-size:.8rem;line-height:1.35;display:flex;align-items:center;gap:.5rem}.banner-text{flex:1;min-width:0}.banner-toggle{flex-shrink:0;border:1px solid rgba(245,176,67,.4);background:transparent;color:#f8dfa8;padding:.15rem .45rem;border-radius:6px;cursor:pointer;font-size:.72rem;white-space:nowrap}.banner-toggle:hover{background:#f5b0431f}.mode-pill{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;padding:.15rem .55rem;border-radius:999px;border:1px solid var(--azat-border);color:var(--azat-muted);margin-bottom:.75rem}.mode-pill.live{border-color:#22d3ee73;color:var(--azat-cyan)}nav{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}nav button{border:1px solid var(--azat-border);background:var(--azat-navy-elevated);color:var(--azat-text);padding:.45rem .85rem;border-radius:8px;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}nav button:hover{border-color:#4f7cff8c}nav button.active{background:linear-gradient(135deg,#4f7cff59,#22d3ee26);color:var(--azat-text);border-color:var(--azat-blue);box-shadow:0 0 0 1px #4f7cff40}.panel{background:var(--azat-panel);border:1px solid var(--azat-border);border-radius:14px;padding:1.1rem 1.15rem;box-shadow:0 12px 40px #00000059}.panel h2{margin-top:0;font-size:1.25rem}.panel h3{margin-top:1.25rem;font-size:1rem;color:var(--azat-muted-strong);font-weight:600}.row{display:flex;gap:.5rem;flex-wrap:wrap;margin:.75rem 0;align-items:center}label{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.85rem;font-size:.9rem;color:var(--azat-muted-strong)}input[type=text],textarea{width:100%;padding:.6rem .75rem;border:1px solid var(--azat-border);border-radius:8px;background:var(--azat-navy-elevated);color:var(--azat-text)}input[type=text]:focus,textarea:focus{outline:none;border-color:var(--azat-blue);box-shadow:0 0 0 2px #4f7cff40}button[type=submit],.primary{border:1px solid rgba(245,176,67,.55);background:linear-gradient(135deg,var(--azat-blue),#3a63e0);color:#fff;padding:.55rem 1.1rem;border-radius:8px;cursor:pointer;font-weight:600;box-shadow:0 4px 16px #4f7cff47,0 0 0 1px #f5b04333}button[type=submit]:hover:not(:disabled),.primary:hover:not(:disabled){filter:brightness(1.08);border-color:var(--azat-gold)}button[type=submit]:disabled,.primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.secondary{border:1px solid var(--azat-border);background:transparent;color:var(--azat-text);padding:.5rem .95rem;border-radius:8px;cursor:pointer}.muted{color:var(--azat-muted);font-size:.9rem}.muted-strong{color:var(--azat-muted-strong);font-size:.9rem}.cta-block{margin:1rem 0;padding:1rem;border-radius:12px;border:1px dashed rgba(79,124,255,.45);background:#4f7cff14;text-align:center}.status-banner{margin:.75rem 0;padding:.65rem .85rem;border-radius:10px;font-weight:600;text-align:center}.status-banner.win{background:#22d3ee26;border:1px solid rgba(34,211,238,.45);color:var(--azat-cyan)}.status-banner.lose{background:#3d466366;border:1px solid var(--azat-slate);color:var(--azat-muted)}.error{color:#f87171;font-size:.9rem;margin:.5rem 0}.guess-grid{display:grid;gap:.4rem;margin:1rem 0 .5rem;justify-content:center;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.guess-row{display:flex;gap:.4rem;justify-content:center}.guess-row.active-row .tile.empty{border-color:#4f7cff8c;box-shadow:0 0 0 2px #4f7cff47}.guess-row.active-row .tile.filled{border-color:var(--azat-blue);box-shadow:inset 0 0 0 1px #4f7cff40,0 0 0 2px #4f7cff66,0 0 10px #4f7cff47}.tile{width:3rem;height:3rem;display:grid;place-items:center;border:2px solid var(--azat-slate);border-radius:8px;font-weight:700;font-size:1.25rem;text-transform:uppercase;background:var(--azat-navy-elevated);color:var(--azat-text);transition:background .15s,border-color .15s,transform .1s}.tile.empty{background:transparent;border-color:var(--azat-slate-deep)}.tile.filled{border-color:var(--azat-blue);box-shadow:inset 0 0 0 1px #4f7cff33}.tile.correct{background:linear-gradient(145deg,#1a9fb8,var(--azat-cyan));border-color:var(--azat-gold);color:#041018;box-shadow:0 0 10px #22d3ee59,0 0 0 1px #f5b0438c}.tile.present{background:linear-gradient(145deg,#c98a28,var(--azat-gold));border-color:var(--azat-gold);color:#1a1205;box-shadow:0 0 12px #f5b0434d}.tile.absent{background:var(--azat-slate-deep);border-color:var(--azat-slate);color:#a8b0c8}.guess-form{display:flex;flex-direction:column;align-items:center;gap:.4rem;margin-top:.25rem}.guess-hint{margin:0;font-size:.78rem;color:var(--azat-muted);text-align:center}.keyboard{display:flex;flex-direction:column;gap:.35rem;margin:.85rem 0 .5rem;width:100%;max-width:28rem;margin-left:auto;margin-right:auto}.keyboard-row{display:flex;justify-content:center;gap:.28rem}.key{min-width:1.7rem;height:2.6rem;padding:0 .35rem;border-radius:6px;border:1px solid var(--azat-border);background:var(--azat-navy-elevated);color:var(--azat-text);font-size:.78rem;font-weight:700;cursor:pointer;text-transform:uppercase}.key.wide{min-width:3.2rem;font-size:.7rem}.key.enter-key{border-color:#f5b0438c;box-shadow:0 0 0 1px #f5b04326;color:var(--azat-text);background:linear-gradient(135deg,#4f7cff73,#3a63e08c)}.key.correct{background:#22d3ee59;border-color:var(--azat-cyan);color:var(--azat-cyan)}.key.present{background:#f5b0434d;border-color:var(--azat-gold);color:var(--azat-gold)}.key.absent{background:var(--azat-slate-deep);border-color:var(--azat-slate);color:#7a849e}.key:disabled{opacity:.5;cursor:not-allowed}.sample{display:flex;flex-wrap:wrap;gap:.35rem}.chip{background:#4f7cff1f;border:1px solid rgba(79,124,255,.3);border-radius:999px;padding:.15rem .55rem;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.85rem;color:var(--azat-text)}.candidates{margin-top:1rem;border-top:1px solid var(--azat-border);padding-top:.75rem}.candidates-toggle{display:flex;align-items:center;gap:.4rem;width:100%;border:none;background:transparent;color:var(--azat-muted-strong);font-size:.9rem;font-weight:600;cursor:pointer;padding:.35rem 0;text-align:left}.candidates-toggle:hover{color:var(--azat-text)}.candidates-chevron{display:inline-block;font-size:.7rem;transition:transform .15s}.candidates-chevron.open{transform:rotate(90deg)}.candidates-body{margin-top:.5rem}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.5rem .35rem;border-bottom:1px solid var(--azat-border)}th{color:var(--azat-muted-strong);font-weight:600;font-size:.85rem}tr.you td{color:var(--azat-cyan)}.badge{display:inline-block;font-size:.7rem;padding:.1rem .4rem;border-radius:999px;margin-left:.35rem;border:1px solid rgba(34,211,238,.4);color:var(--azat-cyan)}.badge.stub{border-color:#9aa3c766;color:var(--azat-muted)}@media (max-width: 420px){.tile{width:2.55rem;height:2.55rem;font-size:1.1rem}.key{min-width:1.45rem;height:2.4rem;font-size:.7rem}.key.wide{min-width:2.7rem}.brand-lockup h1{font-size:1.55rem}}.puzzle-day{display:inline-block;margin:-.25rem 0 .75rem;padding:.2rem .55rem;font-size:.78rem;color:var(--azat-muted-strong);letter-spacing:.04em;border:1px solid rgba(245,176,67,.55);border-radius:999px;background:#f5b04314;box-shadow:0 0 0 1px #f5b0431f}.warning{color:var(--azat-gold);font-size:.9rem;margin:.5rem 0}.leave-btn{margin-top:.75rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.invite-box{margin:1rem 0;padding:1rem;border-radius:12px;border:1px solid rgba(34,211,238,.35);background:#22d3ee14}.invite-code{display:block;font-size:1.35rem;letter-spacing:.12em;font-weight:700;color:var(--azat-cyan);margin:.35rem 0 .75rem;word-break:break-all;-webkit-user-select:all;user-select:all}.join-screen h2{margin-top:0;font-size:1.25rem}.join-shared{margin-bottom:1rem;max-width:100%}.join-split{display:flex;flex-direction:column;gap:.75rem}.join-card{background:var(--azat-navy-elevated);border:1px solid var(--azat-border);border-radius:12px;padding:1rem 1.1rem;box-shadow:0 8px 28px #00000047}.join-card--status{background:var(--azat-panel)}.join-card h3{margin-top:0;margin-bottom:.35rem;color:var(--azat-text);font-size:1.05rem}.join-divider{display:flex;align-items:center;gap:.75rem;margin:0;color:var(--azat-muted);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.join-divider:before,.join-divider:after{content:"";flex:1;height:1px;background:var(--azat-border)}:root{--azat-navy: #060916;--azat-navy-elevated: #0b1024;--azat-panel: #10182e;--azat-border: #1c2744;--azat-blue: #4f7cff;--azat-cyan: #22d3ee;--azat-gold: #f5b043;--azat-text: #e8ecff;--azat-muted: #d0d6ec;--azat-muted-strong: #e0e4f4;--azat-slate: #3d4663;--azat-slate-deep: #2a3148;font-family:Space Grotesk,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:var(--azat-text);background:var(--azat-navy);color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(79,124,255,.18),transparent),radial-gradient(ellipse 60% 40% at 100% 100%,rgba(34,211,238,.08),transparent),var(--azat-navy)}button,input,textarea{font:inherit;color:inherit}