:root{--bg:#050b13;--panel:#0b1624;--panel2:#0e1d2f;--line:#1d3850;--text:#eef7ff;--muted:#92a9bd;--cyan:#38bdf8;--teal:#2dd4bf;--gold:#fbbf24;--danger:#fb7185;--ok:#4ade80;color-scheme:dark}*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at 70% -20%,#113658 0,transparent 38%),radial-gradient(circle at 0 40%,#07302f 0,transparent 28%),var(--bg)}a{color:inherit}.topbar{height:76px;padding:0 max(20px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #193146;background:#06101ad9;backdrop-filter:blur(12px);position:sticky;top:0;z-index:20}.brand,.userbar{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:linear-gradient(145deg,var(--cyan),var(--teal));color:#03101a;font-size:27px;box-shadow:0 10px 35px #22d3ee44}.brand span,.userbar span{display:flex;flex-direction:column}.brand small,.userbar small{color:var(--muted);font-size:11px}.avatar{width:38px;height:38px;border-radius:50%;background:#183653;display:grid!important;place-items:center;font-weight:800;color:#7dd3fc}.container{max-width:1180px;margin:auto;padding:42px 20px 80px}.hero-grid{display:grid;grid-template-columns:1.3fr .8fr;gap:56px;align-items:center;min-height:590px}.eyebrow{font-size:12px;letter-spacing:.18em;color:#67e8f9;font-weight:800}.hero-copy h1,.dashboard-hero h1{font-size:clamp(40px,6vw,74px);line-height:.98;margin:16px 0 22px;letter-spacing:-.04em}.hero-copy p,.dashboard-hero p{max-width:690px;color:#b3c5d5;font-size:18px;line-height:1.7}.feature-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.feature-chips span{padding:8px 12px;border:1px solid #27506c;background:#0b1b2b;border-radius:999px;color:#cbeeff;font-size:13px}.auth-card,.panel,.road-card{background:#091522e8;border:1px solid #1f3c55;border-radius:22px;box-shadow:0 30px 90px #0007}.auth-card{padding:24px}.tabs{display:flex;padding:4px;background:#06101b;border-radius:12px;margin-bottom:18px}.tab{flex:1;border:0;padding:11px;border-radius:9px;background:transparent;color:#8da7bb;font-weight:800}.tab.active{background:#163047;color:#fff}.tab-panel{display:none}.tab-panel.active{display:grid;gap:13px}.tab-panel label{display:grid;gap:6px;color:#aac0d2;font-size:13px}.tab-panel input{border:1px solid #284861;border-radius:11px;background:#06111d;padding:12px;color:#fff;outline:0}.tab-panel input:focus{border-color:var(--cyan)}.primary,.ghost{border:0;border-radius:11px;padding:12px 17px;font-weight:850;text-decoration:none;cursor:pointer;display:inline-flex;justify-content:center;align-items:center}.primary{background:linear-gradient(135deg,var(--cyan),var(--teal));color:#03111b}.primary.big{padding:15px 22px;font-size:16px}.ghost{background:#10253a;color:#d6e9f8}.form-message{padding:10px 12px;border-radius:10px;margin-bottom:14px}.form-message.error{background:#4d1520;color:#ffd7dd}.form-message.success{background:#103822;color:#c9ffdc}.world-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.preview-card{height:170px;border-radius:20px;border:1px solid #35506a;padding:20px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;position:relative;background:#123}.preview-card:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent,#03101add)}.preview-card b,.preview-card span{z-index:1}.preview-card span{color:#c3d0dc;font-size:13px}.viking{background:linear-gradient(160deg,#dbeafe,#64748b 55%,#0f172a)}.arcane{background:radial-gradient(circle at 60% 20%,#a855f7,#172554 45%,#08111c)}.island{background:linear-gradient(#38bdf8 0 42%,#fde68a 43% 64%,#115e59 65%)}.dashboard-hero{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:28px}.dashboard-hero h1{font-size:52px}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:22px 0}.stat{background:#0a1724;border:1px solid #1d3b55;border-radius:16px;padding:17px}.stat span{display:block;color:var(--muted);font-size:12px}.stat b{display:block;font-size:28px;margin-top:6px}.panel{padding:22px;margin-top:20px}.panel-head h2{margin:0 0 5px}.panel-head p{margin:0;color:var(--muted)}.empty{margin-top:18px;border:1px dashed #31516c;border-radius:14px;padding:24px;text-align:center;color:#9eb3c5}.history-list{display:grid;margin-top:18px}.history-row{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:14px;padding:13px 4px;border-top:1px solid #152d41}.history-row small{display:block;color:var(--muted);margin-top:4px}.result{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-weight:900}.result.win{background:#123f28;color:#86efac}.result.loss{background:#4c1722;color:#fecdd3}.result.draw{background:#403414;color:#fde68a}.history-meta{text-align:right}.roadmap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}.road-card{padding:20px}.road-card span{font-size:28px}.road-card b{display:block;margin:8px 0}.road-card p{color:var(--muted);margin:0;line-height:1.5}.road-card.locked{opacity:.72}footer{text-align:center;color:#6f879b;padding:28px;border-top:1px solid #13283a;font-size:12px}@media(max-width:850px){.hero-grid{grid-template-columns:1fr;gap:22px}.world-preview,.roadmap-grid{grid-template-columns:1fr}.dashboard-hero{align-items:flex-start;flex-direction:column}.stats-grid{grid-template-columns:repeat(2,1fr)}.userbar>span:nth-child(2){display:none}}@media(max-width:560px){.container{padding:26px 14px 60px}.topbar{padding:0 14px}.hero-copy h1{font-size:42px}.history-row{grid-template-columns:42px 1fr}.history-meta{grid-column:2;text-align:left}.stats-grid{grid-template-columns:1fr 1fr}.brand small{display:none}}