:root{--surface-base: #0B0D11;--surface-raised: #10131A;--surface-card: #141820;--surface-border: #1E2333;--surface-hover: #1A1F2E;--text-primary: #E8EAF0;--text-secondary: #8A90A0;--text-muted: #4A5060;--text-inverse: #0B0D11;--accent: #00C2FF;--accent-dim: rgba(0, 194, 255, .12);--accent-border: rgba(0, 194, 255, .25);--score-best: #22C55E;--score-good: #84CC16;--score-mid: #EAB308;--score-low: #F97316;--font-ui: "Outfit", system-ui, sans-serif;--font-mono: "DM Mono", "Courier New", monospace;--font-display: "Fraunces", Georgia, serif;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px}*,*:before,*:after{box-sizing:border-box}body{background:var(--surface-base);color:var(--text-primary);font-family:var(--font-ui)}h1{font-size:34px;line-height:1.25;font-family:var(--font-display);color:var(--text-primary)}h2{font-size:26px;margin-bottom:16px;color:var(--text-primary)}h3{font-size:20px;color:var(--text-primary)}p{color:var(--text-secondary);max-width:850px;line-height:1.75}strong,b{font-weight:700;color:var(--text-primary)}.site-header{background:#0b0d11eb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--surface-border)}.site-footer{background:var(--surface-base);border-top:1px solid var(--surface-border)}.logo-link{display:flex;align-items:center;gap:10px;text-decoration:none}.logo-wordmark{display:flex;flex-direction:column;gap:1px;line-height:1}.logo-top{font-family:var(--font-ui);font-weight:800;font-size:15px;letter-spacing:.02em;color:var(--text-primary);text-transform:uppercase}.logo-sub{font-family:var(--font-mono);font-size:9px;letter-spacing:.18em;color:var(--accent);text-transform:uppercase;font-weight:500}.nav-btn{font-size:13px;font-weight:500;color:var(--text-secondary);padding:6px 14px;border-radius:var(--radius-sm);background:none;border:none;cursor:pointer;letter-spacing:.01em;transition:color .15s,background .15s}.nav-btn:hover{color:var(--text-primary);background:var(--surface-hover)}.dropdown-panel{background:var(--surface-card);border:1px solid var(--surface-border);border-radius:var(--radius-md);box-shadow:0 8px 32px #00000080;opacity:0;visibility:hidden;transition:opacity .15s,visibility .15s;z-index:50;padding:6px 0}.group:hover .dropdown-panel{opacity:1;visibility:visible}.dropdown-link{display:block;padding:8px 16px;font-size:13px;color:var(--text-secondary);text-decoration:none;transition:color .1s,background .1s}.dropdown-link:hover{color:var(--accent);background:var(--surface-hover)}.dropdown-link-rich{display:block;padding:8px 16px;text-decoration:none;transition:background .1s}.dropdown-link-rich:hover{background:var(--surface-hover)}.dropdown-rich-title{font-size:12px;font-weight:600;color:var(--text-primary);max-width:none;margin:0;line-height:1.4}.dropdown-rich-desc{font-size:11px;color:var(--text-muted);margin:2px 0 0;max-width:none;line-height:1.4}.dropdown-section-label{padding:6px 16px 2px;font-size:9px;text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted);font-weight:700;font-family:var(--font-mono);max-width:none;margin:0;line-height:1.4}.dropdown-divider{height:1px;background:var(--surface-border);margin:4px 0}.mobile-drawer{width:288px;max-width:calc(100vw - 3rem);background:var(--surface-raised);border-left:1px solid var(--surface-border);box-shadow:-8px 0 40px #00000080}.mobile-drawer-header{padding:16px 20px;border-bottom:1px solid var(--surface-border)}.mobile-section-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:var(--text-muted);padding:0 8px;margin-bottom:8px;font-family:var(--font-mono);max-width:none;line-height:1.4}.mobile-nav-link{display:flex;align-items:center;padding:10px 12px;border-radius:var(--radius-md);color:var(--text-secondary);font-weight:500;font-size:14px;text-decoration:none;transition:color .15s,background .15s;margin-bottom:2px}.mobile-nav-link:hover{color:var(--accent);background:var(--surface-hover)}.footer-heading{color:var(--text-primary);font-weight:700;font-size:10px;text-transform:uppercase;letter-spacing:.15em;margin-bottom:20px;font-family:var(--font-mono)}.footer-link{font-size:13px;color:var(--text-secondary);text-decoration:none;display:inline-block;transition:color .15s,transform .15s}.footer-link:hover{color:var(--text-primary);transform:translate(2px)}.footer-link-accent{font-size:13px;color:var(--accent);text-decoration:none;display:inline-block;transition:color .15s,transform .15s}.footer-link-accent:hover{color:#7dd3fc;transform:translate(2px)}.footer-link-muted{font-size:11px;color:var(--text-muted);text-decoration:none;transition:color .15s}.footer-link-muted:hover{color:var(--text-secondary)}.bg-white{background-color:var(--surface-card)!important}.bg-gray-50,.bg-\[\#fafafa\]{background-color:var(--surface-raised)!important}.bg-gray-100{background-color:var(--surface-hover)!important}.bg-gray-200{background-color:var(--surface-border)!important}.bg-gray-800{background-color:#151c2a!important}.bg-gray-950{background-color:var(--surface-base)!important}.bg-indigo-50,.bg-indigo-100{background-color:var(--accent-dim)!important}.bg-indigo-500{background-color:var(--accent)!important}.bg-indigo-600{background-color:#0077a3!important}.bg-blue-100{background-color:#00c2ff1f!important}.bg-violet-100,.bg-purple-100{background-color:#8b5cf626!important}.bg-green-100{background-color:#22c55e1f!important}.bg-orange-100{background-color:#f973161f!important}.border-gray-50,.border-gray-100,.border-gray-200,.border-gray-800{border-color:var(--surface-border)!important}.border-indigo-500{border-color:var(--accent)!important}.divide-gray-200>*+*{border-color:var(--surface-border)!important}.text-gray-900{color:var(--text-primary)!important}.text-gray-800{color:#c0c4d0!important}.text-gray-700{color:#a0a5b4!important}.text-gray-600{color:var(--text-secondary)!important}.text-gray-500{color:var(--text-muted)!important}.text-gray-400{color:var(--text-secondary)!important}.text-gray-300{color:var(--text-muted)!important}.text-indigo-400{color:#7dd3fc!important}.text-indigo-500,.text-indigo-600{color:var(--accent)!important}.text-indigo-800,.text-blue-800{color:#7dd3fc!important}.text-violet-800,.text-purple-800{color:#a78bfa!important}.text-green-800,.text-green-600{color:var(--score-best)!important}.text-orange-800,.text-orange-600{color:var(--score-low)!important}.text-yellow-600{color:var(--score-mid)!important}.text-emerald-600{color:var(--score-best)!important}.text-fuchsia-600{color:#d946ef!important}.bg-indigo-50\/50{background-color:#00c2ff0f!important}.bg-emerald-50\/30{background-color:#22c55e0f!important}.bg-red-50\/30{background-color:#f973160f!important}.bg-gray-50\/50{background-color:#10131a80!important}.bg-violet-50{background-color:#8b5cf61a!important}.bg-amber-50{background-color:#eab3081a!important}.bg-emerald-500{background-color:var(--score-best)!important}.bg-fuchsia-500{background-color:#d946ef!important}.border-indigo-100{border-color:#00c2ff33!important}.border-indigo-300{border-color:#00c2ff59!important}.border-indigo-700{border-color:#00c2ff80!important}.border-emerald-100,.border-emerald-500\/20{border-color:#22c55e33!important}.border-red-100{border-color:#f9731633!important}.border-violet-100{border-color:#8b5cf633!important}.border-amber-200{border-color:#eab30840!important}.border-fuchsia-500\/20{border-color:#d946ef33!important}.border-dashed.border-gray-200{border-color:var(--surface-border)!important}.text-emerald-700{color:var(--score-best)!important}.text-emerald-950{color:var(--text-primary)!important}.text-red-700{color:var(--score-low)!important}.text-red-950{color:var(--text-primary)!important}.text-violet-600{color:#a78bfa!important}.text-amber-500{color:var(--score-mid)!important}.text-indigo-700{color:var(--accent)!important}.hover\:bg-indigo-50:hover,.hover\:bg-indigo-50\/50:hover{background-color:var(--surface-hover)!important}.hover\:text-indigo-500:hover,.hover\:text-indigo-600:hover,.hover\:text-indigo-700:hover{color:var(--accent)!important}.hover\:text-indigo-800:hover,.hover\:text-indigo-200:hover{color:#7dd3fc!important}.hover\:text-white:hover,.hover\:text-gray-300:hover{color:var(--text-primary)!important}.hover\:text-emerald-800:hover{color:#4ade80!important}.hover\:text-fuchsia-800:hover{color:#e879f9!important}.hover\:border-indigo-300:hover{border-color:#00c2ff59!important}.hover\:text-indigo-300:hover{color:#7dd3fc!important}.from-indigo-600{--tw-gradient-from: #0077A3 !important}.to-blue-600{--tw-gradient-to: #00C2FF !important}.from-emerald-500{--tw-gradient-from: #22C55E !important}.to-teal-500{--tw-gradient-to: #4ADE80 !important}.from-fuchsia-500{--tw-gradient-from: #D946EF !important}.to-purple-600{--tw-gradient-to: #A78BFA !important}.shadow-xl{box-shadow:0 8px 32px #00000073!important}.shadow-2xl{box-shadow:0 16px 48px #0009!important}.custom-scrollbar::-webkit-scrollbar{height:6px;width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--surface-border);border-radius:9999px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--text-muted)}.bg-sky-400{background-color:#7dd3fc!important}.bg-violet-400{background-color:#a78bfa!important}.hub-hero{background:var(--surface-raised);border-bottom:1px solid var(--surface-border);padding:48px 0 40px}.hub-game-tag{display:inline-flex;align-items:center;gap:6px;background:var(--tag-game);color:var(--tag-game-text);font-size:11px;font-weight:600;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:3px;margin-bottom:16px}.hub-title{font-family:var(--font-display);font-weight:700;font-size:38px;color:var(--text-primary);line-height:1.15;margin-bottom:12px;letter-spacing:-.01em}@media (max-width: 640px){.hub-title{font-size:28px}}.hub-title em{font-style:italic;color:var(--accent)}.hub-desc{font-size:15px;color:var(--text-secondary);max-width:680px;margin-bottom:28px;line-height:1.7}.hub-meta-row{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:4px}.hub-stat{display:flex;flex-direction:column;gap:2px}.hub-stat-val{font-family:var(--font-mono);font-size:18px;font-weight:500;color:var(--text-primary);line-height:1.2}.hub-stat-label{font-size:10px;color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase}.hub-meta-divider{width:1px;height:28px;background:var(--surface-border)}.breadcrumb{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;color:var(--text-muted);margin-bottom:20px}.breadcrumb a{color:var(--text-secondary);text-decoration:none;transition:color .1s}.breadcrumb a:hover{color:var(--accent)}.breadcrumb-sep{color:var(--surface-border)}.breadcrumb-current{color:var(--text-primary)}.page-section-hd{display:flex;align-items:center;gap:14px;margin-bottom:24px}.page-section-hd h2{font-weight:700;font-size:18px;color:var(--text-primary);white-space:nowrap;margin:0}.page-section-hd-rule{flex:1;height:1px;background:linear-gradient(90deg,var(--surface-border),transparent)}.section-divider{border:none;height:1px;background:linear-gradient(90deg,transparent,var(--surface-border) 20%,var(--surface-border) 80%,transparent);margin:40px 0}.verdict-text{font-family:var(--font-display);font-size:16px;color:var(--text-primary);line-height:1.8;font-weight:400;border-left:2px solid var(--accent);padding-left:18px;margin:0}.score-bar-track{height:4px;background:var(--surface-border);border-radius:2px;overflow:hidden}.score-bar-fill{height:100%;border-radius:2px;transition:width .6s ease}.fill-best{background:var(--score-best)}.fill-good{background:var(--score-good)}.fill-mid{background:var(--score-mid)}.fill-low{background:var(--score-low)}.score-num{font-family:var(--font-mono);font-weight:500}.score-num.s-best{color:var(--score-best)}.score-num.s-good{color:var(--score-good)}.score-num.s-mid{color:var(--score-mid)}.score-num.s-low{color:var(--score-low)}.score-dial{position:relative;width:96px;height:96px;flex-shrink:0}.dial-svg{width:96px;height:96px;transform:rotate(-90deg)}.dial-track{fill:none;stroke:var(--surface-border);stroke-width:7}.dial-fill{fill:none;stroke-width:7;stroke-linecap:round}.dial-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}.dial-num{font-family:var(--font-mono);font-size:24px;font-weight:500;line-height:1}.dial-label{font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.card-badge{display:inline-block;font-family:var(--font-mono);font-size:9px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);background:var(--accent-dim);border:1px solid var(--accent-border);padding:3px 8px;border-radius:3px}.method-pill{display:inline-block;font-family:var(--font-mono);font-size:9px;letter-spacing:.06em;padding:2px 7px;border-radius:3px;background:var(--surface-hover);color:var(--text-muted);text-transform:uppercase}.faq-item summary::-webkit-details-marker{display:none}.faq-question-text{font-size:15px;font-weight:600;color:var(--text-primary);line-height:1.4}.faq-answer{font-size:14px;color:var(--text-secondary);line-height:1.75}