:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#e9efee;background:#0a121b;font-synthesis:none;color-scheme:dark;--muted:#9aaeb7;--line:#263640;--mint:#9be9d2;--gold:#d9aa70}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--mint);outline-offset:5px}#portal{max-width:1600px;margin:auto;padding:0 5.2%}.portal-header{min-height:106px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:13px;font-size:15px;letter-spacing:.16em;font-weight:750}.brand-symbol{font-size:39px;color:var(--mint)}.brand small{display:block;font-size:9px;font-weight:500;color:var(--muted);letter-spacing:.25em;margin-top:5px}.portal-header nav{display:flex;gap:32px;color:#b5c3c9;font-size:13px}.portal-header nav a:hover,.text-link:hover{color:var(--mint)}.button{border:1px solid var(--mint);background:var(--mint);color:#102425;padding:17px 22px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;gap:24px;font-size:13px;font-weight:700;min-height:49px;line-height:1.35}.button:hover{filter:brightness(1.1)}.button span{font-size:20px}.button-small{padding:11px 18px;min-height:42px}.button-ghost{background:transparent;border-color:#44535b;color:#e2eae9}.text-link{font-size:13px;display:inline-block;padding:14px 0}.eyebrow{font-size:10px;letter-spacing:.19em;font-weight:650;color:var(--mint);margin:0 0 24px;line-height:1.7}.hero{position:relative;display:grid;grid-template-columns:1.08fr 1fr;align-items:center;padding:79px 0 85px;gap:30px;border-bottom:1px solid var(--line)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(42px,5.4vw,82px);line-height:1.06;font-weight:500;letter-spacing:-.06em;margin-bottom:27px}h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.06em;color:var(--gold)}.hero-description{max-width:465px;font-size:15px;line-height:1.9;color:var(--muted)}.actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:31px}.server-state{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:11px;color:#a9b7bf;margin:30px 0 0}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--mint);display:inline-block;margin-right:5px;box-shadow:0 0 12px #91dfb935}.live-dot.pending{background:var(--gold)}.hero-art{position:relative;min-width:0}.ship-art{display:block;width:100%;overflow:visible}.hero-art:before,.trailer-screen:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#829baf 1px,transparent 1px),radial-gradient(#446274 1px,transparent 1px);background-size:119px 131px,83px 97px;background-position:13px 9px,43px 21px;opacity:.32;pointer-events:none}.art-note{position:relative;padding-left:30px;border-left:1px solid #516b77;margin:0 0 0 21%;display:flex;flex-direction:column;gap:10px}.art-note span,.art-note small{font-size:9px;letter-spacing:.13em;color:var(--muted)}.art-note strong{font-size:16px;font-weight:450}.hero-index{position:absolute;bottom:26px;right:0;letter-spacing:.2em;font-size:8px;color:#76909c}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}.section-heading .eyebrow{margin-bottom:12px}h2{font-size:clamp(25px,2.8vw,38px);letter-spacing:-.045em;font-weight:450;line-height:1.2;margin-bottom:0}.section-heading>span{font-size:10px;color:var(--muted)}.universe-section{padding:68px 0 70px}.mode-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.mode-card{border:1px solid var(--line);border-radius:7px;overflow:hidden;transition:transform .2s,border-color .2s;background:#0e1922}.mode-card:hover{transform:translateY(-5px);border-color:#6f8f8b}.card-scene{height:178px;position:relative;overflow:hidden;background:#132731}.card-scene>span{position:absolute;bottom:14px;left:17px;font-size:8px;letter-spacing:.14em;color:#a8bbc2}.card-copy{padding:23px 19px 25px}.card-copy .eyebrow{font-size:8px;margin-bottom:13px;color:var(--gold)}h3{font-size:18px;font-weight:500;letter-spacing:-.03em;margin-bottom:14px}.card-copy h3{display:flex;justify-content:space-between;gap:8px}.card-copy h3 span{color:var(--mint)}.card-copy p{font-size:12px;line-height:1.8;color:var(--muted);min-height:64px}.card-copy small{font-size:9px;color:#9cb2b9}.planet{display:block;position:absolute;width:108px;height:108px;border-radius:100%;background:#415e65;box-shadow:inset -23px -9px #1a323f,inset 5px 1px #73928b;top:24px;left:30%}.orbit{position:absolute;width:220px;height:68px;border:1px solid #a4beab80;border-radius:50%;left:5%;top:58px;transform:rotate(-24deg)}.party-scene{display:flex;align-items:center;justify-content:center;background:#242339;gap:12px}.party-scene i{width:56px;height:70px;border:1px solid #777398;background:#35324b;display:grid;place-items:center;border-radius:8px;transform:rotate(-12deg);font-size:27px;font-style:normal;color:#c2b4e2}.party-scene i:nth-child(2){transform:translateY(-12px);color:var(--gold)}.party-scene i:nth-child(3){transform:rotate(12deg);color:var(--mint)}.football-scene{background:#153331}.football-scene .field{position:absolute;inset:20px 30px 36px;border:1px solid #6e9d8588;transform:perspective(240px) rotateX(30deg)}.football-scene .field:after{content:"";position:absolute;inset:20% 32%;border:1px solid #6e9d8588;border-radius:50%}.football-scene b{position:absolute;left:43%;top:26%;color:#e1c695;font-size:54px;text-shadow:45px 19px #749fb5,-45px -6px #d49b6b}.lab-scene{background:#29251f}.lab-scene:before{content:"";position:absolute;inset:-70px 70px;border:20px double #5f564480;transform:rotate(50deg);border-radius:50%}.lab-scene i{position:absolute;left:30%;top:14%;font-style:normal;font-size:80px;color:#9dbabc;transform:rotate(-25deg)}.lab-scene i:nth-child(2){left:61%;top:36%;font-size:40px;color:var(--gold)}.trailer-section{padding:15px 0 85px;display:grid;grid-template-columns:2.3fr 1fr;gap:60px;align-items:center}.trailer-screen{position:relative;overflow:hidden;border:1px solid #39525d;border-radius:8px;background:#101e29;min-height:410px;--progress:0%}.trailer-visual{position:absolute;right:-30px;top:-10px;width:65%;opacity:.65}.trailer-caption{position:relative;padding:45px 34px;max-width:400px;pointer-events:none}.trailer-caption h2{font-size:35px;line-height:1.1;margin-bottom:18px}.trailer-caption p{color:#a9bdc5;font-size:12px;line-height:1.8;max-width:260px}.trailer-controls{position:absolute;bottom:0;left:0;right:0;background:#0a121bbf;padding:16px 22px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}.trailer-controls>span{font-size:8px;letter-spacing:.08em;color:#adbdc3}.trailer-controls .button{font-size:11px;padding:9px 14px;min-height:39px}.trailer-progress{height:2px;background:#2c3d43;position:absolute;bottom:0;left:0;right:0}.trailer-progress i{display:block;background:var(--mint);width:var(--progress);height:100%;transition:width 1s linear}.trailer-aside h2{font-size:41px;margin-bottom:24px}.trailer-aside p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.85}.trailer-orbit{display:none;width:230px;height:230px;border:30px double #cead7299;border-radius:50%;position:absolute;top:60px;left:20px;transform:rotate(-40deg) scaleY(.65)}.trailer-ball{display:none;font-size:150px;color:var(--mint);position:absolute;top:65px;left:35px}.trailer-screen[data-shot="1"] .trailer-orbit,.trailer-screen[data-shot="2"] .trailer-ball{display:block}.trailer-screen[data-shot="2"] .ship-art{opacity:.2}.trailer-screen.playing .trailer-visual{animation:drift 7s ease-in-out infinite alternate}.portal-footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:28px 0 35px;gap:20px;color:var(--muted);font-size:10px}.portal-footer .brand{font-size:10px;letter-spacing:.1em}.skip-link{position:absolute;top:-80px;left:10px;z-index:5;background:var(--mint);color:#123;padding:14px}.skip-link:focus{top:10px}.auth-layout{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding:70px 4% 90px;align-items:center;min-height:78vh}.auth-intro h1{font-size:57px}.auth-intro>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.9;max-width:400px}.auth-intro .ship-art{max-width:320px;max-height:245px;opacity:.7}.auth-card{padding:32px;border:1px solid var(--line);background:#0e1923;border-radius:9px}.back-link{font-size:11px;color:var(--muted)}.auth-tabs{display:flex;border-bottom:1px solid var(--line);gap:26px;margin:29px 0}.auth-tabs a{font-size:13px;padding-bottom:15px;color:var(--muted)}.auth-tabs a[aria-current]{color:var(--mint);border-bottom:2px solid var(--mint)}.auth-card h2{font-size:28px;margin-bottom:16px}.auth-card p{font-size:12px;line-height:1.8;color:var(--muted)}form label{display:block;margin:20px 0;font-size:12px;color:#c2d1d7}input:not([type=radio]),textarea,select{display:block;width:100%;padding:13px;background:#0a121b;border:1px solid #344954;border-radius:5px;color:#f1f5f3;margin-top:9px;min-height:45px}form label small{display:block;margin-top:8px;font-size:10px;color:var(--muted)}form .button{width:100%}[role=status]{line-height:1.7}#auth-status,#profile-status,#logout-status{font-size:12px;color:var(--gold);min-height:24px;margin:15px 0 0}.auth-note{border-top:1px solid var(--line);padding-top:20px;margin:17px 0 0}.user-avatar{width:96px;height:96px;color:#8ce2d6}.user-avatar rect{fill:#142d35;stroke:currentColor;stroke-opacity:.3}.color-gold{color:#e6bc7c}.color-violet{color:#b6a1e1}.color-coral{color:#efa398}.nav-profile{display:flex;align-items:center;gap:10px;font-size:12px;max-width:210px}.nav-profile .user-avatar{width:34px;height:34px;flex:none}.nav-profile span{overflow:hidden;text-overflow:ellipsis}.profile-hero{padding:55px 0 44px;display:flex;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line);align-items:center}.profile-identity{display:flex;gap:24px;align-items:center;min-width:0}.profile-identity>.user-avatar{flex:none}.profile-identity h1{font-size:43px;overflow-wrap:anywhere;margin-bottom:12px}.profile-identity .eyebrow{margin-bottom:12px}.profile-identity p:not(.eyebrow){font-size:12px;color:var(--muted);max-width:520px;line-height:1.8;white-space:pre-line;overflow-wrap:anywhere;margin-bottom:8px}.profile-hero .actions{gap:12px;max-width:240px;margin:0}.profile-hero .actions .button{width:100%}.profile-columns{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;padding:35px 0 65px}.profile-panel{padding:26px;background:#0e1923;border:1px solid var(--line);border-radius:7px;margin-bottom:24px;min-width:0}.profile-panel h2{font-size:26px}.profile-panel h2 small{font-size:12px;color:var(--mint);border:1px solid var(--line);padding:4px 9px;border-radius:4px;margin-left:8px}.profile-panel .section-heading{margin-bottom:23px;align-items:start;flex-wrap:wrap}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px 15px}.stat strong{display:block;font-size:25px;font-weight:450;color:#d4e8e2;letter-spacing:-.04em}.stat>span{font-size:10px;color:var(--muted);display:block;margin-top:7px}.owned-ship{display:flex;gap:18px;align-items:center;padding:14px 0;border-top:1px solid var(--line)}.ship-thumb{width:80px;flex:none}.ship-thumb .ship-art{max-height:74px}.owned-ship h3{font-size:15px;line-height:1.8;margin-bottom:4px}.owned-ship p{font-size:11px;color:var(--muted);margin-bottom:5px}.owned-ship small{font-size:9px;color:#819ba9;overflow-wrap:anywhere}.tag{padding:4px 7px;color:var(--mint);background:#19362f;font-size:8px;white-space:nowrap;margin-left:4px;border-radius:3px}.muted,.empty-state{font-size:11px;line-height:1.85;color:var(--muted);margin:18px 0 0}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:11px;margin:27px 0}table caption{text-align:left;margin-bottom:12px;color:var(--muted)}th,td{text-align:right;padding:14px 10px;border-bottom:1px solid var(--line);font-weight:400}th:first-child{text-align:left;padding-left:0}thead th{color:var(--muted);font-size:9px}.profile-panel>h3{font-size:15px}.recent-results{padding:0;list-style:none}.recent-results li{padding:14px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;font-size:12px}.recent-results small{display:block;font-size:9px;color:var(--muted);margin-top:7px}.recent-results strong{text-align:right;color:var(--mint);font-weight:500}.identity-editor .eyebrow{margin-bottom:12px}.identity-editor #avatar-preview{text-align:center;margin-top:25px}.avatar-options{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.avatar-options label{margin:0;position:relative;cursor:pointer}.avatar-options .user-avatar{width:44px;height:44px}.avatar-options input{position:absolute;opacity:0}.avatar-options label>span{border:1px solid var(--line);border-radius:5px;padding:10px 4px;display:flex;flex-direction:column;align-items:center;gap:7px}.avatar-options small{font-size:9px}.avatar-options input:checked+span{border-color:var(--mint);background:#17332e}.avatar-options input:focus-visible+span{outline:2px solid var(--mint);outline-offset:3px}fieldset{border:0;padding:0;margin:22px 0}legend{font-size:12px;color:#c2d1d7;margin-bottom:12px}.account-settings p:not(.eyebrow){font-size:11px;color:var(--muted);line-height:1.8}.account-settings .button{width:100%;font-size:11px}.profile-loading,.error-card{min-height:55vh;padding:70px 0}.error-card h1{font-size:38px}.error-card a{margin-right:25px}.boot-message{padding:60px;color:var(--muted)}@keyframes drift{0%{transform:translate(0)}to{transform:translate(-22px,-12px)}}@media(min-width:1500px){.hero h1{font-size:83px}.hero-art .ship-art{max-height:450px}}@media(max-width:1100px){.portal-header nav{gap:18px;font-size:11px}.mode-grid{grid-template-columns:repeat(2,1fr)}.card-copy p{min-height:0}.trailer-section{gap:30px;grid-template-columns:2fr 1fr}.profile-columns{grid-template-columns:minmax(0,1fr) 280px}.stats-grid{grid-template-columns:repeat(3,1fr)}.auth-layout{gap:6%;padding-inline:0}.auth-intro h1{font-size:47px}}@media(max-width:760px){#portal{padding:0 6%}.portal-header{min-height:85px;gap:12px;flex-wrap:wrap;padding:16px 0}.portal-header .brand{font-size:12px}.portal-header nav{order:3;flex-basis:100%;justify-content:space-between;padding:8px 0 0}.brand-symbol{font-size:31px}.button-small{font-size:11px;padding:9px 13px;gap:10px}.hero{grid-template-columns:1fr;padding:48px 0 55px;gap:10px}.hero h1{font-size:58px}.hero-description{font-size:13px}.hero .eyebrow{font-size:9px}.hero-art{margin-top:15px}.hero-art .ship-art{max-height:290px}.art-note{margin:0 0 0 10%;padding-left:20px}.hero-index{bottom:15px;font-size:7px}.section-heading{align-items:start;flex-direction:column;gap:13px}.section-heading>span{font-size:9px}.universe-section{padding:43px 0}.mode-grid{gap:13px}.card-scene{height:140px}.card-copy{padding:18px 14px}.card-copy h3{font-size:16px}.card-copy p{font-size:11px}.card-copy small{font-size:8px}.card-copy .eyebrow{font-size:7px}.party-scene{gap:5px}.party-scene i{width:35px;height:52px;font-size:21px}.planet{left:24%;width:82px;height:82px;top:18px}.orbit{left:-22px;top:40px;width:190px}.football-scene b{font-size:42px;top:25%;left:38%;text-shadow:35px 10px #749fb5,-35px -4px #d49b6b}.lab-scene i{font-size:60px;left:20%}.card-scene>span{font-size:6px;left:12px}.trailer-section{grid-template-columns:1fr;gap:30px;padding-bottom:48px}.trailer-screen{min-height:415px}.trailer-caption{padding:28px 23px}.trailer-caption h2{font-size:30px}.trailer-caption p{max-width:220px}.trailer-visual{width:85%;right:-80px;top:70px;opacity:.4}.trailer-controls{padding:14px 18px;gap:10px}.trailer-aside h2{font-size:34px}.portal-footer{flex-wrap:wrap;font-size:9px;gap:17px}.auth-layout{display:block;padding:38px 0 55px}.auth-intro h1{font-size:43px}.auth-intro .ship-art{display:none}.auth-intro{margin-bottom:30px}.auth-intro>p:not(.eyebrow){font-size:12px}.auth-card{padding:23px}.auth-card h2{font-size:25px}.auth-intro .eyebrow{font-size:8px}.profile-hero{flex-direction:column;align-items:stretch;gap:24px;padding:36px 0}.profile-identity{gap:16px;align-items:start}.profile-identity>.user-avatar{width:68px;height:68px}.profile-identity h1{font-size:31px}.profile-identity .eyebrow{font-size:7px}.profile-identity p:not(.eyebrow){font-size:10px}.profile-hero .actions{max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:10px}.profile-hero .actions .button{padding:12px;font-size:10px;gap:0}.profile-columns{grid-template-columns:1fr;gap:0}.profile-panel{padding:20px}.profile-panel h2{font-size:24px}.stats-grid{grid-template-columns:repeat(3,1fr);gap:24px 12px}.stat strong{font-size:23px}.stat>span{font-size:9px}.ship-thumb{width:56px}.owned-ship{gap:8px}.owned-ship h3{font-size:13px}.profile-columns>aside{display:grid;grid-template-columns:1fr}.avatar-options{grid-template-columns:repeat(4,1fr)}.nav-profile{max-width:160px;font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}