:root{--bg: #07090b;--panel: #12151a;--board: #0b0d10;--tile: #1a1e24;--ink: #ffcc1a;--text: #e9e6da;--muted: #8d9199;--line: #262b33;--green: #3ddc84;--orange: #ff8a2b;--amber: #ffa21a;--red: #ff5a4f;--accent: #ffcc1a;--mono: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--sans: "Helvetica Neue", Helvetica, Arial, system-ui, sans-serif}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-text-size-adjust:100%}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.app{max-width:780px;margin:0 auto;padding:14px 16px calc(28px + env(safe-area-inset-bottom))}.top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}h1{margin:0;font-size:22px;white-space:nowrap;letter-spacing:.14em;font-weight:800;color:var(--accent)}.sub{margin:2px 0 0;font-size:12px;color:var(--muted);letter-spacing:.04em}@media(max-width:520px){h1{white-space:normal;font-size:20px;line-height:1.05;letter-spacing:.1em}.sub{font-size:11px;margin-top:4px}}.actions{display:flex;gap:8px;align-items:center;flex:none}.brand{min-width:0}button{font:inherit;cursor:pointer}.icon-btn,.pill{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:999px;height:36px;min-width:36px;padding:0 12px;font-size:14px;font-weight:600;white-space:nowrap}.icon-btn:hover,.pill:hover{border-color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.practice-bar{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}.practice-bar[hidden]{display:none}.chip{height:30px;padding:0 11px;border-radius:999px;font-size:12px;font-weight:600;background:var(--panel);color:var(--muted);border:1px solid var(--line)}.chip[aria-pressed=true]{background:var(--accent);color:#151100;border-color:var(--accent)}.boardwrap{container-type:inline-size;background:var(--board);border:1px solid var(--line);border-radius:10px;padding:10px 0 12px}.board-title b{color:var(--text);font-weight:700;margin-left:4px}.board-title{display:flex;justify-content:space-between;gap:8px;padding:0 3cqw 8px;font-size:11px;letter-spacing:.22em;color:var(--muted);font-weight:700}.board{--n: 45.7;--cw: min(calc(94cqw / var(--n)), 26px);--tg: calc(var(--cw) * .08);--cg: calc(var(--cw) * 1.2);padding:0 3cqw;display:flex;flex-direction:column;gap:calc(var(--cw) * .35)}.row{display:flex;gap:var(--cg);align-items:center;justify-content:center}.col{display:flex;gap:var(--tg);width:calc(var(--chars) * var(--cw) + (var(--chars) - 1) * var(--tg));flex:none}.head .col{font-size:max(9px,calc(var(--cw) * .5));color:var(--muted);letter-spacing:.1em;font-weight:700;display:block;white-space:nowrap}.tile{position:relative;flex:none;width:var(--cw);height:calc(var(--cw) * 2.1);background:var(--tile);border-radius:calc(var(--cw) * .12);display:grid;place-items:center;overflow:hidden;font-family:var(--mono);font-weight:800;font-size:calc(var(--cw) * 1.5);line-height:1;color:var(--ink);text-transform:uppercase;box-shadow:inset 0 -1px #ffffff08}.tile:after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#000000bf}.tile:not(.lit){background:#12151a}.col-airline .tile{color:#f2efe4}@container (max-width: 560px){.board{--n: 28.4;padding:0 2.5cqw;gap:calc(var(--cw) * .7)}.row{display:grid;grid-template-columns:repeat(3,auto);column-gap:var(--cg);row-gap:calc(var(--cw) * .25);justify-content:center}.row>.col-time{grid-area:1 / 1}.row>.col-dest{grid-area:1 / 2}.row>.col-term{grid-area:1 / 3}.row>.col-airline{grid-area:2 / 2}.head .col-airline{display:none!important}}.hints{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 3cqw 0}.hints div{background:#12151a;border-radius:6px;padding:7px 10px;min-width:0}.hints dt{font-size:10px;letter-spacing:.2em;color:var(--muted);font-weight:700}.hints dd{margin:3px 0 0;font-family:var(--mono);font-weight:800;font-size:13px;color:var(--ink);overflow-wrap:anywhere}.hints dd.locked{color:#4a4f58;font-weight:600;font-size:11px}.play{margin-top:14px}.play[hidden]{display:none}#guess-form{display:flex;gap:8px}.combo{position:relative;flex:1;min-width:0}input[type=text]{width:100%;height:46px;padding:0 14px;font:inherit;font-size:16px;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:10px}input[type=text]:focus{border-color:var(--accent);outline:none}#guess-btn,.primary{height:46px;padding:0 20px;border-radius:10px;border:0;font-weight:700;background:var(--accent);color:#151100}#guess-btn:disabled{background:#2a2e35;color:#70757e;cursor:not-allowed}.options{position:absolute;z-index:10;left:0;right:0;top:calc(100% + 4px);margin:0;padding:4px;list-style:none;background:#171b21;border:1px solid var(--line);border-radius:10px;max-height:300px;overflow:auto;box-shadow:0 12px 30px #00000080}.options[hidden]{display:none}.options li{display:grid;grid-template-columns:44px 1fr;gap:0 8px;padding:8px 10px;border-radius:7px;cursor:pointer}.options li b{font-family:var(--mono);color:var(--accent);grid-row:span 2;align-self:center}.options li .o-name{font-size:14px}.options li .o-loc{font-size:12px;color:var(--muted)}.options li[aria-selected=true]{background:#252a32}.options li[aria-disabled=true]{opacity:.45}.message{min-height:20px;margin:6px 2px 0;font-size:13px;color:var(--muted)}.guesses{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.g{display:grid;grid-template-columns:22px 1fr auto auto;gap:10px;align-items:center;background:var(--panel);border:1px solid var(--line);border-left-width:5px;border-radius:8px;padding:0 10px;min-height:42px;font-size:14px}.g.empty{background:transparent;border-style:dashed;border-left-width:1px;color:#3b4048}.g-n{color:var(--muted);font-size:12px}.g-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.g-name b{font-family:var(--mono);color:var(--accent);margin-right:4px}.g-sq{font-size:22px;line-height:1}.g-dir{font-size:20px;line-height:1}.band-correct{--band: var(--green)}.band-under150{--band: #78b159}.band-under500{--band: #fdcb58}.band-under1500{--band: #f4900c}.band-under3000{--band: #dd2e44}.band-under6000{--band: #aa8ed6}.band-over6000{--band: #8a8f99}.g:not(.empty){border-left-color:var(--band)}@media(max-width:380px){.g{grid-template-columns:18px 1fr auto auto;gap:8px;font-size:13px}}.band-key{list-style:none;padding:0;margin:4px 0 14px;display:grid;gap:6px}.band-key li{display:flex;align-items:center;gap:10px;font-size:14px}.band-key .g-sq{font-size:20px}.end{margin-top:16px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px 16px;text-align:center}.end[hidden]{display:none}.end-kicker{margin:0;font-size:11px;letter-spacing:.22em;text-transform:uppercase;font-weight:700;color:var(--green)}.end.lose .end-kicker{color:var(--red)}.end h2{margin:6px 0 2px;font-size:22px}.end-loc{margin:0;color:var(--muted)}.iata{font-family:var(--mono);color:var(--accent);margin-left:6px}.end-score{margin:10px 0 14px;font-weight:600}.end-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:16px}.end-actions button:not(.primary){height:46px;padding:0 18px;border-radius:10px;background:transparent;color:var(--text);border:1px solid var(--line);font-weight:600}.end-actions button:not(.primary):hover{border-color:var(--accent)}.next{margin:14px 0 0;color:var(--muted);font-size:13px}.next time{display:block;font-family:var(--mono);font-size:24px;color:var(--text);margin-top:2px}.muted{color:var(--muted);font-size:13px;margin:0}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:12px}.stat-grid b{display:block;font-size:24px;font-variant-numeric:tabular-nums}.stat-grid span{font-size:11px;color:var(--muted)}.dist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;text-align:left}.dist li{display:grid;grid-template-columns:14px 1fr;gap:8px;align-items:center;font-size:12px}.dist li span{color:var(--muted)}.dist i{display:block;width:var(--w);background:#3a3f48;color:#fff;font-style:normal;padding:2px 6px;text-align:right;border-radius:3px;min-width:0}.dist li.hl i{background:var(--green);color:#04150a;font-weight:700}.foot{margin-top:24px;font-size:12px;color:#6a6f78;line-height:1.5;text-align:center}.dlg{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:14px;padding:20px;max-width:min(92vw,420px)}.dlg::backdrop{background:#000000a6}.dlg h2{margin:0 0 10px}.dlg ul{padding-left:18px;line-height:1.5;font-size:14px}.dlg form button{width:100%;height:44px;border-radius:10px;border:0;background:var(--accent);color:#151100;font-weight:700;margin-top:8px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#f1efe6;color:#111;padding:10px 16px;border-radius:8px;font-weight:600;font-size:14px;transition:all .2s}.toast.show{opacity:1;transform:translate(-50%)}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}