:root{--bg-color:#0a0b0d;--surface-color:#1a1c23;--surface-hover:#242731;--accent-safe:#0f8;--accent-danger:#f44;--accent-predict:#00d4ff;--text-primary:#fff;--text-secondary:#94a3b8;--glow-safe:0 0 15px #0f86;--glow-danger:0 0 15px #f446;--glow-predict:0 0 15px #00d4ff66;--font-family:"Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-family);overflow-x:hidden}.glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1a1c23cc;border:1px solid #ffffff1a;border-radius:16px}.glowing-text{text-shadow:0 0 10px}.btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-weight:600;transition:all .2s;display:flex}.btn-primary{background:var(--accent-predict);color:#000}.btn-primary:hover{box-shadow:var(--glow-predict);transform:translateY(-1px)}.btn-secondary{background:var(--surface-color);color:var(--text-primary);border:1px solid #ffffff1a}.btn-secondary:hover{background:var(--surface-hover)}.app-container{flex-direction:column;gap:20px;max-width:1200px;min-height:100vh;margin:0 auto;padding:20px;display:flex}.main-layout{grid-template-columns:1fr 350px;gap:24px;display:grid}@media (width<=900px){.main-layout{grid-template-columns:1fr;gap:15px}.dashboard-header{text-align:center;flex-direction:column;gap:15px}.dashboard-header .flex{flex-wrap:wrap;justify-content:center}.title-group h1{font-size:1.5rem}.mines-grid{gap:6px;max-width:100%;padding:10px}.mines-grid:before{top:-20px}.mines-grid:after{top:-30px}.traps-number{font-size:2.5rem}.stat-value{font-size:1rem}}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:20px;padding:20px;display:flex}.title-group h1{background:linear-gradient(to right, var(--accent-predict), var(--accent-safe));-webkit-text-fill-color:transparent;letter-spacing:-1px;-webkit-background-clip:text;font-size:2rem;font-weight:800}.grid-section{flex-direction:column;align-items:center;gap:20px;display:flex}.sidebar{flex-direction:column;gap:20px;display:flex}.panel{padding:20px}.panel-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;align-items:center;gap:8px;margin-bottom:15px;font-size:.9rem;display:flex}.stats-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.stat-card{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;padding:15px}.stat-value{color:var(--accent-predict);font-size:1.2rem;font-weight:700}.stat-label{color:var(--text-secondary);font-size:.7rem}.mines-grid{aspect-ratio:1;background:#0b0e14;border-radius:12px;grid-template-columns:repeat(5,1fr);gap:12px;width:100%;max-width:500px;padding:20px;display:grid;position:relative}.mines-grid:before{content:"";background:linear-gradient(90deg,#ffffff1a,#ffffff05);border-radius:4px;height:10px;position:absolute;top:-30px;left:0;right:0}.mines-grid:after{content:"";background:#23accb;border-radius:50%;width:8px;height:8px;position:absolute;top:-45px;left:10px;box-shadow:0 0 10px #23accb,0 0 20px #23accb}.tile{cursor:pointer;background:linear-gradient(#27b4d5 0%,#167e99 45%,#0b4e63 100%);border:1px solid #0009;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 2px 2px #ffffff4d,inset 0 -6px 8px #0006,0 4px 6px #0000004d}.tile.revealed-safe{border-color:var(--accent-safe);box-shadow:none;background:#0f83}.tile.revealed-mine{border-color:var(--accent-danger);box-shadow:none;background:#f443}.tile.recommended{border-color:var(--accent-predict);box-shadow:0 0 15px var(--accent-predict)}.prob-text{color:#fff3;z-index:2;opacity:0;font-family:monospace;font-size:10px}.tile:hover .prob-text{opacity:1}.heatmap-overlay{pointer-events:none;z-index:1;opacity:.1;position:absolute;inset:0}.traps-selector{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;flex-direction:row;justify-content:space-between;align-items:center;padding:15px 20px;display:flex;box-shadow:inset 0 2px 4px #0003}.traps-selector-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.traps-selector-btn:hover{color:var(--text-primary);background:#ffffff1a}.traps-display{flex-direction:row;justify-content:center;align-items:baseline;gap:8px;display:flex}.traps-number{color:var(--text-primary);font-size:3rem;font-weight:800;line-height:1}.traps-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:2px;font-size:1rem}.predict-btn{border-radius:8px;justify-content:center;align-items:center;width:100%;margin-top:15px;padding:15px;font-size:1.1rem;font-weight:700;transition:all .3s;display:flex}.predict-btn.ready{color:#000;background:linear-gradient(45deg,#00d4ff,#0f8);box-shadow:0 4px 15px #00d4ff4d}.predict-btn.analyzing{background:var(--surface-hover);color:var(--text-primary);cursor:not-allowed}.disclaimer{color:var(--text-secondary);text-align:center;opacity:.6;padding:20px;font-size:.7rem}.input-field{width:100%;color:var(--text-primary);letter-spacing:2px;text-transform:uppercase;background:#ffffff05;border:1px solid #ffffff1a;border-radius:8px;outline:none;padding:12px 16px;font-size:1rem;transition:all .3s;box-shadow:inset 0 2px 4px #0003}.input-field:focus{border-color:var(--accent-predict);box-shadow:0 0 10px #00d4ff33,inset 0 2px 4px #0003}.input-field.error{border-color:var(--accent-danger);animation:.4s ease-in-out shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-5px)}}