:root{color-scheme:dark;--bg: #07111f;--bg-2: #0d1b33;--card: rgba(8, 19, 39, .82);--card-border: rgba(147, 197, 253, .18);--text: #eaf2ff;--muted: #9fb4d4;--accent: #7dd3fc;--accent-2: #f59e0b;--good: #34d399;--danger: #fb7185;--shadow: 0 20px 60px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(125,211,252,.18),transparent 32%),radial-gradient(circle at top right,rgba(245,158,11,.18),transparent 30%),linear-gradient(180deg,#050b14 0%,var(--bg) 55%,#07192d 100%)}button,input{font:inherit}.page-shell{min-height:100vh;padding:24px;display:grid;place-items:center}.game-card{width:min(100%,980px);background:var(--card);border:1px solid var(--card-border);border-radius:28px;padding:clamp(20px,3vw,34px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:24px}.eyebrow{margin:0 0 8px;text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;color:var(--accent)}h1{margin:0;font-size:clamp(2.6rem,7vw,5rem);line-height:.95}.subtitle{margin:14px 0 0;max-width:58ch;color:var(--muted);font-size:1.02rem;line-height:1.6}.stats{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:12px}.stat{min-width:130px;padding:14px 16px;border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.stat span{display:block;font-size:.82rem;color:var(--muted);margin-bottom:6px}.stat strong{font-size:1.6rem}.controls{display:grid;gap:14px;margin-bottom:22px}#guessForm{display:flex;gap:12px}#guessInput{flex:1;min-width:0;border:1px solid rgba(255,255,255,.1);background:#040a14b3;color:var(--text);border-radius:16px;padding:16px 18px;outline:none}#guessInput::placeholder{color:#7690b6}#guessInput:focus{border-color:#7dd3fcb3;box-shadow:0 0 0 4px #7dd3fc1f}button{border:0;border-radius:16px;background:linear-gradient(135deg,#38bdf8,#2563eb);color:#fff;padding:14px 18px;font-weight:700;cursor:pointer;transition:transform .15s ease,filter .15s ease}button:hover{transform:translateY(-1px);filter:brightness(1.05)}button:active{transform:translateY(0)}.action-row{display:flex;flex-wrap:wrap;gap:10px}button.ghost{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--text)}.message{min-height:1.5em;margin:0;color:var(--muted)}.message.good{color:var(--good)}.message.bad{color:var(--danger)}.clue-panel{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;padding:16px 18px;border-radius:20px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);margin-bottom:24px}.target-chip,.mini-note{display:flex;align-items:center;gap:10px}.chip-label{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;background:#38bdf826;color:var(--accent);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.mini-note{color:var(--muted)}.table-head{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-bottom:10px}.table-head h2{margin:0;font-size:1.1rem}.table-head span{color:var(--muted);font-size:.92rem}.table-wrap{overflow-x:auto;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:#040a1480}table{width:100%;border-collapse:collapse}th,td{padding:14px 16px;text-align:left}th{font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);border-bottom:1px solid rgba(255,255,255,.08)}td{border-bottom:1px solid rgba(255,255,255,.05)}tr:last-child td{border-bottom:0}.guess-tag{display:inline-flex;align-items:center;gap:8px;font-weight:600}.distance-pill,.direction-pill{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;font-weight:700}.distance-pill{background:#7dd3fc1f;color:var(--accent)}.direction-pill{background:#f59e0b24;color:#ffd89b}.row-hot .distance-pill{background:#34d39924;color:#98f5cf}.row-cold .distance-pill{background:#94a3b81f;color:#cbd5e1}.row-win{background:#34d39914}.footer-note{margin-top:22px;color:var(--muted);font-size:.92rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:720px){.hero{flex-direction:column}.stats{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}#guessForm{flex-direction:column}button,#guessInput{width:100%}.table-head{flex-direction:column;align-items:flex-start}}