:root{font-family:Trebuchet MS,Lucida Sans Unicode,Segoe UI,sans-serif;line-height:1.4;font-weight:400;color:#f5f7ff;background:radial-gradient(circle at 15% 10%,#1c2968,#070b1d 40%,#04040a);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}#app{min-height:100vh;padding:1.25rem}.layout{width:min(1200px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:1rem}.playfield,.sidepanel{background:linear-gradient(180deg,#11173af5,#080c1ef5);border:2px solid #2d4eff;border-radius:14px;box-shadow:0 12px 32px #00000059}.playfield{padding:1rem}.title-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}h1{margin:0;font-size:1.5rem;color:#ffcf55;letter-spacing:.02em}.reload-btn{border:1px solid #5f74ff;background:#101a4d;color:#e8ecff;border-radius:8px;padding:.45rem .8rem;cursor:pointer}.prompt{margin:.75rem 0;background:#0a0f2f;border:1px solid #4466ff;border-radius:8px;padding:.6rem .75rem;color:#dbe4ff;font-weight:700}.banner{background:#11193f;border:1px solid #4f6bff;border-radius:8px;padding:.75rem}.banner-error{border-color:#d43b57;color:#ffd4dc;background:#4b1020}.image-shell{position:relative;height:min(60vh,520px);border:1px solid #3153ff;border-radius:10px;overflow:hidden;background:#05070f}.atlas-image{position:absolute;object-fit:contain}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.outline{fill:#ffffff1f;stroke:#f8fbff;stroke-width:2}.status-pop{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#5f1111;border:2px solid #ff657f;color:#fff;border-radius:8px;padding:.75rem 1.25rem;font-weight:700}.status-pop.victory{background:#144e1f;border-color:#5dfa8f}.answers{margin-top:.9rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.answer-btn{border:1px solid #4862ff;border-radius:10px;background:#0b133a;color:#f4f7ff;min-height:48px;padding:.6rem .7rem;text-align:left;cursor:pointer}.answer-btn:hover{background:#132062}.answer-btn.chosen{border-color:#ffcc4d;background:#3c2c09}.sidepanel{padding:.9rem}.counter{display:grid;place-items:center;background:#0b1338;border:1px solid #4465ff;border-radius:10px;padding:.9rem;margin-bottom:.9rem}.counter-label{font-size:.85rem;color:#c3ceff}.counter-value{font-size:3rem;color:#ffbf3b;font-weight:800;line-height:1}.rank-box{background:#0b1338;border:1px solid #4465ff;border-radius:10px;padding:.8rem}.rank-box h2{margin:0 0 .55rem;font-size:1rem;color:#ffcf55}.rank-box ol{margin:0;padding:0;list-style:none;display:grid;gap:.22rem}.rank-item{font-size:.83rem;color:#ffb24f;border-radius:5px;padding:.1rem .25rem}.rank-item-safe{color:#fff}.rank-item-active{color:#09102f;background:#ffb74a;font-weight:700}@media (max-width: 980px){.layout{grid-template-columns:1fr}.sidepanel{display:grid;grid-template-columns:120px 1fr;gap:.8rem;align-items:start}.counter{margin-bottom:0}}@media (max-width: 640px){#app{padding:.8rem}.answers{grid-template-columns:1fr}.image-shell{height:min(52vh,420px)}.sidepanel{grid-template-columns:1fr}}