*,*:before,*:after{box-sizing:border-box}html{background:#0a0a12!important;margin:0;width:100%;height:100%}body{margin:0!important;padding:0!important;font-family:Syne,sans-serif;background:#0a0a12!important;min-height:100vh;width:100%;height:100%;color:#fff}body>*{background:transparent!important}main,#app,#root,[data-astro-layout]{background:transparent!important;min-height:100vh}.game-wrapper{min-height:unset;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;position:relative;overflow:hidden;background:#0a0a12}.bg-orb{position:fixed;border-radius:50%;filter:blur(80px);opacity:.35;pointer-events:none;z-index:0}.bg-orb-1{width:500px;height:500px;background:radial-gradient(circle,#6c3fff,#3a0099);top:-100px;right:-100px;animation:orbFloat 8s ease-in-out infinite alternate}.bg-orb-2{width:400px;height:400px;background:radial-gradient(circle,#ff3f8c,#904);bottom:-100px;left:-80px;animation:orbFloat 10s ease-in-out infinite alternate-reverse}@keyframes orbFloat{0%{transform:translate(0) scale(1)}to{transform:translate(30px,20px) scale(1.08)}}.game-card{position:relative;z-index:1;width:100%;max-width:480px;background:#13131f;border:1px solid #2e2e4a;border-radius:24px;padding:2.5rem 2rem;backdrop-filter:blur(20px);box-shadow:0 0 0 1px #ffffff0d,0 32px 64px #0009,inset 0 1px #ffffff12;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.game-header{text-align:center}.game-title{font-family:Space Mono,monospace;font-size:clamp(2.5rem,8vw,4rem);font-weight:700;color:#fff;margin:0;letter-spacing:-2px;background:linear-gradient(135deg,#fff,#e879f9 40%,#f0abfc,#f9a8d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 18px rgba(232,121,249,.55));line-height:1}.game-subtitle{font-size:.85rem;color:#fff6;margin:.4rem 0 0;letter-spacing:.08em;text-transform:uppercase}.digit-row{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:12px;width:100%}.digit-box{width:72px;height:88px;background:#1a1a2e;border:2px solid #3a3a5c;border-radius:16px;display:flex;align-items:center;justify-content:center;font-family:Space Mono,monospace;font-size:2rem;font-weight:700;color:#fff;transition:all .2s ease;position:relative;flex-shrink:0}.digit-box.filled{border-color:#a855f7;background:#a855f726;box-shadow:0 0 20px #a855f733}.digit-box.active-cursor:after{content:"";position:absolute;width:2px;height:36px;background:#a855f7;border-radius:2px;animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hint-text{font-size:.78rem;color:#ffffff59;margin:-.5rem 0 0;text-align:center;letter-spacing:.03em}.button-row{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:12px;width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:.75rem 1.5rem;border-radius:12px;font-family:Syne,sans-serif;font-size:.95rem;font-weight:600;border:none;cursor:pointer;transition:all .18s ease;letter-spacing:.02em}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;box-shadow:0 4px 20px #7c3aed66;flex:1}.btn-primary:hover:not(:disabled){box-shadow:0 4px 28px #7c3aed99;transform:translateY(-1px)}.btn-secondary{background:#1e1e32;color:#fffc;border:1px solid #3a3a5c}.btn-secondary:hover:not(:disabled){background:#ffffff1f;color:#fff}.divider{width:100%;display:flex;align-items:center;gap:12px;color:#ffffff40;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#ffffff1a}.history-container{width:100%;display:flex;flex-direction:column;gap:8px;max-height:320px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.empty-history{text-align:center;color:#ffffff40;font-size:.85rem;padding:1.5rem 0;margin:0}.history-row{display:grid;grid-template-columns:32px 1fr 80px;align-items:center;background:#1a1a2e;border:1px solid #2e2e4a;border-radius:12px;padding:.6rem 1rem;animation:slideIn .25s ease;white-space:nowrap}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.history-number{font-size:.65rem;color:#ffffff40;font-family:Space Mono,monospace;text-align:left;white-space:nowrap}.history-guess{font-family:Space Mono,monospace;font-size:1rem;font-weight:700;color:#fff;letter-spacing:.18em;text-align:center;white-space:nowrap}.history-result{display:flex;align-items:center;gap:4px;justify-content:flex-end;white-space:nowrap}.result-badge{padding:.15rem .4rem;border-radius:6px;font-family:Space Mono,monospace;font-size:.75rem;font-weight:700;white-space:nowrap}.result-a{background:#4ade8026;color:#4ade80;border:1px solid rgba(74,222,128,.25)}.result-b{background:#fb923c26;color:#fb923c;border:1px solid rgba(251,146,60,.25)}.win-banner{width:100%;background:linear-gradient(135deg,#4ade8026,#22c55e0d);border:1px solid rgba(74,222,128,.3);border-radius:12px;padding:1rem;text-align:center;color:#4ade80;font-weight:700;font-size:1rem;letter-spacing:.05em;animation:slideIn .3s ease;display:none}.win-banner.show{display:block}.copyright{font-size:.7rem;color:#ffffff2e;text-align:center;margin:.5rem 0 0;letter-spacing:.04em}@media(max-width:420px){.game-card{padding:2rem 1.25rem}.digit-box{width:60px;height:74px;font-size:1.7rem;border-radius:12px}.digit-row{gap:8px}.btn{padding:.7rem 1.1rem;font-size:.875rem}}.info-section{max-width:480px;margin:2rem auto 3rem;padding:0 1.5rem;display:flex;flex-direction:column;gap:1.5rem}.info-section h2{font-size:1.5rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#ffffff80;margin:0 0 .5rem}.info-section p{font-size:1rem;line-height:1.7;color:#fff6;margin:0}.info-section strong{font-weight:600;color:#ffffffa6}.footer{border-top:1px solid var(--border);padding:2rem;max-width:720px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:.875rem;color:var(--muted)}.footer a:hover{color:var(--accent)}.footer a:first-of-type{margin-left:auto}.footer a{margin-left:2rem}:root{--bg: #080c10;--surface: #0d1117;--border: rgba(255, 255, 255, .07);--text: rgba(255, 255, 255, .85);--muted: rgba(255, 255, 255, .6);--accent: #dcc855;--accent-dim: rgba(220, 200, 85, .12);--font-mono: "IBM Plex Mono", monospace;--font-sans: "IBM Plex Sans", sans-serif}a{color:inherit;text-decoration:none}