:root{--bg:#f2f6ff;--bg-strong:#e4edff;--surface:#ffffffe6;--surface-solid:#fff;--surface-muted:#f4f7fb;--text:#172033;--muted:#64748b;--border:#64748b38;--primary:#2563eb;--danger:#dc2626;--success:#059669;--shadow:0 18px 56px #1f2d4f24;--radius-lg:10px;--radius-md:6px;--radius-sm:4px}@media (prefers-color-scheme:dark){:root{--bg:#0b1020;--bg-strong:#10182f;--surface:#111827e6;--surface-solid:#111827;--surface-muted:#172033;--text:#eef4ff;--muted:#9aa9c0;--border:#c6d3ee29;--primary:#60a5fa;--shadow:0 18px 56px #00000057}}*{box-sizing:border-box}html{background:var(--bg);min-height:100%}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at top left, #2563eb24, transparent 26rem), linear-gradient(135deg, var(--bg), var(--bg-strong));margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{color:inherit}.app-shell{z-index:1;width:min(980px,100% - 24px);margin:0 auto;padding:18px 0 32px;position:relative}.hero-card,.status-card,.board-card,.loading-card,.modal-card,.summary-card,.mode-tabs,.archive-panel,.feedback{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-card{border-radius:var(--radius-lg);justify-content:space-between;align-items:center;gap:14px;padding:18px;display:flex}.brand-block h1{letter-spacing:-.08em;margin:0;font-size:clamp(2.2rem,7vw,4.7rem);line-height:.9}.brand-block h1 span{color:var(--primary)}.daily-card{align-items:center;gap:10px;display:flex}.daily-card strong{white-space:nowrap;font-size:.95rem}.streak-pill{border:1px solid var(--border);background:var(--surface-muted);min-height:30px;color:var(--primary);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:0 9px;font-size:.82rem;font-weight:950;display:inline-flex}.mode-tabs{border-radius:999px;gap:8px;margin:12px 0;padding:6px;display:flex}.mode-tabs button,.archive-panel button{cursor:pointer;min-height:38px;color:var(--muted);background:0 0;border:0;border-radius:999px;font-weight:900}.mode-tabs button{flex:1}.mode-tabs button.is-active,.archive-panel button.is-active{background:var(--primary);color:#fff}.archive-panel{border-radius:var(--radius-md);gap:8px;margin:-4px 0 12px;padding:8px;display:flex;overflow-x:auto}.archive-panel button{background:var(--surface-muted);flex:none;padding:0 14px}.status-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0;display:grid}.status-card{border-radius:var(--radius-md);gap:4px;min-width:0;min-height:76px;padding:12px;display:grid}.status-card span,.city-cell__eyebrow,.summary-card__eyebrow,.modal-card__eyebrow{color:var(--muted);letter-spacing:.11em;text-transform:uppercase;font-size:.68rem;font-weight:800}.status-card strong{overflow-wrap:anywhere;min-width:0;font-size:clamp(1.1rem,3vw,1.6rem)}.error-dots{gap:5px;display:flex}.error-dots span{border:1px solid var(--border);background:var(--surface-muted);border-radius:999px;width:10px;height:10px}.error-dots span.is-active{border-color:var(--danger);background:var(--danger)}.feedback{border-radius:var(--radius-sm);min-height:42px;color:var(--muted);margin-bottom:12px;padding:10px 14px;font-weight:800}.feedback--success{color:var(--success);border-color:#05966947}.feedback--error{color:var(--danger);border-color:#dc262657}.board-card{border-radius:var(--radius-lg);padding:clamp(8px,2vw,14px);overflow:visible}.action-row{flex-wrap:wrap;justify-content:center;gap:10px;margin:16px 0 0;display:flex}.btn{border:1px solid var(--border);cursor:pointer;background:var(--surface);border-radius:999px;min-height:42px;padding:0 16px;font-weight:900;transition:transform .16s,box-shadow .16s,opacity .16s}.btn:hover:not(:disabled),.btn:focus-visible:not(:disabled){outline:none;transform:translateY(-1px);box-shadow:0 12px 22px #2563eb29}.btn:disabled{cursor:not-allowed;opacity:.55}.btn--primary{border-color:var(--primary);background:var(--primary);color:#fff}.btn--tiny{width:38px;min-height:38px;padding:0}.loading-card{border-radius:var(--radius-lg);text-align:center;place-items:center;min-height:360px;padding:32px;display:grid}.loading-card h1{margin:18px 0 4px}.loader{border:4px solid #2563eb2e;border-top-color:var(--primary);border-radius:999px;width:38px;height:38px;animation:.9s linear infinite spin}.modal-backdrop,.summary-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080d1c85;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal-card,.summary-card{border-radius:var(--radius-lg);text-align:center;width:min(480px,100%);max-height:calc(100dvh - 36px);padding:24px;overflow-y:auto}.modal-card--rules{text-align:left;padding-left:clamp(32px,7vw,52px)}.modal-card h2,.summary-card h2{margin:6px 0 12px;font-size:2rem}.rules-copy{color:var(--muted);gap:11px;margin:0 0 20px;font-weight:700;display:grid}.rules-copy p{margin:0;line-height:1.45}.summary-card p{margin:0}.summary-card__stats{grid-template-columns:repeat(2,1fr);gap:8px;margin:18px 0;display:grid}.summary-card__stats span{border-radius:var(--radius-sm);background:var(--surface-muted);gap:3px;padding:10px;display:grid}.summary-card__stats small{color:var(--muted);font-size:.68rem}.summary-card__actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.site-footer{color:var(--muted);justify-content:center;margin-top:26px;padding:16px 2px 0;display:flex}.site-footer__credit{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:0;font-size:.78rem;font-weight:800;line-height:1.45;display:flex}.site-footer__credit a{color:var(--text);text-decoration:none}.site-footer__credit a:hover,.site-footer__credit a:focus-visible{color:var(--primary);outline:none}@keyframes spin{to{transform:rotate(360deg)}}.game-grid{grid-template-columns:minmax(92px,.72fr) repeat(3,minmax(118px,1fr));grid-auto-rows:minmax(118px,auto);gap:8px;display:grid;overflow:visible}.criterion-card,.city-cell{border:1px solid var(--border);border-radius:6px;min-width:0;min-height:118px}.grid-spacer{min-width:0;min-height:118px}.criterion-card{cursor:pointer;text-align:center;background:linear-gradient(160deg,#2563eb1a,#ffffff61);flex-direction:column;justify-content:center;gap:8px;width:100%;padding:10px;transition:transform .16s,border-color .16s;display:flex}.criterion-card:hover,.criterion-card:focus-visible{border-color:#2563eb70;outline:none;transform:translateY(-1px)}.criterion-card__label{overflow-wrap:anywhere;min-width:0;font-size:clamp(.84rem,1.7vw,1.04rem);font-weight:800;line-height:1.12}.criterion-card__label b{color:var(--primary);font-weight:950}.criterion-card small{color:var(--muted);font-size:.72rem;line-height:1.25}.city-cell{background:var(--surface-solid);text-align:center;flex-direction:column;justify-content:center;gap:5px;width:100%;padding:10px;transition:transform .16s,border-color .16s,background .16s;display:flex;position:relative}.city-cell--empty{cursor:pointer}.city-cell--empty:hover,.city-cell--empty:focus-visible,.city-cell--empty.is-active{z-index:8;border-color:#2563eb8c;outline:none;transform:translateY(-1px)}.city-cell--empty[aria-disabled=true]{cursor:not-allowed;opacity:.7}.city-cell.has-error{border-color:var(--danger);animation:.36s ease-in-out shake}.city-cell__plus{width:40px;height:40px;color:var(--primary);background:#2563eb1a;border-radius:999px;place-items:center;margin:0 auto;font-size:1.6rem;font-weight:800;display:grid}.city-cell small,.city-cell__region,.city-cell__population{color:var(--muted);font-size:.72rem;line-height:1.2}.city-cell--filled{color:#fff;border:0;overflow:hidden;box-shadow:0 14px 30px #1e293b38}.city-cell--filled:before{content:"";pointer-events:none;background:linear-gradient(140deg,#ffffff42,#0000 52%);position:absolute;inset:0}.city-cell__city{overflow-wrap:anywhere;min-width:0;font-size:clamp(.86rem,1.8vw,1.02rem);font-weight:900;line-height:1.05;position:relative}.city-cell--filled .city-cell__region,.city-cell--filled .city-cell__population{color:#ffffffd6;position:relative}.city-cell__footer{justify-content:center;align-items:baseline;gap:5px;margin-top:3px;display:inline-flex;position:relative}.city-cell__footer strong{font-size:1.35rem}.city-cell__footer small{color:#ffffffe6;font-weight:800}.rarity-mythical{background:linear-gradient(145deg,#6d28d9,#db2777)}.rarity-legendary{background:linear-gradient(145deg,#7c2d12,#f97316)}.rarity-rare{background:linear-gradient(145deg,#1d4ed8,#06b6d4)}.rarity-uncommon{background:linear-gradient(145deg,#047857,#22c55e)}.rarity-common{background:linear-gradient(145deg,#475569,#64748b)}.city-cell--revealed{background:var(--surface-muted);justify-content:flex-start}.city-cell__solutions{gap:5px;margin:0;padding:0;list-style:none;display:grid}.city-cell__solutions li{gap:1px;display:grid}.city-cell__solutions strong{overflow-wrap:anywhere;font-size:.76rem;line-height:1.08}.city-cell__solutions small{font-size:.64rem}.city-search{z-index:20;border:1px solid var(--border);background:var(--surface-solid);text-align:left;border-radius:6px;width:min(300px,100vw - 28px);position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 20px 58px #0f172a4d}.city-search__bar{border-bottom:1px solid var(--border);gap:8px;padding:10px;display:flex}.city-search__input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0;font-size:1rem;font-weight:800}.city-search__close{cursor:pointer;background:var(--surface-muted);width:30px;height:30px;color:var(--muted);border:0;border-radius:999px;font-size:1.3rem;line-height:1}.city-search__panel{max-height:280px;overflow-y:auto}.city-search__empty{color:var(--muted);text-align:center;margin:0;padding:16px}.city-search__list{margin:0;padding:6px;list-style:none}.city-search__option{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:4px;width:100%;padding:11px 10px;font-weight:900}.city-search__option:hover,.city-search__option.is-highlighted{background:#2563eb1c}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media (max-width:760px){.app-shell{width:min(100% - 14px,980px);padding-top:8px}.hero-card{padding:12px}.daily-card strong{font-size:.82rem}.streak-pill{min-height:28px;padding:0 8px;font-size:.76rem}.mode-tabs{margin:8px 0}.archive-panel{margin-bottom:8px}.status-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.status-card{min-height:62px;padding:9px}.status-card span{font-size:.58rem}.status-card strong{font-size:1rem}.feedback{min-height:36px;margin-bottom:8px;padding:8px 10px;font-size:.86rem}.game-grid{grid-template-columns:minmax(66px,.68fr) repeat(3,minmax(72px,1fr));grid-auto-rows:minmax(88px,auto);gap:4px}.criterion-card,.city-cell{border-radius:5px;min-height:88px}.grid-spacer{min-height:88px}.criterion-card,.city-cell{padding:6px}.criterion-card__label,.city-cell__city{font-size:.7rem}.criterion-card small,.city-cell small,.city-cell__region,.city-cell__population,.city-cell__solutions small{font-size:.58rem}.city-cell__footer strong{font-size:1rem}.city-cell__plus{width:28px;height:28px;font-size:1.1rem}.city-cell__solutions{gap:3px}.city-cell__solutions strong{font-size:.6rem}.city-search{width:min(300px,100vw - 18px)}.action-row{gap:8px}.btn{min-height:40px;padding:0 13px;font-size:.86rem}.modal-card--rules{padding-left:26px}.site-footer{margin-top:22px}}@media (max-width:390px){.game-grid{grid-template-columns:minmax(58px,.64fr) repeat(3,minmax(66px,1fr));grid-auto-rows:minmax(82px,auto)}.criterion-card,.city-cell,.grid-spacer{min-height:82px}.status-card span{letter-spacing:.06em}.summary-card__stats{grid-template-columns:1fr}}