:root { color-scheme: dark; --ink:#080b0a; --panel:#101513; --panel-hi:#141b17; --edge:#26302a; --text:#eef1e8; --muted:#8d9990; --acid:#bdff4b; --acid-dark:#6c982b; --mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace; }
html { scroll-behavior:smooth; background:var(--ink); }
body { margin:0; background:var(--ink); color:var(--text); font-family:Inter,"Segoe UI",Arial,sans-serif; }
a { color:inherit; text-decoration:none; }
button,input,textarea,select { font:inherit; }
button,a,input,textarea,select { -webkit-tap-highlight-color:transparent; }
::selection { background:var(--acid); color:#111; }
.site-shell,.admin-shell { min-height:100vh; overflow:hidden; position:relative; background:radial-gradient(ellipse at 76% 16%,rgba(134,200,69,.075),transparent 35%),radial-gradient(ellipse at 12% 57%,rgba(56,94,65,.09),transparent 38%),var(--ink); }
.grain { pointer-events:none; position:absolute; inset:0; z-index:3; opacity:.13; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.25'/%3E%3C/svg%3E"); mix-blend-mode:soft-light; }
.wrap { width:min(1200px,calc(100% - 64px)); margin-inline:auto; }
.topbar { height:84px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid rgba(191,208,194,.12); position:relative; z-index:5; }
.brand { display:flex; align-items:center; gap:10px; font-size:14px; font-weight:900; letter-spacing:.055em; }
.brand-light { color:var(--acid); }
.brand-mark { width:31px; height:31px; display:grid; place-items:center; color:var(--ink); background:var(--acid); border-radius:9px; box-shadow:0 0 24px #bdff4b25; }
.brand-beta { border-left:1px solid #344037; margin-left:4px; padding-left:11px; color:#768178; font:9px var(--mono); letter-spacing:.1em; }
.main-nav,.nav-actions { display:flex; align-items:center; gap:29px; }
.main-nav a,.admin-link { color:#a2aca4; font-size:12px; transition:color .2s; }
.main-nav a:hover,.admin-link:hover,.back-link:hover { color:var(--acid); }
.nav-actions { gap:22px; }
.admin-link { display:flex; align-items:center; gap:5px; }
.button { min-height:46px; padding:0 18px; display:inline-flex; align-items:center; justify-content:center; gap:11px; color:#11150d; background:var(--acid); border:1px solid var(--acid); border-radius:7px; font-size:12px; font-weight:800; letter-spacing:.01em; transition:transform .2s,box-shadow .2s,background .2s; }
.button:hover { transform:translateY(-2px); box-shadow:0 12px 35px #bdff4b2c; background:#ccff75; }
.button-small { min-height:37px; padding:0 13px; font-size:11px; gap:8px; }
.button-quiet { background:transparent; border-color:#333d35; color:#d6ddd4; }
.button-quiet:hover { background:#151c17; border-color:#56634e; box-shadow:none; }
.hero { min-height:600px; display:grid; grid-template-columns:1.03fr .97fr; align-items:center; gap:35px; padding:55px 0 65px; position:relative; }
.hero-copy { position:relative; z-index:2; padding-bottom:17px; }
.eyebrow,.section-kicker,.section-label,.proof-mono,.signal-strip,.feature-index,.release-channel,.empty-kicker,.empty-coordinate,.live-tag,.feature-top,.release-date,.panel-index,.panel-chip,.count-chip,.manager-foot,.admin-status,.field>span,.file-browse { font-family:var(--mono); }
.eyebrow { display:flex; align-items:center; gap:10px; color:#a8b6a8; font-size:10px; letter-spacing:.16em; }
.status-pulse { display:inline-block; flex:none; width:7px; height:7px; border-radius:50%; background:var(--acid); box-shadow:0 0 12px #bdff4b8a; animation:pulse 1.8s ease-in-out infinite; }
@keyframes pulse { 50% { opacity:.4; box-shadow:0 0 3px #bdff4b55; } }
.hero h1 { margin:22px 0 19px; font-size:clamp(56px,7.6vw,93px); line-height:.93; letter-spacing:-.075em; font-weight:760; }
.hero h1 span,.intro-grid h2 span,.release-heading h2 span,.roadmap h2 span,.admin-heading h1 span { color:var(--acid); }
.hero-lead { max-width:490px; margin:0; color:#a8b0a8; font-size:15px; line-height:1.8; }
.hero-actions { display:flex; gap:11px; flex-wrap:wrap; margin-top:28px; }
.hero-proof { display:flex; align-items:center; flex-wrap:wrap; gap:9px; margin-top:32px; color:#838f85; font-size:10px; }
.proof-icon { width:25px; height:25px; border:1px solid #2d382f; color:var(--acid); display:grid; place-items:center; border-radius:50%; }
.proof-dot { color:#4d5a4e; }
.proof-mono { color:#647167; font-size:9px; letter-spacing:.07em; }
.hero-art { height:465px; width:100%; position:relative; overflow:hidden; border:1px solid #28322a; border-radius:15px; background:radial-gradient(ellipse at 50% 52%,#152119 0%,#0c110e 49%,#090c0a 100%); box-shadow:inset 0 0 75px #0008,0 28px 70px #0005; isolation:isolate; }
.hero-art:before { content:""; position:absolute; inset:0; opacity:.37; background:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px); background-size:44px 44px; mask-image:linear-gradient(to bottom,transparent,black 18%,black 85%,transparent); }
.hero-art:after { content:""; position:absolute; inset:0; background:radial-gradient(ellipse at center,transparent 38%,#070a08b8 100%); pointer-events:none; }
.orbit { position:absolute; left:50%; top:52%; border:1px solid #d0ffa514; border-radius:50%; transform:translate(-50%,-50%) rotate(-28deg); }
.orbit-one { width:310px; height:126px; }
.orbit-two { width:390px; height:178px; transform:translate(-50%,-50%) rotate(39deg); border-color:#a9f85c11; }
.art-ring { position:absolute; top:52%; left:50%; width:385px; height:385px; transform:translate(-50%,-50%); border:1px dashed #bdff4b19; border-radius:50%; display:flex; align-items:center; justify-content:space-around; color:#6e8d61; font:9px var(--mono); letter-spacing:.13em; animation:rotate 45s linear infinite; }
@keyframes rotate { to { transform:translate(-50%,-50%) rotate(360deg); } }
.art-ring span:nth-child(2) { align-self:flex-end; margin-bottom:19px; }
.art-ring span:nth-child(3) { align-self:flex-start; margin-top:19px; }
.voxel { position:absolute; width:122px; height:112px; filter:drop-shadow(0 25px 27px #000a); transform-style:preserve-3d; }
.voxel i,.voxel b,.voxel em { position:absolute; display:block; font-style:normal; }
.voxel i { left:0; top:-53px; width:100%; height:106px; clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%); background:linear-gradient(138deg,#d5ff8a,#90d43c 48%,#669728); border:1px solid #e6ffb7; }
.voxel b { left:0; top:0; width:50%; height:100%; clip-path:polygon(0 0,100% 50%,100% 100%,0 50%); background:linear-gradient(160deg,#76a632,#35551f); }
.voxel em { right:0; top:0; width:50%; height:100%; clip-path:polygon(0 50%,100% 0,100% 50%,0 100%); background:linear-gradient(30deg,#243d1a,#527b28); }
.voxel-main { z-index:2; left:50%; top:53%; width:142px; height:129px; transform:translate(-50%,-43%) rotate(-7deg); animation:float 5.2s ease-in-out infinite; }
@keyframes float { 0%,100% { margin-top:0; } 50% { margin-top:-13px; } }
.voxel-main i { background:linear-gradient(139deg,#e2ffad,#9cde48 48%,#7eae34); box-shadow:inset 0 0 0 1px #e1ffab; }
.voxel-main b { background:linear-gradient(160deg,#7cad37,#3a5d20); }
.voxel-main em { background:linear-gradient(28deg,#2a431d,#62902f); }
.voxel-core { position:absolute; left:49px; top:17px; width:43px; height:43px; border:1px solid #edffca9c; background:linear-gradient(135deg,#d5ff8a38,#d5ff8a08); transform:rotate(45deg); box-shadow:0 0 22px #bdff4b24,inset 0 0 17px #ecffc728; }
.voxel-back { z-index:1; left:26%; top:44%; transform:scale(.61) translate(-40%,-50%) rotate(10deg); opacity:.58; filter:blur(.3px) drop-shadow(0 20px 22px #0009); }
.voxel-side { z-index:1; right:19%; top:66%; transform:scale(.48) rotate(-6deg); opacity:.45; }
.floating-label { position:absolute; z-index:4; display:flex; align-items:center; gap:9px; font:9px var(--mono); letter-spacing:.09em; color:#9caf9a; border:1px solid #72836d27; background:#0b100dce; backdrop-filter:blur(10px); border-radius:5px; padding:10px 12px; }
.floating-label strong { color:var(--acid); font-size:9px; font-weight:600; margin-left:4px; }
.label-top { top:31px; right:25px; }
.label-bottom { bottom:28px; left:24px; gap:8px; }
.tiny-dot { width:6px; height:6px; border-radius:50%; background:#bdff4b; box-shadow:0 0 9px #bdff4b; }
.label-coord { color:#77887b; font-size:8px; }
.label-bottom strong { border-left:1px solid #324034; padding-left:11px; }
.art-crosshair { position:absolute; z-index:2; width:9px; height:9px; border:1px solid #d7f8ba57; }
.crosshair-one { left:18%; top:26%; }
.crosshair-two { right:14%; bottom:23%; }
.art-scanline { position:absolute; z-index:2; left:0; right:0; height:1px; background:linear-gradient(90deg,transparent,#bdff4b33,transparent); top:60%; animation:scan 6s ease-in-out infinite; }
@keyframes scan { 0%,100% { top:30%; opacity:.15; } 50% { top:74%; opacity:.75; } }
.signal-strip { min-height:60px; border-block:1px solid #26302a; display:grid; grid-template-columns:1fr 1.15fr 1.35fr 1.4fr; align-items:center; color:#9aa69b; font-size:9px; letter-spacing:.075em; }
.signal-strip>div { display:flex; align-items:center; gap:10px; min-height:24px; border-right:1px solid #29332b; padding-left:18px; }
.signal-strip>div:first-child { padding-left:0; }
.signal-strip>div:last-child { border:0; justify-content:flex-end; }
.signal-num { color:var(--acid); font-size:9px; }
.signal-live b { color:#d3ddce; font-weight:500; }
.intro-section,.release-section { padding-top:115px; }
.section-kicker { display:flex; align-items:center; gap:16px; color:#79867c; font-size:9px; letter-spacing:.11em; }
.section-kicker .line { height:1px; flex:1; background:linear-gradient(90deg,#354036,transparent); }
.live-tag { display:flex; align-items:center; gap:8px; color:#9da99d; font-size:9px; }
.live-tag svg { color:var(--acid); }
.section-label { color:#93a08f; margin:0 0 15px; font-size:10px; letter-spacing:.11em; text-transform:uppercase; }
.intro-grid,.release-heading { display:grid; grid-template-columns:1.05fr .7fr; align-items:end; gap:70px; margin:43px 0 45px; }
.intro-grid h2,.release-heading h2,.roadmap h2 { margin:0; font-size:clamp(35px,5vw,58px); line-height:1.04; letter-spacing:-.06em; font-weight:690; }
.intro-grid h2 span,.release-heading h2 span,.roadmap h2 span { color:#93a294; }
.section-copy { max-width:440px; margin:0 0 5px; color:#96a197; font-size:13px; line-height:1.8; }
.feature-grid { display:grid; grid-template-columns:repeat(3,1fr); border:1px solid #29332b; border-radius:9px; overflow:hidden; background:#1117139c; }
.feature-card { min-height:190px; position:relative; padding:25px 25px 27px; border-right:1px solid #29332b; transition:background .25s; }
.feature-card:last-child { border:0; }
.feature-card:hover { background:#171f18; }
.feature-top { display:flex; justify-content:space-between; align-items:center; color:var(--acid); }
.feature-index { color:#657266; font-size:9px; }
.feature-card h3 { margin:27px 0 9px; font-size:17px; letter-spacing:-.02em; }
.feature-card p { max-width:310px; margin:0; color:#929d93; font-size:12px; line-height:1.7; }
.feature-rule { position:absolute; left:25px; right:25px; bottom:0; height:2px; background:linear-gradient(90deg,var(--acid),transparent 70%); transform:scaleX(0); transform-origin:left; transition:transform .3s; }
.feature-card:hover .feature-rule { transform:scaleX(1); }
.release-section { padding-top:120px; }
.release-heading { margin-bottom:38px; }
.release-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.release-card { min-height:274px; padding:23px 22px 18px; display:flex; flex-direction:column; border:1px solid #29332b; border-radius:8px; background:linear-gradient(145deg,#121814,#0e1310); transition:border-color .2s,transform .2s; }
.release-card:hover { border-color:#536842; transform:translateY(-3px); }
.release-latest { border-color:#57713b; background:linear-gradient(145deg,#172018,#101510); box-shadow:inset 0 0 45px #bdff4b08; }
.release-card-top { display:flex; justify-content:space-between; align-items:center; }
.release-channel { color:var(--acid); font-size:9px; letter-spacing:.1em; }
.release-version { color:#dce5d9; font:11px var(--mono); }
.release-card h3 { margin:25px 0 6px; font-size:18px; letter-spacing:-.035em; }
.release-date { color:#738073; font-size:9px; }
.release-notes { margin:19px 0 18px; padding:0; display:grid; gap:9px; list-style:none; color:#9eaaa0; font-size:11px; }
.release-notes li { display:flex; align-items:flex-start; gap:8px; }
.release-notes svg { flex:none; color:var(--acid); margin-top:1px; }
.release-download { min-height:42px; margin-top:auto; border-top:1px solid #2a352b; display:flex; align-items:center; gap:9px; color:var(--acid); font-size:11px; font-weight:700; }
.release-download span { color:#829184; margin-left:auto; font:9px var(--mono); font-weight:400; }
.empty-releases { min-height:165px; display:flex; align-items:center; gap:19px; padding:27px; border:1px dashed #3c4a3d; border-radius:8px; background:linear-gradient(100deg,#151d15,#0e1310 60%); }
.empty-icon { flex:none; width:44px; height:44px; border:1px solid #3c4b38; display:grid; place-items:center; color:var(--acid); border-radius:9px; background:#bdff4b0a; }
.empty-kicker { font-size:9px; color:var(--acid); letter-spacing:.1em; }
.empty-releases h3 { margin:7px 0 5px; font-size:16px; }
.empty-releases p { margin:0; color:#8f9b91; font-size:12px; line-height:1.6; }
.empty-coordinate { margin-left:auto; color:#647167; font-size:9px; white-space:nowrap; }
.roadmap { margin-top:118px; margin-bottom:112px; min-height:300px; display:grid; grid-template-columns:.85fr 1.05fr 1fr; gap:45px; align-items:center; padding:38px 0; border-block:1px solid #253029; }
.roadmap-ornament { aspect-ratio:1; max-width:240px; position:relative; display:grid; place-items:center; background:radial-gradient(circle,#172019 0,transparent 65%); }
.roadmap-orbit { position:absolute; inset:12%; border:1px solid #bedf9d25; border-radius:50%; transform:rotate(-30deg) scaleY(.38); }
.roadmap-orbit:before,.roadmap-orbit:after { content:""; position:absolute; inset:8%; border:1px solid #bddc9221; border-radius:50%; transform:rotate(53deg); }
.roadmap-orbit:after { transform:rotate(-72deg); }
.roadmap-core { width:54px; height:54px; display:grid; place-items:center; color:var(--acid); border:1px solid #9edc5538; background:#baff4b0a; border-radius:50%; box-shadow:0 0 45px #bdff4b1a; }
.roadmap-dot { position:absolute; width:7px; height:7px; border-radius:50%; background:var(--acid); box-shadow:0 0 15px #bdff4b; }
.dot-a { top:20%; right:20%; }
.dot-b { bottom:28%; left:17%; width:5px; height:5px; background:#bbcfbd; }
.roadmap-copy .section-kicker { margin-bottom:28px; }
.roadmap h2 { font-size:43px; }
.roadmap-copy>p:not(.section-label) { color:#929e94; max-width:330px; font-size:12px; line-height:1.8; margin:16px 0; }
.text-link { display:inline-flex; gap:9px; align-items:center; color:var(--acid); font-size:11px; font-weight:700; margin-top:3px; }
.roadmap-list { display:grid; border-top:1px solid #29342a; }
.roadmap-list>div { min-height:62px; display:grid; grid-template-columns:34px 1fr 18px; gap:10px; align-items:center; border-bottom:1px solid #29342a; }
.roadmap-list span { color:var(--acid); font:9px var(--mono); }
.roadmap-list p { margin:0; color:#c0c8bf; font-size:12px; }
.roadmap-list b { color:#798679; font:14px var(--mono); }
.footer { min-height:88px; display:flex; align-items:center; gap:27px; border-top:1px solid #26302a; color:#7c887f; font-size:10px; }
.footer .brand { color:var(--text); margin-right:auto; }
.footer>a:not(.brand) { display:flex; align-items:center; gap:7px; color:#a0ac9f; }
.footer-copy { font:9px var(--mono); color:#606d63; }

/* Admin control room */
.admin-top { height:76px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #26302a; position:relative; z-index:5; }
.back-link { display:flex; align-items:center; gap:8px; font-size:11px; color:#a0aaa0; }
.admin-page { position:relative; z-index:1; padding:49px 0 100px; }
.admin-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:35px; margin:38px 0 43px; }
.admin-heading h1 { margin:0; font-size:clamp(46px,6vw,74px); line-height:.95; letter-spacing:-.075em; }
.admin-heading>div>p:last-child { margin:15px 0 0; color:#929d93; font-size:12px; }
.admin-status { display:flex; align-items:center; gap:9px; padding:11px 13px; border:1px solid #334036; border-radius:6px; color:#8e9c8e; font-size:9px; letter-spacing:.06em; }
.admin-status b { color:var(--acid); font-weight:500; }
.admin-grid { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(350px,.95fr); gap:15px; align-items:start; }
.upload-card,.release-manager { min-width:0; padding:25px; border:1px solid #2b362d; border-radius:9px; background:linear-gradient(150deg,#131a15,#0e1310); }
.release-manager { padding:25px 21px; }
.panel-title { display:flex; align-items:center; justify-content:space-between; gap:15px; }
.panel-title>div { display:flex; align-items:center; gap:12px; }
.panel-index { color:var(--acid); font-size:9px; }
.panel-title h2 { margin:0; font-size:16px; letter-spacing:-.025em; }
.panel-chip,.count-chip { display:flex; align-items:center; gap:7px; color:#9cab9a; font-size:9px; }
.panel-chip svg { color:var(--acid); }
.count-chip { justify-content:center; width:30px; height:27px; border:1px solid #334036; border-radius:5px; color:var(--acid); }
.panel-desc { margin:12px 0 24px; color:#89958b; font-size:11px; line-height:1.65; }
.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px 12px; }
.field { min-width:0; display:grid; gap:8px; }
.field-wide { grid-column:1/-1; }
.field>span { color:#a9b4aa; font-size:9px; letter-spacing:.05em; }
.field>span i { color:var(--acid); font-style:normal; }
.field input,.field textarea,.field select { width:100%; color:#e9eee6; background:#0b100d; border:1px solid #303b32; border-radius:5px; outline:0; padding:11px 12px; font-size:11px; transition:border .2s,box-shadow .2s; }
.field select { cursor:pointer; }
.field input:focus,.field textarea:focus,.field select:focus { border-color:#88ba46; box-shadow:0 0 0 3px #bdff4b0d; }
.field input::placeholder,.field textarea::placeholder { color:#536056; }
.field textarea { resize:vertical; min-height:112px; line-height:1.55; }
.file-drop { min-height:71px; margin-top:17px; padding:12px; border:1px dashed #445345; border-radius:6px; display:flex; align-items:center; gap:12px; cursor:pointer; background:#0d130f; transition:border-color .2s,background .2s; }
.file-drop:hover { border-color:#a1d856; background:#121911; }
.file-drop input { position:absolute; opacity:0; pointer-events:none; width:1px; height:1px; }
.file-drop:focus-within { outline:2px solid #bdff4b8a; outline-offset:2px; }
.file-icon { width:35px; height:35px; display:grid; place-items:center; border-radius:5px; background:#bdff4b13; color:var(--acid); }
.file-copy { display:grid; gap:5px; }
.file-copy strong { font-size:11px; font-weight:650; }
.file-copy small { color:#7d8a7f; font-size:9px; }
.file-browse { display:flex; gap:5px; align-items:center; margin-left:auto; padding:8px 9px; border:1px solid #344036; border-radius:4px; color:#c8d1c8; font-size:9px; white-space:nowrap; }
.admin-notice { padding:11px 12px; margin:15px 0 0; border:1px solid #354834; border-radius:5px; display:flex; align-items:center; gap:9px; font-size:10px; line-height:1.5; }
.notice-ok { color:#c5eaa3; background:#a5d74e0b; }
.notice-error { color:#ffb2a7; background:#ff67510b; border-color:#613a33; }
.upload-submit { width:100%; margin-top:17px; border-radius:5px; }
.upload-submit:disabled,.icon-button:disabled { opacity:.62; cursor:wait; }
.spin { animation:spin 1.3s linear infinite; }
@keyframes spin { to { transform:rotate(360deg); } }
.manager-state { min-height:160px; display:flex; justify-content:center; align-items:center; gap:10px; color:#94a092; font-size:11px; }
.manager-empty { min-height:190px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:11px; border:1px dashed #39453a; border-radius:6px; text-align:center; padding:24px; }
.manager-empty .empty-icon { margin-bottom:4px; }
.manager-empty strong { font-size:12px; }
.manager-empty>span:last-child { color:#829084; font-size:10px; line-height:1.6; }
.manager-list { display:grid; }
.manager-row { min-height:91px; display:grid; grid-template-columns:85px minmax(0,1fr) 31px 31px; align-items:center; gap:7px; padding:12px 0; border-bottom:1px solid #29342b; }
.manager-row:first-child { border-top:1px solid #29342b; }
.manager-version { display:grid; grid-template-columns:7px 1fr; align-items:center; gap:7px; color:#d6e0d5; font:10px var(--mono); }
.manager-version small { grid-column:2; color:#879589; font-size:8px; }
.channel-dot { width:6px; height:6px; border-radius:50%; background:var(--acid); }
.channel-dot[data-channel="stable"] { background:#80c9ff; }
.manager-info { min-width:0; display:grid; gap:5px; }
.manager-info strong,.manager-info span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.manager-info strong { font-size:10px; font-weight:600; }
.manager-info span { color:#849186; font-size:9px; }
.manager-info .hash { color:#647269; font:8px var(--mono); }
.icon-button { width:30px; height:30px; display:grid; place-items:center; border:1px solid #344036; border-radius:5px; background:transparent; color:#bdc7bb; cursor:pointer; }
.icon-button:hover { color:var(--acid); border-color:#819b68; }
.danger-button:hover { color:#ff9588; border-color:#975447; }
.manager-foot { display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; margin-top:17px; color:#6f7e72; font-size:8px; letter-spacing:.05em; }
.manager-foot>span:first-child { display:flex; align-items:center; gap:7px; }
.manager-foot .status-pulse { width:5px; height:5px; }

@media (max-width:900px) {
  .wrap { width:min(100% - 40px,760px); }
  .hero { min-height:auto; grid-template-columns:1fr 1fr; gap:15px; padding:70px 0; }
  .hero-art { height:400px; }
  .hero h1 { font-size:clamp(51px,8vw,75px); }
  .main-nav { gap:17px; }
  .signal-strip { grid-template-columns:1fr 1fr; padding:10px 0; row-gap:10px; }
  .signal-strip>div:nth-child(2) { border-right:0; }
  .signal-strip>div:nth-child(3) { padding-left:0; }
  .signal-strip>div:last-child { justify-content:flex-start; }
  .intro-grid,.release-heading { gap:32px; }
  .roadmap { grid-template-columns:.5fr 1fr 1fr; gap:22px; }
  .admin-grid { grid-template-columns:1fr; }
}
@media (max-width:650px) {
  .wrap { width:calc(100% - 34px); }
  .topbar { height:70px; }
  .main-nav,.nav-actions .button { display:none; }
  .nav-actions { gap:0; }
  .brand-beta { font-size:8px; }
  .hero { grid-template-columns:1fr; padding:64px 0 48px; gap:30px; }
  .hero h1 { font-size:clamp(56px,14vw,78px); }
  .hero-lead { font-size:13px; }
  .hero-art { height:340px; }
  .art-ring { width:300px; height:300px; }
  .voxel-main { transform:translate(-50%,-43%) scale(.84) rotate(-7deg); }
  .signal-strip { font-size:8px; grid-template-columns:1fr 1fr; gap:9px 0; }
  .signal-strip>div { padding-left:8px; gap:7px; }
  .signal-strip>div:nth-child(odd) { padding-left:0; }
  .signal-strip>div:nth-child(even) { border:0; }
  .intro-section,.release-section { padding-top:80px; }
  .intro-grid,.release-heading { grid-template-columns:1fr; gap:18px; margin:29px 0 29px; }
  .intro-grid h2,.release-heading h2 { font-size:39px; }
  .section-copy { font-size:12px; }
  .feature-grid,.release-grid { grid-template-columns:1fr; }
  .feature-card { min-height:162px; border-right:0; border-bottom:1px solid #29332b; }
  .feature-card h3 { margin-top:18px; }
  .release-card { min-height:250px; }
  .empty-releases { align-items:flex-start; padding:21px 17px; }
  .empty-coordinate { display:none; }
  .roadmap { margin:74px auto; grid-template-columns:1fr; gap:14px; padding:34px 0; }
  .roadmap-ornament { max-width:190px; justify-self:center; }
  .roadmap-copy .section-kicker { margin-bottom:22px; }
  .roadmap h2 { font-size:39px; }
  .roadmap-list { margin-top:12px; }
  .footer { padding:18px 0; min-height:0; display:grid; grid-template-columns:1fr 1fr; gap:15px 10px; }
  .footer .brand { margin:0; }
  .footer>span:nth-child(2) { grid-column:1/-1; grid-row:2; }
  .footer>a:not(.brand) { justify-self:end; font-size:9px; }
  .footer-copy { justify-self:end; }
  .admin-top { height:68px; }
  .admin-page { padding-top:35px; }
  .admin-heading { flex-direction:column; align-items:flex-start; margin:30px 0 27px; gap:20px; }
  .admin-heading h1 { font-size:58px; }
  .admin-heading>div>p:last-child { max-width:360px; line-height:1.6; }
  .upload-card,.release-manager { padding:19px 16px; }
  .panel-title h2 { font-size:14px; }
  .form-grid { gap:14px 9px; }
  .field input,.field textarea,.field select { padding:10px; }
  .file-drop { gap:8px; padding:9px; }
  .file-copy strong { font-size:10px; }
  .file-copy small { font-size:8px; }
  .file-browse { padding:7px 6px; font-size:8px; }
  .manager-foot { flex-direction:column; }
}
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; } }

.admin-nav-actions { display:flex; align-items:center; gap:20px; }
.logout-link { border:0; background:transparent; font:inherit; cursor:pointer; }
.logout-link:disabled { opacity:.55; }
.login-wrap { padding-top:48px; padding-bottom:100px; }
.admin-login-card { width:min(100%,500px); margin:50px auto 0; padding:36px; border:1px solid #344034; border-radius:18px; background:linear-gradient(145deg,#111912,#0c110d); box-shadow:0 30px 90px #0007; }
.login-icon { width:45px; height:45px; display:grid; place-items:center; margin-bottom:25px; color:#ceff69; border:1px solid #53623a; border-radius:13px; background:#c8ff6312; }
.admin-login-card h1 { margin:12px 0 13px; font-size:clamp(43px,7vw,61px); line-height:.98; letter-spacing:-.065em; }
.admin-login-card h1 span { color:#d0ff72; }
.login-copy { margin:0 0 26px; color:#a3ada0; font-size:13px; line-height:1.7; }
.admin-login-card .field { display:grid; gap:9px; }
.admin-login-card .upload-submit { width:100%; justify-content:center; margin-top:20px; }
.login-secure { display:flex; align-items:center; justify-content:center; gap:8px; margin-top:20px; color:#788377; font-size:10px; letter-spacing:.03em; }
@media (max-width:650px) { .admin-nav-actions { gap:12px; } .admin-nav-actions .back-link { font-size:9px; } .login-wrap { padding-top:30px; } .admin-login-card { margin-top:30px; padding:24px 19px; } }

.login-card { width:min(100%,500px); margin:50px auto 0; padding:36px; border:1px solid #344034; border-radius:12px; background:linear-gradient(145deg,#111912,#0c110d); box-shadow:0 30px 90px #0007; }
.login-mark { width:45px; height:45px; display:grid; place-items:center; margin-bottom:25px; color:#ceff69; border:1px solid #53623a; border-radius:13px; background:#c8ff6312; }
.login-card h1.admin-heading { display:block; margin:12px 0 13px; font-size:clamp(43px,7vw,61px); line-height:.98; letter-spacing:-.065em; }
.login-card h1.admin-heading span,.admin-heading-row h1 span { color:var(--acid); }
.login-copy { margin:0 0 26px; color:#a3ada0; font-size:13px; line-height:1.7; }
.login-form { display:grid; gap:15px; }
.login-submit { width:100%; margin-top:6px; }
.login-card>.back-link { justify-content:center; margin-top:24px; }
.admin-heading-row { display:flex; justify-content:space-between; align-items:flex-end; gap:25px; margin:38px 0 30px; }
.admin-heading-row h1.admin-heading { display:block; margin:12px 0 0; font-size:clamp(46px,6vw,74px); line-height:.95; letter-spacing:-.075em; }
.password-card { margin-top:16px; padding:25px; border:1px solid #2b362d; border-radius:9px; background:linear-gradient(150deg,#131a15,#0e1310); }
.password-card .panel-desc { margin-bottom:18px; }
.password-card .upload-submit { max-width:260px; }
.password-card .button-quiet { color:#d6ddd4; }
@media (max-width:650px) { .login-card { margin-top:30px; padding:24px 19px; } .admin-heading-row { align-items:flex-start; flex-direction:column; margin:30px 0 27px; gap:15px; } .admin-heading-row h1.admin-heading { font-size:58px; } .password-card { padding:19px 16px; } .password-card .form-grid { grid-template-columns:1fr; } .password-card .field-wide { grid-column:auto; } }

/* Better PMMP light-blue identity */
:root { --ink:#07111b; --panel:#0c1a27; --panel-hi:#102234; --edge:#1c3447; --text:#edf7ff; --muted:#91a9bb; --acid:#72caff; --acid-dark:#2677a8; }
::selection { background:#72caff; color:#07111b; }
.site-shell,.admin-shell { background:radial-gradient(ellipse at 70% 8%,#12314a 0,transparent 42%),#07111b; }
.grain { opacity:.11; }
.brand-mark,.button { background:#72caff; border-color:#72caff; color:#07111b; }
.hero-art { filter:hue-rotate(30deg) saturate(.9); }
.signal-strip,.feature-grid,.feature-card,.release-card,.release-latest,.empty-releases,.roadmap,.upload-card,.release-manager,.password-card,.login-card,.admin-login-card,.plugin-review,.plugin-submit-card,.plugin-card { border-color:#1f4057; }
.feature-card,.release-card,.upload-card,.release-manager,.password-card,.login-card,.admin-login-card,.plugin-submit-card,.plugin-review { background:linear-gradient(145deg,#102437,#091722); }
.empty-releases { background:linear-gradient(100deg,#102437,#091722 65%); }
.release-latest { box-shadow:inset 0 0 45px #72caff0a; }
.roadmap { border-color:#1c3447; }
.intro-grid h2 span,.release-heading h2 span,.roadmap h2 span { color:#9ab7cc; }
.release-download,.text-link,.admin-link:hover,.main-nav a:hover,.back-link:hover { color:#72caff; }
.field input,.field textarea,.field select { color:#edf7ff; background:#08141e; border-color:#244158; }
.field input:focus,.field textarea:focus,.field select:focus { border-color:#58b6eb; box-shadow:0 0 0 3px #72caff14; }
.file-drop { border-color:#2b516b; background:#0a1925; }
.file-drop:hover { border-color:#72caff; background:#102437; }
.file-icon,.empty-icon { color:#72caff; background:#72caff12; border-color:#2d5875; }
.status-pulse { background:#72caff; box-shadow:0 0 12px #72caff8a; }
.brand-light,.hero h1 span,.admin-heading h1 span,.login-card h1.admin-heading span { color:#72caff; }
.plugin-grid { margin-top:28px; }
.plugin-card { overflow:hidden; border:1px solid #244158; border-radius:9px; background:linear-gradient(145deg,#102437,#091722); transition:transform .2s,border-color .2s; }
.plugin-card:hover { transform:translateY(-3px); border-color:#448ab2; }
.plugin-image { width:100%; height:165px; object-fit:cover; background:#0c1a27; }
.plugin-image-empty { display:grid; place-items:center; color:#72caff; font-size:34px; }
.plugin-card-body { padding:18px; }
.plugin-author { color:#72caff; font:9px var(--mono); letter-spacing:.1em; }
.plugin-card h3 { margin:12px 0 8px; font-size:18px; }
.plugin-card-body>p { min-height:55px; margin:0 0 12px; color:#a9bfd0; font-size:11px; line-height:1.7; white-space:pre-wrap; }
.plugin-submit-card { margin-top:36px; padding:28px; display:grid; grid-template-columns:.75fr 1.25fr; gap:35px; border:1px solid #244158; border-radius:10px; background:linear-gradient(145deg,#102437,#0a1925); }
.plugin-submit-card h2 { margin:0; font-size:clamp(25px,3vw,34px); letter-spacing:-.04em; }
.plugin-submit-card>div>p:last-child { max-width:300px; color:#9bb0c1; font-size:12px; line-height:1.7; }
.plugin-form { display:grid; grid-template-columns:1fr 1fr; gap:14px 12px; }
.plugin-form .file-drop { margin:0; }
.plugin-form-message { grid-column:1/-1; margin:0; min-height:20px; color:#9bddff; font-size:11px; }
.plugin-review { margin-top:20px; padding:25px; border:1px solid #1d374b; border-radius:9px; background:linear-gradient(150deg,#102232,#091722); }
.plugin-review-list { display:grid; }
.plugin-review-row { display:flex; justify-content:space-between; align-items:flex-start; gap:18px; padding:17px 0; border-top:1px solid #1d374b; }
.plugin-review-copy { display:grid; gap:7px; min-width:0; }
.plugin-review-copy strong { font-size:12px; }
.plugin-review-copy strong small { margin-left:8px; color:#72caff; font:8px var(--mono); }
.plugin-review-copy>span,.plugin-review-copy p { color:#9bb0c1; font-size:10px; line-height:1.6; }
.plugin-review-copy p { margin:0; }
.plugin-review-image { max-width:150px; max-height:90px; object-fit:cover; border-radius:5px; }
.plugin-review-actions { display:flex; align-items:center; gap:8px; }
.plugins-hero { padding:105px 0 45px; }
.plugins-hero h1 { margin:25px 0 15px; font-size:clamp(56px,8vw,92px); line-height:.94; letter-spacing:-.075em; }
.plugins-hero h1 span { color:#72caff; }
.plugins-hero .hero-lead { max-width:650px; }
.plugins-section { padding-top:28px; }
@media(max-width:900px) { .plugin-submit-card { grid-template-columns:1fr; gap:15px; } .plugin-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:650px) { .plugins-hero { padding:64px 0 30px; } .plugin-grid,.plugin-form { grid-template-columns:1fr; } .plugin-submit-card,.plugin-review { padding:19px 16px; } .plugin-review-row { flex-direction:column; } .plugin-review-actions { align-self:flex-end; } }

