:root{color:#f4f7fb;background:#0b132b;font-family:Outfit,Avenir Next,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% -8%,rgba(0,200,83,.18),transparent 46%),#0b132b}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}.app{width:min(760px,calc(100% - 28px));margin:0 auto;padding:22px 0 48px}.top{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:12px}.brand h1{margin:0;font-size:1.7rem;letter-spacing:-.04em}.brand p,.kicker,.fine{margin:0;color:#a8b2d1}.logo{width:36px;height:36px;color:#00c853}.tools{display:flex;gap:8px}.icon{width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:12px;background:#1c2541;color:#f4f7fb;font-weight:700}.icon svg{width:18px;height:18px}.icon[aria-pressed=true]{outline:2px solid #00c853}.counter{text-align:center;margin:22px 0 16px}.counter p{margin:8px 0 0;font-family:Oswald,Impact,sans-serif;letter-spacing:.04em;text-transform:uppercase}.cards{display:flex;justify-content:center;gap:6px}.ref{width:16px;height:22px;border-radius:2px;background:#ffd60a;transform:rotate(-8deg);box-shadow:0 1px #00000059}.ref.spent{background:#2a3148;transform:none}.ref.last{animation:pulse 1.2s ease-in-out infinite}.ref.red{width:22px;height:30px;background:#e10600;transform:rotate(8deg)}.search{position:relative;z-index:3}.search input{width:100%;border:0;border-radius:14px;background:#1c2541;padding:16px;outline:none}.search input:focus{box-shadow:inset 0 0 0 2px #00c853}.search input:disabled{opacity:.7}.results{position:absolute;left:0;right:0;margin:6px 0 0;padding:6px;list-style:none;background:#121a33;border-radius:14px;box-shadow:0 16px 40px #00000059;max-height:320px;overflow:auto}.option,.empty-result{width:100%;display:flex;align-items:center;gap:10px;text-align:left;border:0;background:transparent;border-radius:10px;padding:8px}.option strong,.option small{display:block}.option small{color:#a8b2d1}.option.active,.option:hover{background:#1c2541}.crest{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:700;letter-spacing:-.03em;flex:none}.flag{margin-left:auto;font-size:1.2rem}.toast{min-height:1.25rem;margin:8px 0;color:#ffd60a;font-size:.92rem}.hints{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.hint,.banner button,.ghost,.primary{border:0;border-radius:12px}.hint{text-align:left;background:#1c2541;padding:12px;min-height:52px}.hint.ready{box-shadow:inset 0 0 0 1.5px #ffd60a}.hint.open,.hint.open:disabled{opacity:1;box-shadow:inset 0 0 0 1.5px #00c853}.hint:disabled{opacity:.55}.banner{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:10px;color:#a8b2d1}.banner button,.ghost{background:#1c2541;padding:8px 12px}.primary{background:#00c853;color:#06210f;font-weight:700;padding:12px 16px}.result{background:#1c2541;border-radius:16px;padding:16px;margin-bottom:16px}.result.won{box-shadow:inset 0 0 0 1.5px #00c853}.result.lost{box-shadow:inset 0 0 0 1.5px #e10600}.result h2{margin:4px 0}.result p{margin:4px 0 10px}.scoreline{font-family:Oswald,Impact,sans-serif;letter-spacing:.03em}.result textarea{width:100%;margin-top:10px;border:0;border-radius:10px;background:#0b132b;padding:10px}.board{margin-top:8px}.heads,.tiles{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px}.heads{margin:0 0 6px;color:#a8b2d1;font-size:10px;letter-spacing:.06em;text-align:center}.guess{margin-bottom:12px}.guess-name{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-weight:600}.guess-name .flag{margin-left:0}.tiles{perspective:700px}.tile{position:relative;min-height:64px;border:0;border-radius:8px;padding:4px 2px 6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;color:#fff}.tile.exact{background:#00c853;text-shadow:0 1px 0 rgba(0,0,0,.25)}.tile.close{background-color:#ff9100;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Cpath d='M-1 1l2-2M0 10L10 0M9 11l2-2' stroke='%23000' stroke-opacity='0.18' stroke-width='2'/%3E%3C/svg%3E");text-shadow:0 1px 0 rgba(0,0,0,.25)}.tile.miss{background:#3a405a}.tile.na{background:transparent;color:#adb5bd;border:1.5px dashed #adb5bd}.sym{font-size:12px;font-weight:700;min-height:14px}.val,.cap{font-family:Oswald,Impact,sans-serif;font-size:15px;letter-spacing:.02em}.cap{font-size:12px}.face{margin:0;font-size:16px;line-height:1}.corner{position:absolute;top:3px;right:4px;font-size:10px;font-weight:700}.tile.flip{animation:deal .42s ease both;animation-delay:calc(var(--i) * 70ms)}.empty{text-align:center;color:#a8b2d1;padding:28px 0 10px}.spot{width:92px;height:92px;margin:0 auto 12px;border:2px solid rgba(255,255,255,.18);border-radius:50%;position:relative}.spot:after{content:"";position:absolute;top:28px;right:28px;bottom:28px;left:28px;border:2px solid rgba(0,200,83,.7);border-radius:50%}footer{margin-top:28px;color:#a8b2d1;font-size:.85rem}footer p{margin:4px 0}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#050812b8;display:grid;place-items:center;padding:18px;z-index:5}.sheet{width:min(520px,100%);max-height:min(80vh,720px);overflow:auto;background:#1c2541;border-radius:18px;padding:18px 18px 16px}.sheet h2{margin:0 0 8px}.sheet ul{margin:8px 0 0;padding-left:18px}.sheet li{margin:6px 0}.sheet-value{font-family:Oswald,Impact,sans-serif;font-size:2rem;margin:0 0 8px}.pill{display:inline-block;margin:0 0 8px;padding:3px 8px;border-radius:999px;font-size:.78rem;font-weight:700}.pill.exact{background:#00c853;color:#06210f}.pill.close{background:#ff9100;color:#2a1500}.pill.miss{background:#3a405a}.pill.na{box-shadow:inset 0 0 0 1.5px #adb5bd;color:#adb5bd}.close{margin-top:14px}.row-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.stat-grid div{background:#0b132b;border-radius:12px;text-align:center;padding:10px 4px}.stat-grid strong{display:block;font-family:Oswald,Impact,sans-serif;font-size:1.6rem}.stat-grid span,.dist{color:#a8b2d1;font-size:.82rem}.dist-row{display:grid;grid-template-columns:16px 1fr 24px;gap:8px;align-items:center;margin:4px 0}.track{height:14px;background:#0b132b;border-radius:7px;overflow:hidden}.track span{display:block;height:100%;background:#00c853;min-width:0}.track .fail{background:#e10600}.week-total{font-family:Oswald,Impact,sans-serif;font-size:3rem;margin:6px 0}.week-list{list-style:none;padding:0;margin:12px 0 0}.week-list li{display:flex;justify-content:space-between;padding:8px 0;border-top:1px solid rgba(255,255,255,.08)}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}@media(max-width:640px){.top{align-items:flex-start}.brand h1{font-size:1.4rem}.tile{min-height:54px}.val{font-size:12px}.stat-grid{grid-template-columns:repeat(2,1fr)}.hints{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.tile.flip,.ref.last{animation:none}}@keyframes deal{0%{transform:rotateX(-90deg);opacity:.15}to{transform:rotateX(0);opacity:1}}@keyframes pulse{50%{transform:rotate(-8deg) scale(1.12)}}