:root{
  --snow:#f4fbff;
  --snow-2:#d8f3ff;
  --ice:#7ee9ff;
  --ice-2:#37bfe5;
  --ice-3:#0e759c;
  --aurora:#72ffd9;
  --deep:#04111c;
  --deep-2:#082334;
  --deep-3:#0c3146;
  --panel:rgba(7,25,39,.72);
  --panel-strong:rgba(5,21,34,.88);
  --line:rgba(158,235,255,.30);
  --line-strong:rgba(188,244,255,.56);
  --muted:#a7c8d6;
  --shadow:0 26px 78px rgba(1,12,21,.46);
  --frost-shadow:0 0 0 1px rgba(255,255,255,.05) inset,0 18px 45px rgba(1,14,24,.30);
}
*{box-sizing:border-box}
html{min-height:100%;scroll-behavior:smooth}
body{margin:0;min-height:100vh;overflow-x:hidden;background:#04111c;color:#f4fbff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
button,input{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}

/* Background media stays readable; atmosphere is added without burying the art. */
.bg-media{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;z-index:-5;opacity:0;transform:scale(1.018);transition:opacity .38s ease,filter .38s ease,transform .5s ease;filter:saturate(1.0) brightness(.82) contrast(1.03)}
.bg-media.active{opacity:1;transform:scale(1.006)}
video.bg-media{object-position:center center}
.jeronimo-bg,#bg-battle,#bg-sim{object-position:right center}
.hub-vignette{position:fixed;inset:0;z-index:-4;pointer-events:none;background:radial-gradient(circle at 50% 12%,rgba(98,224,255,.12),transparent 36%),linear-gradient(180deg,rgba(1,10,18,.08),rgba(2,14,24,.23) 53%,rgba(1,9,16,.60) 100%)}
.hub-grain,.frost-atmosphere{position:fixed;inset:0;z-index:-3;pointer-events:none;opacity:.85;background:radial-gradient(circle at 14% 20%,rgba(93,241,255,.12),transparent 20%),radial-gradient(circle at 82% 18%,rgba(98,255,210,.09),transparent 24%),linear-gradient(118deg,transparent 0 49%,rgba(216,250,255,.035) 49.2% 49.7%,transparent 49.9%),repeating-linear-gradient(112deg,rgba(255,255,255,.012) 0 1px,transparent 1px 42px)}
.hub-grain:before,.hub-grain:after,.frost-atmosphere:before,.hub-grain:after,.frost-atmosphere:after{content:"";position:absolute;border-radius:50%;filter:blur(30px)}
.hub-grain:before,.frost-atmosphere:before{width:460px;height:130px;left:8%;top:10%;background:rgba(84,232,255,.09);transform:rotate(-10deg)}
.hub-grain:after,.frost-atmosphere:after{width:560px;height:150px;right:4%;top:18%;background:rgba(95,255,202,.07);transform:rotate(9deg)}

.companion-shell{width:min(1510px,calc(100vw - 54px));margin:0 auto;padding:28px 0 76px;position:relative;z-index:1}

/* Frosted command bar */
.companion-topbar{position:relative;display:grid;grid-template-columns:minmax(220px,1fr) minmax(300px,620px) minmax(280px,1fr);gap:18px;align-items:center;min-height:72px;padding:10px 12px 10px 16px;margin-bottom:22px;background:linear-gradient(135deg,rgba(5,27,42,.80),rgba(9,43,61,.66));border:1px solid rgba(167,235,255,.32);clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px),0 14px);backdrop-filter:blur(20px) saturate(1.15);box-shadow:0 18px 48px rgba(1,13,22,.30),inset 0 1px rgba(255,255,255,.07)}
.companion-topbar:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,rgba(137,238,255,.72),rgba(110,255,214,.58),transparent);pointer-events:none}
.hall-topbar{grid-template-columns:minmax(280px,1fr) auto}
.brand-lockup{display:flex;align-items:center;gap:12px;text-decoration:none;color:#f5fcff;min-width:0}
.brand-sigil{width:42px;height:42px;display:grid;place-items:center;clip-path:polygon(50% 0,88% 18%,100% 58%,72% 100%,28% 100%,0 58%,12% 18%);background:linear-gradient(160deg,#e9fbff,#7fdaf3 52%,#318eb3);color:#063047;font-weight:1000;box-shadow:0 0 22px rgba(102,225,255,.28)}
.brand-copy{display:flex;flex-direction:column;min-width:0}.brand-copy b{font-size:.92rem;letter-spacing:.015em}.brand-copy span{font-size:.64rem;color:#9fc5d4;letter-spacing:.08em;text-transform:uppercase;margin-top:2px}
.global-search{position:relative}.search-shell{height:46px;display:grid;grid-template-columns:34px 1fr 32px;align-items:center;background:rgba(229,248,255,.92);border:1px solid rgba(199,242,255,.92);clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px),0 9px);box-shadow:0 10px 30px rgba(0,0,0,.17),inset 0 0 24px rgba(73,189,226,.08)}
.search-icon{color:#1c637e;text-align:center;font-size:1.05rem}.search-shell input{border:0;outline:0;background:transparent;color:#103a4d;font-weight:850;font-size:.91rem;min-width:0}.search-shell input::placeholder{color:#668b9b;font-weight:650}.search-hint{color:#557f90;font-size:.65rem;font-weight:900;text-align:center}
.search-results{position:absolute;top:calc(100% + 10px);left:0;right:0;z-index:100;background:rgba(4,22,34,.97);border:1px solid rgba(134,225,250,.38);box-shadow:0 26px 70px rgba(0,0,0,.52);clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);padding:8px;max-height:420px;overflow:auto;backdrop-filter:blur(18px)}
.search-results[hidden]{display:none}.search-result{display:grid;grid-template-columns:54px 1fr auto;gap:12px;align-items:center;padding:10px 11px;text-decoration:none;color:#effbff;border:1px solid transparent}.search-result:hover,.search-result.active{background:linear-gradient(90deg,rgba(49,189,229,.14),rgba(70,255,208,.07));border-color:rgba(103,220,250,.28)}.search-result img,.search-result .search-thumb-video{width:50px;height:50px;object-fit:cover;clip-path:polygon(15% 0,85% 0,100% 15%,100% 85%,85% 100%,15% 100%,0 85%,0 15%);filter:saturate(1.03) brightness(1.05)}.search-result b{display:block;font-size:.84rem}.search-result small{display:block;color:#9dc3d1;font-size:.69rem;margin-top:2px}.search-result em{font-style:normal;font-size:.58rem;letter-spacing:.08em;text-transform:uppercase;color:#80e7ff}
.top-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;min-width:0}.theme-toggle,.hub-action,.account-button{height:42px;border:1px solid rgba(150,225,247,.30);background:linear-gradient(180deg,rgba(12,54,73,.86),rgba(5,31,46,.90));color:#e9faff;text-decoration:none;padding:0 14px;font-weight:900;font-size:.73rem;letter-spacing:.01em;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:.16s ease;white-space:nowrap}.theme-toggle:hover,.hub-action:hover,.account-button:hover{transform:translateY(-1px);border-color:rgba(171,242,255,.70);background:linear-gradient(180deg,rgba(17,76,99,.95),rgba(7,42,59,.96));box-shadow:0 0 22px rgba(69,216,255,.13)}.account-button.saved{border-color:rgba(100,255,210,.42);background:linear-gradient(180deg,rgba(14,83,77,.82),rgba(5,48,51,.91));color:#caffef}.theme-toggle{min-width:92px}

/* Hero: translucent glacier slab. */
.page-hero{position:relative;overflow:hidden;min-height:306px;margin-bottom:28px;padding:46px 50px;display:grid;align-items:end;background:linear-gradient(135deg,rgba(5,28,43,.70),rgba(9,54,73,.52),rgba(7,31,48,.62));border:1px solid rgba(155,233,255,.35);clip-path:polygon(26px 0,calc(100% - 26px) 0,100% 26px,100% calc(100% - 26px),calc(100% - 26px) 100%,26px 100%,0 calc(100% - 26px),0 26px);backdrop-filter:blur(14px) saturate(1.08);box-shadow:var(--shadow)}
.page-hero:before{content:"";position:absolute;inset:5px;clip-path:inherit;border:1px solid rgba(215,249,255,.16);pointer-events:none}.page-hero:after{content:"";position:absolute;right:-80px;top:-95px;width:560px;height:330px;background:radial-gradient(circle,rgba(107,238,255,.18),transparent 64%);pointer-events:none}.hero-copy{position:relative;z-index:1;max-width:900px}.hero-eyebrow{font-size:.70rem;font-weight:1000;letter-spacing:.24em;color:#8deaff;text-transform:uppercase}.page-hero h1{font-size:clamp(3rem,6.2vw,6.3rem);line-height:.9;margin:11px 0 16px;letter-spacing:-.052em;color:#f7fdff;text-transform:uppercase;text-shadow:0 3px 22px rgba(0,21,34,.35)}.page-hero p{max-width:790px;color:#c4dde7;font-size:1.03rem;line-height:1.62;margin:0}.home-hero{grid-template-columns:1fr 360px;gap:44px;align-items:center}.home-hero .hero-side-note{position:relative;z-index:1;border-left:1px solid rgba(132,229,255,.34);padding-left:28px;color:#b8d3de}.hero-side-note b{display:block;color:#8beaff;font-size:.76rem;letter-spacing:.15em;text-transform:uppercase;margin-bottom:9px}.hero-side-note p{font-size:.84rem;line-height:1.55;margin:0}.backdrop-picker{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:17px}.backdrop-picker>span{font-size:.61rem;letter-spacing:.12em;text-transform:uppercase;color:#8eafbd;font-weight:900;margin-right:3px}.backdrop-picker button{border:1px solid rgba(130,221,247,.30);background:rgba(3,25,38,.47);color:#b9d8e3;padding:7px 10px;font-size:.65rem;font-weight:850;cursor:pointer;clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px)}.backdrop-picker button.active{background:linear-gradient(180deg,#8cedff,#3eb7da);color:#073248;border-color:#c9f7ff;box-shadow:0 0 18px rgba(94,222,255,.22)}

/* Crystalline navigation tiles */
.frost-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.frost-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.frost-card{position:relative;min-height:292px;text-decoration:none;color:#effbff;overflow:hidden;display:grid;grid-template-rows:126px 1fr auto;background:linear-gradient(155deg,rgba(11,47,66,.79),rgba(5,27,42,.90) 60%,rgba(8,45,60,.82));border:1px solid rgba(143,225,249,.31);clip-path:polygon(18px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px),0 18px);box-shadow:var(--frost-shadow);backdrop-filter:blur(16px) saturate(1.12);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease}
.frost-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(128deg,rgba(255,255,255,.07),transparent 22% 66%,rgba(94,236,255,.06)),linear-gradient(90deg,transparent 0 48%,rgba(231,253,255,.025) 48.5% 49%,transparent 49.5%);mix-blend-mode:screen}.frost-card:after{content:"";position:absolute;left:18px;right:18px;top:126px;height:1px;background:linear-gradient(90deg,transparent,rgba(137,235,255,.42),transparent);pointer-events:none}.frost-card:hover{transform:translateY(-7px);border-color:rgba(179,241,255,.68);box-shadow:0 30px 70px rgba(0,12,21,.43),0 0 28px rgba(79,212,255,.10),inset 0 1px rgba(255,255,255,.08)}.frost-card.featured{background:linear-gradient(155deg,rgba(15,70,88,.86),rgba(5,31,47,.93) 58%,rgba(10,70,70,.70));border-color:rgba(108,244,225,.40)}
.card-visual{position:relative;overflow:hidden;background:#071b29}.card-visual>img,.card-visual>video{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(1.03) brightness(.92) contrast(1.02);transition:transform .45s ease,filter .3s ease}.frost-card:hover .card-visual>img,.frost-card:hover .card-visual>video{transform:scale(1.045);filter:saturate(1.08) brightness(1.03)}.card-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,18,29,.02),rgba(4,27,40,.25) 70%,rgba(4,25,38,.70))}.card-index{position:absolute;z-index:2;right:13px;top:12px;min-width:38px;height:26px;padding:0 8px;display:grid;place-items:center;background:rgba(4,25,37,.75);border:1px solid rgba(178,240,255,.34);color:#c9f7ff;font:900 .62rem/1 ui-monospace,monospace;letter-spacing:.09em;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}
.card-copy{position:relative;z-index:2;padding:20px 22px 10px;align-self:end}.card-copy h3{margin:0 0 7px;font-size:1.42rem;letter-spacing:-.032em;color:#f6fdff}.card-copy p{margin:0;color:#a9c9d6;line-height:1.5;font-size:.84rem}.card-footer{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 22px;padding:13px 0 17px;border-top:1px solid rgba(147,223,245,.16)}.card-footer span{font-size:.64rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase;color:#7fe5ff}.card-footer i{font-style:normal;font-size:1.2rem;color:#bff6ff;transition:transform .18s ease}.frost-card:hover .card-footer i{transform:translateX(4px)}

/* Auth/profile inherit the tundra language. */
.modal-backdrop{position:fixed;inset:0;z-index:1200;background:rgba(1,10,17,.70);backdrop-filter:blur(10px);display:grid;place-items:center;padding:22px}.modal-backdrop[hidden]{display:none}.auth-dialog{width:min(720px,100%);max-height:90vh;overflow:auto;position:relative;background:linear-gradient(145deg,rgba(225,248,255,.97),rgba(179,226,240,.96));color:#123a4e;padding:34px;border:1px solid rgba(230,253,255,.95);clip-path:polygon(20px 0,calc(100% - 20px) 0,100% 20px,100% calc(100% - 20px),calc(100% - 20px) 100%,20px 100%,0 calc(100% - 20px),0 20px);box-shadow:0 40px 100px rgba(0,0,0,.55),inset 0 0 40px rgba(255,255,255,.25)}.auth-dialog:before{content:"";position:absolute;inset:6px;clip-path:inherit;border:1px solid rgba(48,155,190,.25);pointer-events:none}.modal-close{position:absolute;right:22px;top:18px;z-index:2;border:0;background:none;color:#24566b;font-weight:1000;font-size:1.5rem;cursor:pointer}.auth-head{position:relative;z-index:1;margin-bottom:20px}.auth-head span{color:#267d9c;font-size:.66rem;font-weight:1000;letter-spacing:.18em}.auth-head h2{margin:5px 0 4px;font-size:2rem}.auth-head p{margin:0;color:#587c8b;font-size:.82rem}.auth-tabs{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px}.auth-tab{border:1px solid rgba(64,145,174,.26);background:rgba(247,253,255,.62);color:#4e7180;padding:10px;font-weight:900;cursor:pointer;clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px)}.auth-tab.active{background:linear-gradient(180deg,#17627d,#0b435b);color:#ecfcff;border-color:#73d8f5}.auth-form{position:relative;z-index:1;display:grid;gap:13px}.auth-form[hidden]{display:none}.auth-field{display:grid;gap:5px}.auth-field span{font-size:.66rem;font-weight:950;letter-spacing:.08em;color:#3e697b;text-transform:uppercase}.auth-field input{border:1px solid rgba(64,145,174,.30);background:rgba(252,255,255,.76);color:#143e52;outline:0;padding:12px 13px;font-weight:800;clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px)}.auth-field input:focus{border-color:#2ba6ca;box-shadow:inset 0 -2px #41d5f6}.auth-submit{border:1px solid #7ce4f8;background:linear-gradient(180deg,#9ff0ff,#47c4e5);color:#07384c;padding:13px;font-weight:1000;cursor:pointer;clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px),0 9px);box-shadow:0 10px 24px rgba(25,130,163,.18)}.auth-message{min-height:18px;color:#8a2f28;font-size:.74rem;font-weight:800}.auth-privacy{font-size:.68rem;color:#67828d;line-height:1.45;margin-top:4px}
.profile-grid{display:grid;grid-template-columns:420px 1fr;gap:24px}.profile-slab,.setup-slab{position:relative;background:linear-gradient(145deg,rgba(226,248,255,.94),rgba(179,223,237,.93));color:#173e50;padding:28px;border:1px solid rgba(218,250,255,.78);clip-path:polygon(17px 0,calc(100% - 17px) 0,100% 17px,100% calc(100% - 17px),calc(100% - 17px) 100%,17px 100%,0 calc(100% - 17px),0 17px);box-shadow:0 22px 55px rgba(1,16,25,.28)}.profile-slab:before,.setup-slab:before{content:"";position:absolute;inset:5px;clip-path:inherit;border:1px solid rgba(60,158,191,.22);pointer-events:none}.profile-slab h2,.setup-slab h3{position:relative;z-index:1;margin:0 0 14px}.profile-form{position:relative;z-index:1;display:grid;gap:12px}.profile-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:8px}.setup-list{display:grid;gap:17px}.setup-slab{display:grid;grid-template-columns:88px 1fr auto;gap:18px;align-items:center}.setup-icon{width:84px;height:84px;object-fit:cover;clip-path:polygon(15% 0,85% 0,100% 15%,100% 85%,85% 100%,15% 100%,0 85%,0 15%)}.setup-copy{position:relative;z-index:1}.setup-copy h3{margin:0 0 4px}.setup-copy p{margin:0;color:#5a7c89;font-size:.78rem}.setup-status{display:inline-flex;margin-top:8px;padding:4px 7px;font-size:.61rem;font-weight:950;background:#def7f2;color:#176354;border:1px solid #86cfc1}.setup-status.empty{background:#e9f2f5;color:#617985;border-color:#b7d0d8}.setup-button{position:relative;z-index:1;min-width:130px}

/* Light tundra */
body.light-theme{background:#eaf7fb;color:#183b4c}.light-theme .bg-media{filter:saturate(.95) brightness(.96) contrast(.99)}.light-theme .hub-vignette{background:linear-gradient(180deg,rgba(239,252,255,.16),rgba(225,246,252,.34) 62%,rgba(221,242,248,.58))}.light-theme .hub-grain,.light-theme .frost-atmosphere{opacity:.54}.light-theme .companion-topbar{background:linear-gradient(135deg,rgba(240,252,255,.84),rgba(208,241,250,.74));border-color:rgba(73,169,198,.30);box-shadow:0 16px 44px rgba(55,116,136,.13),inset 0 1px rgba(255,255,255,.75)}.light-theme .brand-lockup{color:#133d50}.light-theme .brand-copy span{color:#668897}.light-theme .theme-toggle,.light-theme .hub-action,.light-theme .account-button{background:linear-gradient(180deg,rgba(247,254,255,.95),rgba(211,240,248,.90));color:#214f62;border-color:rgba(64,157,188,.30)}.light-theme .theme-toggle:hover,.light-theme .hub-action:hover,.light-theme .account-button:hover{background:linear-gradient(180deg,#ffffff,#d9f2f8);border-color:#58b8d4}.light-theme .account-button.saved{background:linear-gradient(180deg,#e8fff8,#c9f2e7);color:#245e52;border-color:#72cbb5}.light-theme .page-hero{background:linear-gradient(135deg,rgba(232,249,254,.74),rgba(196,236,248,.66),rgba(223,246,252,.70));border-color:rgba(75,164,193,.28);box-shadow:0 24px 58px rgba(45,105,125,.16)}.light-theme .hero-eyebrow{color:#197a9d}.light-theme .page-hero h1{color:#173c4e;text-shadow:none}.light-theme .page-hero p{color:#4c7180}.light-theme .home-hero .hero-side-note{color:#587887;border-left-color:rgba(55,153,186,.30)}.light-theme .hero-side-note b{color:#167c9d}.light-theme .backdrop-picker>span{color:#6d8a96}.light-theme .backdrop-picker button{background:rgba(248,254,255,.70);color:#4a6c7a;border-color:rgba(73,159,188,.34)}.light-theme .backdrop-picker button.active{background:linear-gradient(180deg,#73dcf3,#36aed0);color:#07394c}.light-theme .frost-card{color:#183f51;background:linear-gradient(155deg,rgba(244,253,255,.89),rgba(211,239,247,.92) 62%,rgba(232,248,251,.90));border-color:rgba(72,161,191,.27);box-shadow:0 20px 45px rgba(50,108,128,.16),inset 0 1px rgba(255,255,255,.78)}.light-theme .frost-card.featured{background:linear-gradient(155deg,rgba(231,251,252,.94),rgba(192,236,240,.93) 58%,rgba(214,247,239,.91));border-color:rgba(45,170,163,.30)}.light-theme .frost-card:hover{border-color:rgba(50,163,197,.55);box-shadow:0 28px 58px rgba(48,105,125,.20),0 0 26px rgba(65,198,230,.09)}.light-theme .card-copy h3{color:#173e50}.light-theme .card-copy p{color:#587785}.light-theme .card-footer{border-top-color:rgba(64,145,174,.18)}.light-theme .card-footer span{color:#177a9b}.light-theme .card-footer i{color:#1a708f}.light-theme .search-results{background:rgba(238,251,255,.98);border-color:rgba(70,159,189,.35)}.light-theme .search-result{color:#173e50}.light-theme .search-result:hover,.light-theme .search-result.active{background:rgba(98,205,230,.13);border-color:rgba(70,169,197,.24)}.light-theme .search-result small{color:#658794}.light-theme .search-result em{color:#1a7c9d}

@media(max-width:1120px){.companion-topbar{grid-template-columns:1fr auto}.global-search{grid-column:1/-1;grid-row:2}.home-hero{grid-template-columns:1fr}.hero-side-note{display:none}.frost-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-grid{grid-template-columns:1fr}}
@media(max-width:720px){.companion-shell{width:min(100% - 24px,1510px);padding-top:16px}.companion-topbar,.hall-topbar{grid-template-columns:1fr}.top-actions{justify-self:stretch;flex-wrap:wrap}.top-actions>*{flex:1}.page-hero{padding:34px 25px;min-height:260px}.page-hero h1{font-size:clamp(2.6rem,14vw,4.25rem)}.frost-grid,.frost-grid.two{grid-template-columns:1fr}.frost-card{min-height:270px}.setup-slab{grid-template-columns:66px 1fr}.setup-icon{width:64px;height:64px}.setup-button{grid-column:1/-1}.brand-copy span{display:none}.theme-toggle{min-width:0}}

/* =========================================================
   Player Profile · saved 16 Base Stats
   ========================================================= */
.profile-grid-base{align-items:start}.base-stats-profile-slab{min-width:0}.base-stats-profile-head{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:9px}.base-stats-profile-head h2{margin:3px 0 0}.profile-kicker{display:block;color:#187f9f;font-size:.63rem;font-weight:1000;letter-spacing:.16em;text-transform:uppercase}.base-stats-explainer{position:relative;z-index:1;margin:0 0 18px;padding:13px 15px;background:rgba(226,248,255,.58);border:1px solid rgba(68,161,190,.22);color:#4d7180;font-size:.78rem;line-height:1.58;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px)}.base-stats-explainer b{color:#174e62}.profile-base-stats-form{position:relative;z-index:1}.profile-base-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.profile-base-stat-card{min-width:0;padding:13px;border:1px solid rgba(66,157,187,.24);background:linear-gradient(150deg,rgba(249,254,255,.66),rgba(208,239,247,.52));clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px),0 9px)}.profile-base-stat-card h3{margin:0 0 9px;color:#194c60;font-size:.88rem}.profile-base-stat-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.profile-base-stat-field{display:grid;gap:4px;min-width:0}.profile-base-stat-field>span{font-size:.60rem;font-weight:900;letter-spacing:.035em;text-transform:uppercase;color:#547987;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-base-stat-field>div{display:grid;grid-template-columns:1fr 25px;align-items:center;border:1px solid rgba(62,146,175,.28);background:rgba(249,254,255,.76);min-height:39px;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}.profile-base-stat-field input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#153f51;padding:8px 9px;font-weight:900}.profile-base-stat-field em{font-style:normal;color:#2788a7;font-size:.68rem;font-weight:950;text-align:center}.profile-base-stat-field>div:focus-within{border-color:#3bb8d7;box-shadow:inset 0 -2px #43c6e2}.base-stats-save-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:14px}.base-stats-save{min-width:220px}.base-stats-save-row .auth-message{margin:0;min-height:0}.profile-setup-section{margin-top:26px}.profile-setup-section .section-header{align-items:flex-end}.profile-setup-section .section-header>div h2{margin:3px 0 0}.profile-setup-section .section-header p{max-width:650px;line-height:1.45}.profile-setup-section .setup-list{grid-template-columns:1fr;gap:15px}
.light-theme .profile-kicker{color:#137b9b}.light-theme .base-stats-explainer{background:rgba(255,255,255,.62);color:#496e7d;border-color:rgba(62,153,183,.22)}.light-theme .base-stats-explainer b{color:#164b60}.light-theme .profile-base-stat-card{background:linear-gradient(150deg,rgba(255,255,255,.80),rgba(220,244,250,.70));border-color:rgba(57,148,178,.23)}.light-theme .profile-base-stat-card h3{color:#17485c}.light-theme .profile-base-stat-field>span{color:#557986}.light-theme .profile-base-stat-field>div{background:rgba(255,255,255,.86);border-color:rgba(53,143,173,.25)}.light-theme .profile-base-stat-field input{color:#153d4f}
@media(max-width:1280px){.profile-grid-base{grid-template-columns:350px 1fr}.profile-base-stat-fields{grid-template-columns:1fr}}
@media(max-width:1120px){.profile-grid-base{grid-template-columns:1fr}.profile-base-stat-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.profile-base-stats-grid{grid-template-columns:1fr}.profile-base-stat-fields{grid-template-columns:1fr}.base-stats-profile-head{flex-direction:column}.base-stats-save{width:100%}.profile-setup-section .section-header{align-items:flex-start;flex-direction:column}}

/* Phase 1B account credential UI */
.auth-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.auth-legacy{margin-top:2px;padding:10px 11px;border:1px solid rgba(64,145,174,.22);background:rgba(247,253,255,.45);clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px)}.auth-legacy summary{cursor:pointer;color:#416e80;font-size:.67rem;font-weight:950}.auth-legacy p{margin:7px 0;color:#67828d;font-size:.64rem;line-height:1.4}.auth-legacy-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}.auth-submit-secondary{min-width:150px;padding:11px;background:linear-gradient(180deg,#f4fbfd,#ccecf4);border-color:rgba(64,145,174,.34);box-shadow:none}.light-theme .auth-legacy{background:rgba(255,255,255,.62)}@media(max-width:640px){.auth-form-grid{grid-template-columns:1fr}.auth-legacy-row{grid-template-columns:1fr}.auth-submit-secondary{width:100%}}

/* Account recovery / verification additions */
.auth-tabs{grid-template-columns:repeat(3,1fr)}
.auth-text-button{border:0;background:transparent;color:#267d9c;font-size:.69rem;font-weight:900;cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:2px 4px;justify-self:center}
.auth-form-note{margin:0;padding:10px 12px;border:1px solid rgba(64,145,174,.20);background:rgba(247,253,255,.48);color:#587c8b;font-size:.72rem;line-height:1.5}
@media(max-width:640px){.auth-tabs{grid-template-columns:1fr}.auth-tabs .auth-tab{min-height:38px}}