@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-app:#121212;--surface:#1e1e1e;--surface-raised:#2a2a2a;--surface-overlay:#333;--primary:#fff;--secondary:#d4d4d8;--accent-gold:#fbbf24;--accent-gold-hover:#f59e0b;--accent-success:#34d399;--accent-danger:#f87171;--accent-info:#60a5fa;--border:#ffffff14;--border-focus:#ffffff3d;--shadow-1:0 1px 3px #0003, 0 1px 2px #0000003d;--shadow-2:0 3px 6px #00000029, 0 3px 6px #0000003b;--shadow-3:0 10px 20px #00000030, 0 6px 6px #0000003b;--shadow-4:0 14px 28px #00000040, 0 10px 10px #00000038;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-app);color:var(--primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.5}button,input,select{font-family:inherit;font-size:inherit}.app-container{max-width:1280px;margin:0 auto;padding:2rem 1.5rem}.app-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:2.5rem;padding-bottom:1.5rem;display:flex}.header-title-container{align-items:center;gap:.75rem;display:flex}.header-icon{color:var(--accent-gold);width:2.5rem;height:2.5rem}.header-title-container h1{letter-spacing:-.025em;background:linear-gradient(135deg,#fff 0%,#a1a1aa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.8rem;font-weight:700}.header-tagline{color:var(--secondary);margin-top:.25rem;font-size:.95rem}.tabs-navigation{background-color:var(--surface);border-radius:var(--radius-md);border:1px solid var(--border);box-shadow:var(--shadow-1);gap:.25rem;margin-bottom:2rem;padding:.35rem;display:flex}.tab-btn{color:var(--secondary);cursor:pointer;border-radius:calc(var(--radius-md) - 4px);background:0 0;border:none;outline:none;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.95rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.tab-btn:hover{color:var(--primary);background-color:#ffffff08}.tab-btn.active{color:var(--primary);background-color:var(--surface-raised);box-shadow:var(--shadow-1);border:1px solid #ffffff0d}.dashboard-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=1024px){.dashboard-grid.two-cols{grid-template-columns:1.2fr .8fr}.dashboard-grid.stats-layout{grid-template-columns:.8fr 1.2fr}}.card{background-color:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-2);padding:1.75rem;transition:box-shadow .3s;overflow:hidden}.card:hover{box-shadow:var(--shadow-3)}.card-title-container{align-items:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.card-title-icon{color:var(--accent-gold);width:1.5rem;height:1.5rem}.card-title{color:var(--primary);font-size:1.2rem;font-weight:600}.card-subtitle{color:var(--secondary);margin-top:-1.25rem;margin-bottom:1.5rem;font-size:.95rem;line-height:1.6}.form-group{margin-bottom:1.25rem}.form-label{color:var(--secondary);margin-bottom:.5rem;font-size:.95rem;font-weight:500;display:block}.form-input{background-color:var(--surface-raised);border:1px solid var(--border);width:100%;color:var(--primary);border-radius:var(--radius-sm);outline:none;padding:.75rem 1rem;font-size:.95rem;transition:all .2s}.form-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 2px #ffffff0d}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.btn-primary{background-color:var(--primary);width:100%;color:var(--bg-app);border-radius:var(--radius-sm);cursor:pointer;box-shadow:var(--shadow-1);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.5rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.btn-primary:hover{background-color:#f1f5f9;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:var(--surface-raised);color:var(--primary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.5rem;font-weight:600;transition:all .2s;display:flex}.btn-secondary:hover{background-color:var(--surface-overlay);border-color:var(--border-focus)}.btn-outline{color:var(--secondary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:.5rem 1rem;font-size:.85rem;font-weight:500;transition:all .2s}.btn-outline:hover{color:var(--primary);border-color:var(--border-focus)}.btn-group{gap:.75rem;margin-top:1rem;display:flex}.metrics-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.metric-card{background-color:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-1);flex-direction:column;padding:1.25rem;display:flex}.metric-label{text-transform:uppercase;letter-spacing:.05em;color:var(--secondary);margin-bottom:.5rem;font-size:.875rem;font-weight:500}.metric-value{font-size:1.75rem;font-weight:700;line-height:1.2}.metric-value.gold{color:var(--accent-gold)}.metric-value.success{color:var(--accent-success)}.metric-value.danger{color:var(--accent-danger)}.metric-desc{color:var(--secondary);margin-top:.25rem;font-size:.85rem}.board-game-container{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.game-hud{background-color:var(--surface-raised);border-radius:var(--radius-md);border:1px solid var(--border);justify-content:space-between;width:100%;padding:1rem;display:flex}.game-hud-item{flex-direction:column;align-items:center;display:flex}.game-hud-label{color:var(--secondary);font-size:.85rem}.game-hud-value{font-size:1.1rem;font-weight:600}.grid-board{aspect-ratio:4/3;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(4,1fr);gap:.75rem;width:100%;max-width:480px;display:grid}.tile-button{background-color:var(--surface-raised);border:2px solid var(--border);border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-1);outline:none;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.tile-button:not(.revealed):hover{border-color:var(--border-focus);background-color:var(--surface-overlay);box-shadow:var(--shadow-2);transform:translateY(-2px)}.tile-button.revealed{cursor:default;border-color:#ffffff0d}.tile-button.revealed.common{background-color:#ef44440d;border-color:#ef444433}.tile-button.revealed.star{border-color:var(--accent-gold);background-color:#f59e0b14;animation:2s infinite pulse-gold;box-shadow:0 0 15px #f59e0b33}.tile-target-icon{color:var(--secondary);opacity:.6;width:1.75rem;height:1.75rem;transition:all .2s}.tile-button:hover .tile-target-icon{opacity:1;color:var(--primary);transform:scale(1.1)}.tile-content{justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;display:flex}.tile-content.x-mark{color:var(--accent-danger);animation:.2s cubic-bezier(.175,.885,.32,1.275) pop-in}.tile-content.star-mark{color:var(--accent-gold);animation:.4s cubic-bezier(.175,.885,.32,1.275) pop-in-rotate}@keyframes pop-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes pop-in-rotate{0%{opacity:0;transform:scale(0)rotate(-180deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes pulse-gold{0%{box-shadow:0 0 10px #f59e0b33}50%{box-shadow:0 0 20px #f59e0b66}to{box-shadow:0 0 10px #f59e0b33}}.chart-container{width:100%;height:250px;margin-top:1rem;position:relative}.chart-svg{width:100%;height:100%;display:block}.chart-area{fill:#f59e0b0d;stroke:var(--accent-gold);stroke-width:2.5px;transition:all .3s}.chart-area-secondary{fill:#3b82f60d;stroke:var(--accent-info);stroke-width:2.5px;transition:all .3s}.chart-grid-line{stroke:var(--border);stroke-width:1px;stroke-dasharray:4 4}.chart-axis-line{stroke:var(--border-focus);stroke-width:1px}.chart-label{fill:var(--secondary);font-size:12px;font-weight:500}.chart-title-legend{justify-content:flex-end;gap:1rem;margin-bottom:.5rem;font-size:.85rem;display:flex}.legend-item{color:var(--secondary);align-items:center;gap:.35rem;display:flex}.legend-color{border-radius:2px;width:.75rem;height:.75rem}.legend-color.gold{background-color:var(--accent-gold)}.legend-color.blue{background-color:var(--accent-info)}.stats-table-wrapper{border:1px solid var(--border);border-radius:var(--radius-md);margin-top:1rem;overflow-x:auto}.stats-table{border-collapse:collapse;text-align:left;width:100%;font-size:.95rem}.stats-table th{background-color:var(--surface-raised);color:var(--secondary);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.05em;padding:.75rem 1rem;font-size:.85rem;font-weight:600}.stats-table td{border-bottom:1px solid var(--border);color:var(--primary);padding:.85rem 1rem}.stats-table tr:last-child td{border-bottom:none}.stats-table tr:hover td{background-color:#ffffff03}.recommendation-box{border-radius:var(--radius-md);border:1px solid #0000;align-items:flex-start;gap:.75rem;margin-top:1.5rem;padding:1.25rem;display:flex}.recommendation-box.success{background-color:#10b9810f;border-color:#10b98133}.recommendation-box.warning{background-color:#f59e0b0f;border-color:#f59e0b33}.recommendation-box.danger{background-color:#ef44440f;border-color:#ef444433}.recommendation-icon{flex-shrink:0;width:1.5rem;height:1.5rem}.recommendation-box.success .recommendation-icon{color:var(--accent-success)}.recommendation-box.warning .recommendation-icon{color:var(--accent-gold)}.recommendation-box.danger .recommendation-icon{color:var(--accent-danger)}.recommendation-text-container{flex-direction:column;gap:.25rem;display:flex}.recommendation-title{font-size:.95rem;font-weight:600}.recommendation-desc{color:var(--secondary);font-size:.9rem;line-height:1.5}.chart-tooltip{background-color:var(--surface-raised);border:1px solid var(--border-focus);border-radius:var(--radius-sm);box-shadow:var(--shadow-2);pointer-events:none;opacity:0;z-index:10;flex-direction:column;gap:.25rem;padding:.6rem .9rem;font-size:.85rem;transition:opacity .15s;display:flex;position:absolute}.chart-tooltip-title{color:var(--primary);margin-bottom:.15rem;font-weight:600}.chart-tooltip-row{justify-content:space-between;gap:1rem;display:flex}.chart-tooltip-label{color:var(--secondary)}.chart-tooltip-value{font-weight:600}.text-center{text-align:center}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.flex-center{justify-content:center;align-items:center;display:flex}.gap-2{gap:.5rem}