:root{--bg:#fff7f7;--bg-strong:#f5f5f4;--surface:#ffffffe6;--surface-solid:#fff;--surface-muted:#f4f7fb;--text:#172033;--muted:#64748b;--border:#64748b38;--primary:#c1272d;--primary-rgb:193, 39, 45;--danger:#dc2626;--success:#059669;--shadow:0 18px 56px #1f2d4f24;--radius-lg:10px;--radius-md:6px;--radius-sm:4px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{background:var(--bg);max-width:100%;min-height:100%;overflow-x:hidden}body{max-width:100%;min-height:100vh;color:var(--text);background:radial-gradient(circle at top left, rgba(var(--primary-rgb), .14), 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;overflow-x:hidden}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{align-items:center;min-width:0;display:flex}.brand-logo{width:min(300px,56vw);height:auto;display:block}.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);width:min(100%,760px);margin:0 auto;padding:clamp(8px,2vw,14px);position:relative;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){box-shadow:0 12px 22px rgba(var(--primary-rgb), .16);outline:none;transform:translateY(-1px)}.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}.loading-logo{width:min(300px,72vw);height:auto;margin-top:18px;display:block}.loader{border:4px solid rgba(var(--primary-rgb), .18);border-top-color:var(--primary);border-radius:999px;width:38px;height:38px;animation:.9s linear infinite spin}.modal-backdrop,.summary-backdrop,.solutions-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,.solutions-card{border-radius:var(--radius-lg);text-align:center;width:min(480px,100%);max-height:calc(100dvh - 36px);padding:24px;overflow-y:auto}.summary-card--results{text-align:left;width:min(640px,100%);padding-bottom:34px}.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--results h2{color:var(--text);margin:0 0 14px;font-size:clamp(2rem,7vw,3rem);line-height:.98}.result-panel{border:1px solid rgba(var(--primary-rgb), .22);border-left:5px solid var(--primary);border-radius:var(--radius-md);background:linear-gradient(135deg, rgba(var(--primary-rgb), .08), var(--surface-muted));gap:5px;margin:14px 0;padding:15px 16px;display:grid}.result-panel strong{color:var(--text);font-size:clamp(1.6rem,5vw,2.2rem);line-height:1}.result-panel p,.summary-card__message{color:var(--muted);font-size:1rem;font-weight:700;line-height:1.45}.summary-card__message{margin:22px 0 18px}.share-grid{grid-template-columns:repeat(3,18px);gap:5px;margin-top:8px;display:grid}.share-grid span{border:1px solid var(--border);background:#9ca3af;width:18px;height:18px}.share-grid span.is-filled{background:#22c55e;border-color:#16a34a}.share-status{color:var(--muted);margin:0 0 12px;font-size:.88rem;font-weight:800}.share-status--copied,.share-status--shared{color:var(--success)}.share-status--error{color:var(--danger)}.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:10px;margin-top:4px;display:flex}.summary-card__practice{cursor:pointer;color:var(--muted);background:0 0;border:0;margin:18px auto 0;font-weight:900;text-decoration:underline;display:block}.solutions-card{border:1px solid var(--border);width:min(620px,100%);box-shadow:var(--shadow);color:#172033;text-align:left;background:#fff}.solutions-card__header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.solutions-card__header h2{margin:5px 0 0;font-size:clamp(1.25rem,5vw,1.75rem);line-height:1.05}.solutions-card__placed,.solutions-card__count{color:var(--muted);margin:0 0 12px;font-weight:800}.solutions-list{gap:7px;max-height:min(56vh,520px);padding-right:4px;display:grid;overflow-y:auto}.solutions-list__item{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-solid);grid-template-columns:minmax(0,1fr) auto 42px;align-items:center;gap:10px;padding:10px;display:grid}.solutions-list__item strong,.solutions-list__item small{overflow-wrap:anywhere;display:block}.solutions-list__item small{color:var(--muted);margin-top:2px;font-size:.72rem;font-weight:700}.solutions-list__item b{color:var(--primary);text-align:right;font-size:1.1rem}.solutions-list__rarity{text-align:right;text-transform:uppercase;font-size:.72rem;font-weight:900}.rarity-text-mythical,.rarity-text-legendary,.rarity-text-rare{color:var(--primary)}.rarity-text-uncommon{color:#047857}.rarity-text-common{color:var(--muted)}.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}.site-footer__email{text-align:center;flex-basis:100%}@keyframes spin{to{transform:rotate(360deg)}}.game-grid{aspect-ratio:1;grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;display:grid;overflow:visible}.criterion-card,.city-cell{aspect-ratio:1;border:1px solid var(--border);border-radius:6px;min-width:0;min-height:0}.grid-spacer{aspect-ratio:1;min-width:0;min-height:0}.criterion-card{cursor:pointer;background:linear-gradient(160deg, rgba(var(--primary-rgb), .1), #ffffff61);text-align:center;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:rgba(var(--primary-rgb), .44);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:4px;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:rgba(var(--primary-rgb), .55);outline:none;transform:translateY(-1px)}.city-cell--empty.is-active{z-index:12;border-color:rgba(var(--primary-rgb), .94);background:linear-gradient(145deg, rgba(var(--primary-rgb), .18), var(--surface-solid));box-shadow:0 0 0 2px rgba(var(--primary-rgb), .28), 0 18px 36px rgba(var(--primary-rgb), .2)}.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 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:disabled{cursor:default}.city-cell--filled:before{content:"";pointer-events:none;background:linear-gradient(140deg,#ffffff42,#0000 52%);position:absolute;inset:0}.city-cell__city{text-overflow:ellipsis;white-space:nowrap;width:100%;min-width:0;font-size:clamp(.86rem,1.8vw,1.02rem);font-weight:900;line-height:1.05;display:block;position:relative;overflow:hidden}.city-cell__text-track,.city-cell__text-value{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;display:block;overflow:hidden}.city-cell__text-value[aria-hidden=true]{display:none}.city-cell--filled .city-cell__region,.city-cell--filled .city-cell__population{color:#ffffffd6;position:relative}.city-cell--filled .city-cell__region{text-overflow:ellipsis;white-space:nowrap;width:100%;min-width:0;display:block;overflow:hidden}.city-cell__footer{justify-content:center;align-items:baseline;gap:5px;margin-top:3px;display:inline-flex;position:relative}.city-cell__metrics{flex-wrap:wrap;justify-content:center;gap:3px;min-width:0;display:flex;position:relative}.city-cell__metric{color:#ffffffeb;text-overflow:ellipsis;white-space:nowrap;background:#ffffff2e;border-radius:4px;max-width:100%;padding:1px 4px;font-size:.62rem;font-weight:800;line-height:1.1;overflow:hidden}.city-cell__metric strong{font-weight:950}.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,#be123c,#f43f5e)}.rarity-uncommon{background:linear-gradient(145deg,#047857,#22c55e)}.rarity-common{background:linear-gradient(145deg,#475569,#64748b)}.city-cell--revealed{background:var(--surface-muted);cursor:pointer;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-overlay{z-index:90;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080d1c85;place-items:start center;padding:clamp(18px,7vw,54px) 18px 18px;display:grid;position:fixed;inset:0}.city-search{border:1px solid var(--border);background:var(--surface-solid);text-align:left;border-radius:6px;width:min(340px,100% - 16px);margin:0;overflow:hidden;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:rgba(var(--primary-rgb), .11)}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media (max-width:760px){.app-shell{width:min(100% - 10px,980px);padding:6px 0 10px}.hero-card{align-items:flex-start;gap:8px;padding:8px 10px}.daily-card{flex-wrap:wrap;justify-content:flex-end;gap:5px;min-width:68px}.daily-card strong{font-size:.76rem}.daily-card--daily .daily-card__label{text-align:right;flex-basis:100%;order:3}.daily-card--daily .streak-pill{order:1}.daily-card--daily .btn--tiny{order:2}.brand-logo{width:min(190px,48vw)}.streak-pill{min-height:26px;padding:0 7px;font-size:.72rem}.mode-tabs{margin:6px 0;padding:4px}.mode-tabs button,.archive-panel button{min-height:34px}.archive-panel{margin-bottom:8px}.status-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:8px 0}.status-card{min-height:52px;padding:7px}.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{gap:4px}.board-card{padding:6px}.criterion-card,.city-cell{border-radius:5px;padding:6px}.city-cell--filled{gap:2px;padding:5px 4px}.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__metric{padding:1px 3px;font-size:.52rem;line-height:1}.city-cell--filled .city-cell__region,.city-cell--filled .city-cell__population{line-height:1.05}.city-cell__text--scroll{-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.city-cell__text--scroll .city-cell__text-track{will-change:transform;width:max-content;max-width:none;animation:10s linear infinite city-cell-marquee;display:inline-flex;overflow:visible}.city-cell__text--scroll .city-cell__text-value{text-overflow:clip;flex:none;max-width:none;padding-right:16px;display:block;overflow:visible}.city-cell__text--scroll .city-cell__text-value[aria-hidden=true]{display:block}.city-cell__footer{gap:3px;margin-top:1px}.city-cell__footer strong{font-size:.95rem;line-height:1}.city-cell__footer small{line-height:1}.city-cell__solutions{gap:3px}.city-cell__solutions li:nth-child(n+3){display:none}.city-cell__solutions strong{font-size:.6rem}.city-search{width:min(320px,100% - 12px)}.action-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px;display:grid}.action-row .btn{white-space:normal;width:100%;min-width:0;line-height:1.08}.btn{min-height:36px;padding:0 9px;font-size:.8rem}.modal-card--rules{padding-left:26px}.site-footer{display:none}.solutions-list__item{grid-template-columns:minmax(0,1fr) 34px}.solutions-list__rarity{text-align:left;grid-column:1/-1}}@media (max-width:380px){.city-cell--filled{gap:1px;padding:4px 3px}.city-cell__footer strong{font-size:.88rem}}@media (max-width:760px) and (prefers-reduced-motion:reduce){.city-cell__text--scroll .city-cell__text-track{animation:none}.city-cell__text--scroll .city-cell__text-value[aria-hidden=true]{display:none}}@keyframes city-cell-marquee{0%,28%{transform:translate(0)}78%,to{transform:translate(-50%)}}@media (max-width:390px){.status-card span{letter-spacing:.06em}.summary-card__stats{grid-template-columns:1fr}.summary-card--results{padding:18px 18px 28px}}