:root {
  --ink: #080a0a;
  --ink-2: #0d1010;
  --panel: #111515;
  --paper: #f3f0e6;
  --muted: #a7ada7;
  --line: #414746;
  --lime: #c8ff2e;
  --blue: #2457ff;
  --cyan: #3ee6e0;
  --danger: #ff4f3e;
  --shadow: 7px 7px 0 #000;
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { width: 100%; max-width: 100%; overflow-x: hidden; scroll-behavior: smooth; scroll-padding-top: 112px; }
body { margin: 0; overflow-x: hidden; color: var(--paper); background: var(--ink); font-family: "Space Grotesk", Arial, sans-serif; font-size: 16px; line-height: 1.55; letter-spacing: -.015em; -webkit-font-smoothing: antialiased; }
body.modal-open { overflow: hidden; }
h1, h2, h3, strong, button, .arcade-button { font-family: "Syne", "Space Grotesk", sans-serif; }
h1, h2, h3 { overflow-wrap: break-word; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
svg { display: block; max-width: 100%; }
mark { color: inherit; background: none; }
::selection { color: var(--ink); background: var(--lime); }
main, header, footer { width: 100%; max-width: 100%; }
.hero > *, .hub-profile > *, .command-layout > *, .developer-card > *, .republic-card > * { min-width: 0; }

.screen-grid { position: fixed; inset: 0; z-index: -4; pointer-events: none; opacity: .22; background-image: linear-gradient(rgba(200,255,46,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(200,255,46,.08) 1px, transparent 1px); background-size: 64px 64px; mask-image: linear-gradient(to bottom, black, transparent 62%); }
.noise-layer { position: fixed; inset: 0; z-index: -3; pointer-events: none; opacity: .13; background-image: radial-gradient(var(--paper) .6px, transparent .7px); background-size: 7px 7px; mix-blend-mode: overlay; }
.cursor-block { position: fixed; z-index: -2; width: 280px; height: 280px; pointer-events: none; opacity: .07; background: var(--lime); filter: blur(70px); transform: translate(-50%,-50%); }
.page-shell { width: min(1360px, calc(100% - 64px)); margin-inline: auto; }
.section-block { padding-block: 120px; }

.site-header { position: fixed; z-index: 100; top: 14px; left: 0; width: 100%; padding-inline: 14px; }
.header-frame { position: relative; width: min(1510px, 100%); min-height: 94px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 24px; margin-inline: auto; padding: 15px 24px; border: 1px solid var(--paper); background: rgba(8,10,10,.94); clip-path: polygon(16px 0, calc(100% - 16px) 0, 100% 16px, 100% calc(100% - 16px), calc(100% - 16px) 100%, 16px 100%, 0 calc(100% - 16px), 0 16px); backdrop-filter: blur(12px); transition: min-height .2s ease, background .2s ease; }
.site-header.scrolled .header-frame { min-height: 82px; background: rgba(8,10,10,.98); }
.brand { width: max-content; display: inline-flex; align-items: center; gap: 13px; }
.brand-symbol { width: 59px; height: 59px; display: grid; place-items: center; }
.brand-symbol svg { width: 100%; height: 100%; overflow: visible; }
.brand-symbol .moon { fill: var(--lime); }
.brand-symbol .pad { fill: var(--ink); stroke: var(--paper); stroke-width: 3; stroke-linejoin: round; }
.brand-symbol .pad-line { fill: none; stroke: var(--lime); stroke-width: 2.5; stroke-linecap: square; }
.brand-words { display: flex; flex-direction: column; line-height: .75; }
.brand-words strong { font-size: 1.35rem; font-weight: 800; letter-spacing: -.06em; }
.brand-words small { margin-top: 8px; font-family: "Syne", sans-serif; font-size: .92rem; font-weight: 800; letter-spacing: .24em; }
.main-nav { display: flex; align-items: center; gap: 22px; }
.main-nav a { position: relative; padding: 13px 0; font-family: "Syne", sans-serif; font-size: .76rem; font-weight: 800; letter-spacing: .035em; text-transform: uppercase; }
.main-nav a::after { position: absolute; right: 0; bottom: 5px; left: 0; height: 3px; content: ""; background: var(--lime); transform: scaleX(0); transform-origin: right; transition: transform .16s ease; }
.main-nav a:hover::after { transform: scaleX(1); transform-origin: left; }
.main-nav i { position: relative; width: 15px; height: 15px; opacity: .55; }
.main-nav i::before, .main-nav i::after { position: absolute; content: ""; background: var(--paper); }
.main-nav i::before { top: 7px; left: 0; width: 15px; height: 1px; }
.main-nav i::after { top: 0; left: 7px; width: 1px; height: 15px; }
.header-actions { justify-self: end; display: flex; align-items: center; gap: 12px; }
.arcade-button { min-height: 56px; display: inline-flex; align-items: center; justify-content: center; gap: 12px; padding: 0 25px; border: 0; cursor: pointer; font-size: .78rem; font-weight: 800; letter-spacing: .015em; clip-path: polygon(8px 0, calc(100% - 15px) 0, 100% 15px, 100% calc(100% - 8px), calc(100% - 8px) 100%, 8px 100%, 0 calc(100% - 8px), 0 8px); transition: transform .14s ease, filter .14s ease; }
.arcade-button:hover { transform: translate(-3px,-3px); filter: brightness(1.08); }
.arcade-button:active { transform: translate(2px,2px); }
.arcade-button svg { width: 22px; height: 22px; fill: currentColor; }
.lime-button { color: var(--ink); background: var(--lime); box-shadow: var(--shadow); }
.blue-button { color: white; background: var(--blue); box-shadow: 6px 6px 0 var(--paper); }
.black-button { color: var(--lime); background: var(--ink); box-shadow: 6px 6px 0 var(--blue); }
.menu-toggle { display: none; width: 52px; height: 52px; padding: 0; border: 1px solid var(--paper); color: var(--paper); background: var(--ink); cursor: pointer; }
.menu-toggle span { display: block; width: 22px; height: 3px; margin: 5px auto; background: currentColor; transition: transform .16s ease; }

.hero { min-height: 840px; display: grid; grid-template-columns: minmax(0,.94fr) minmax(0,1.06fr); align-items: center; gap: clamp(38px,4.5vw,72px); padding-top: 138px; padding-bottom: 54px; }
.hero-copy { position: relative; z-index: 2; padding-left: 42px; }
.hero-copy::before { position: absolute; top: 58px; bottom: 90px; left: 0; width: 15px; content: ""; opacity: .27; background-image: radial-gradient(var(--paper) 1.2px, transparent 1.4px); background-size: 6px 6px; }
.system-label { width: max-content; display: flex; align-items: center; gap: 12px; padding: 11px 14px; color: var(--blue); border: 1px solid var(--blue); font-family: "Syne", sans-serif; font-size: .71rem; font-weight: 800; letter-spacing: .07em; }
.system-label i { width: 7px; height: 7px; background: var(--blue); box-shadow: 0 0 0 3px rgba(36,87,255,.2); }
.crosshair { position: relative; width: 22px; height: 22px; border: 1px solid currentColor; border-radius: 50%; }
.crosshair::before, .crosshair::after { position: absolute; content: ""; background: currentColor; }
.crosshair::before { top: 10px; left: -5px; width: 30px; height: 1px; }
.crosshair::after { top: -5px; left: 10px; width: 1px; height: 30px; }
.hero h1 { max-width: 610px; margin: 20px 0; font-size: clamp(2.85rem,3.75vw,4.2rem); line-height: .98; letter-spacing: -.04em; font-weight: 800; }
.hero h1 mark { display: inline-block; margin-top: 8px; padding: 5px 20px 8px 12px; color: var(--ink); background: var(--lime); line-height: 1; clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 0 100%); }
.hero-copy > p { max-width: 520px; margin: 0; color: var(--muted); font-size: .84rem; line-height: 1.68; }
.hero-actions { display: flex; align-items: center; gap: 34px; margin-top: 31px; }
.text-action { min-height: 52px; display: inline-flex; align-items: center; gap: 24px; border-bottom: 1px dashed var(--paper); font-family: "Syne", sans-serif; font-size: .73rem; font-weight: 800; letter-spacing: .035em; }
.text-action b { font-size: 1.2rem; }
.micro-benefits { display: flex; align-items: center; gap: 18px; margin-top: 28px; color: var(--muted); font-size: .66rem; font-weight: 700; letter-spacing: .06em; }
.micro-benefits i { width: 7px; height: 7px; background: var(--lime); }

.game-hub { position: relative; min-height: 650px; display: grid; place-items: center; }
.game-hub::before { position: absolute; inset: 8% -5%; content: ""; opacity: .2; background-image: linear-gradient(rgba(200,255,46,.23) 1px, transparent 1px), linear-gradient(90deg, rgba(200,255,46,.23) 1px, transparent 1px); background-size: 56px 56px; mask-image: radial-gradient(circle, black 20%, transparent 72%); }
.hub-shadow { position: absolute; z-index: 1; width: min(650px,92%); height: 610px; border: 2px solid var(--paper); transform: translate(13px,13px); 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); }
.hub-window { position: relative; z-index: 2; width: min(650px,92%); min-height: 610px; overflow: hidden; border: 2px solid var(--paper); background: var(--ink-2); 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); }
.hub-titlebar { height: 64px; display: flex; align-items: center; justify-content: space-between; padding: 0 28px; color: white; background: var(--blue); }
.hub-titlebar strong { font-size: .84rem; letter-spacing: .04em; }
.hub-titlebar div { display: flex; gap: 20px; font-size: 1.3rem; }
.hub-profile { display: grid; grid-template-columns: 105px 1fr auto; align-items: center; gap: 23px; padding: 25px 35px 18px; }
.hub-logo { position: relative; width: 95px; height: 95px; display: grid; place-items: center; border: 2px solid var(--paper); border-radius: 50%; }
.hub-logo::before { position: absolute; width: 55px; height: 55px; content: ""; border: 14px solid var(--lime); border-top-color: transparent; border-right-color: transparent; border-radius: 50%; transform: rotate(-30deg); }
.hub-logo span { position: relative; z-index: 2; font-family: "Syne", sans-serif; font-size: 2.4rem; font-weight: 800; }
.hub-logo i { position: absolute; right: 6px; bottom: 8px; width: 13px; height: 13px; background: var(--lime); box-shadow: 0 0 0 4px var(--ink); }
.hub-profile h2 { margin: 0; font-size: 1.23rem; letter-spacing: -.04em; }
.hub-profile h2 small { margin-left: 8px; padding: 3px 5px; color: white; background: var(--blue); font-size: .53rem; letter-spacing: .04em; }
.hub-profile p { margin: 9px 0 0; color: var(--muted); font-size: .82rem; line-height: 1.55; }
.target-icon { position: relative; width: 35px; height: 35px; border: 1px solid var(--paper); border-radius: 50%; }
.target-icon::before, .target-icon::after { position: absolute; content: ""; background: var(--paper); }.target-icon::before{top:16px;left:-7px;width:47px;height:1px}.target-icon::after{top:-7px;left:16px;width:1px;height:47px}
.hub-rule { margin-inline: 35px; border-top: 1px dashed var(--muted); }
.game-menu { display: grid; gap: 9px; padding: 18px 35px; }
.game-menu button { min-height: 76px; display: grid; grid-template-columns: 67px 1fr auto 18px; align-items: center; gap: 16px; padding: 0 16px 0 0; color: var(--paper); border: 1px solid var(--line); background: #0b0e0e; text-align: left; cursor: pointer; clip-path: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px); transition: border-color .15s ease, transform .15s ease; }
.game-menu button:hover { border-color: var(--lime); transform: translateX(5px); }
.game-menu button.selected { border-color: var(--lime); background: rgba(200,255,46,.07); box-shadow: inset 4px 0 0 var(--lime); }
.game-icon { align-self: stretch; display: grid; place-items: center; border-right: 1px solid var(--blue); background: #101414; }
.game-icon svg { width: 32px; height: 32px; fill: none; stroke: var(--paper); stroke-width: 1.8; stroke-linecap: square; stroke-linejoin: round; }
.game-menu button > span:nth-child(2) { display: flex; flex-direction: column; }
.game-menu button strong { font-family: "Space Grotesk", sans-serif; font-size: 1.02rem; }
.game-menu button small { margin-top: 3px; color: var(--muted); font-size: .68rem; }
.game-menu button > b { color: var(--blue); font-size: .67rem; letter-spacing: .06em; }.game-menu button:nth-child(2)>b{color:var(--lime)}.game-menu button:nth-child(3)>b{color:var(--paper)}
.game-menu button > i { font-style: normal; font-size: 1.8rem; }
.hub-play { min-height: 74px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 16px; margin: 0 35px 25px; padding: 0 18px; color: var(--ink); background: var(--lime); box-shadow: 7px 7px 0 #000; font-family: "Syne", sans-serif; font-size: 1.25rem; font-weight: 800; clip-path: polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px); transition: transform .15s ease; }
.hub-play:hover { transform: translate(-3px,-3px); }
.hub-play > span { font-size: 1.6rem; }
.sword-mark svg { width: 29px; height: 29px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: square; }
.hub-play > b { width: 45px; height: 45px; display: grid; place-items: center; color: var(--lime); background: var(--ink); }
.online-sticker { position: absolute; z-index: 4; top: 164px; right: -5px; display: flex; align-items: center; gap: 10px; padding: 11px 17px; color: var(--lime); border: 3px solid var(--paper); background: var(--ink); box-shadow: 6px 6px 0 #000; font-family: "Syne", sans-serif; font-size: 1.05rem; font-weight: 800; transform: rotate(4deg); }
.online-sticker i { width: 9px; height: 9px; background: var(--lime); animation: blink 1.1s steps(2) infinite; }

.status-strip { width: calc(100% - 28px); min-height: 97px; display: grid; grid-template-columns: .92fr .8fr 1.45fr; margin: 0 auto; border: 1px solid var(--paper); background: var(--ink-2); clip-path: polygon(13px 0,calc(100% - 13px) 0,100% 13px,100% calc(100% - 13px),calc(100% - 13px) 100%,13px 100%,0 calc(100% - 13px),0 13px); }
.status-cell { display: flex; align-items: center; justify-content: center; gap: 17px; padding: 18px 28px; border-left: 1px dashed var(--line); }
.status-cell:first-child { border-left: 0; }
.status-cell strong { font-size: 1.12rem; letter-spacing: -.03em; }.status-cell strong em{font-style:normal;font-size:1.7rem}.status-cell small{font-family:"Syne",sans-serif;font-size:.7rem;font-weight:800;letter-spacing:.08em}
.online-status > i { width: 29px; height: 29px; border-radius: 50%; background: var(--lime); }
.online-status .crosshair { color: var(--blue); }
.signal { display: flex; gap: 3px; }
.signal b { width: 14px; height: 10px; border: 1px solid var(--muted); }.signal b:nth-child(-n+4){border-color:var(--lime);background:var(--lime)}
.command-glyph { width: 31px; height: 31px; display: grid; place-items: center; color: white; background: var(--blue); font-family: "Syne", sans-serif; font-size: 1.15rem; font-weight: 800; }.status-cell:nth-child(2)>strong{font-size:1.25rem}.status-cell:nth-child(2)>strong em{font-size:2rem}
.globe { position: relative; width: 31px; height: 31px; border: 2px solid var(--blue); border-radius: 50%; }.globe::before{position:absolute;inset:5px 9px;content:"";border:1px solid var(--blue);border-block:0}.globe::after{position:absolute;top:14px;left:0;width:27px;height:1px;content:"";background:var(--blue)}
.categories strong { font-family: "Space Grotesk", sans-serif; font-size: .75rem; letter-spacing: .08em; }.categories strong i{display:inline-block;width:5px;height:5px;margin:0 8px;background:var(--lime);vertical-align:middle}

.section-head { display: flex; align-items: end; justify-content: space-between; gap: 70px; margin-bottom: 65px; }
.section-head > div { flex: 1; }
.section-head > p { max-width: 510px; margin: 0 0 8px; color: var(--muted); line-height: 1.75; }
.section-code { margin: 0 0 17px; color: var(--blue); font-family: "Syne", sans-serif; font-size: .65rem; font-weight: 800; letter-spacing: .13em; }
.section-head h2, .command-intro h2, .final-cta h2 { margin: 0; font-size: clamp(2.25rem,3.2vw,3.65rem); line-height: 1; letter-spacing: -.035em; font-weight: 800; }
.section-head h2 mark, .command-intro h2 mark { color: var(--lime); }

.feature-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 13px; }
.feature-card { position: relative; min-height: 330px; overflow: hidden; padding: 28px 28px 92px; border: 1px solid var(--line); background: var(--ink-2); clip-path: polygon(13px 0,100% 0,100% calc(100% - 13px),calc(100% - 13px) 100%,0 100%,0 13px); transition: transform .16s ease, border-color .16s ease; }
.feature-card:hover { transform: translateY(-7px); border-color: var(--lime); }
.feature-card::after { position: absolute; right: -35px; bottom: -35px; width: 115px; height: 115px; content: ""; opacity: .08; background-image: radial-gradient(var(--paper) 1.5px,transparent 1.7px); background-size: 7px 7px; transform: rotate(10deg); }
.feature-card.multiplayer { grid-column: auto; }
.card-index { position: absolute; top: 27px; right: 27px; color: var(--line); font-family: "Syne",sans-serif; font-size: .72rem; font-weight: 800; }
.feature-icon { width: 58px; height: 58px; display: grid; place-items: center; color: var(--lime); border: 1px solid currentColor; background: rgba(200,255,46,.04); }
.feature-icon svg { width: 27px; height: 27px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: square; stroke-linejoin: round; }
.feature-card:nth-child(even) .feature-icon { color: var(--blue); background: rgba(36,87,255,.06); }
.feature-card h3 { margin: 30px 0 10px; font-size: 1rem; line-height: 1.25; letter-spacing: -.02em; }
.feature-card p { max-width: 420px; margin: 0; color: var(--muted); font-size: .78rem; line-height: 1.7; }
.bar-chart,.rarity-row,.path-row,.trade-row,.game-codes { position: absolute; bottom: 25px; left: 28px; display: flex; align-items: end; gap: 6px; }
.bar-chart i { width: 11px; height: 18px; background: var(--lime); }.bar-chart i:nth-child(2){height:30px}.bar-chart i:nth-child(3){height:23px}.bar-chart i:nth-child(4){height:42px}.bar-chart i:nth-child(5){height:52px}
.rarity-row span,.path-row span { padding: 5px 8px; border: 1px solid var(--blue); color: var(--blue); font-family:"Syne",sans-serif;font-size:.5rem;font-weight:800}.rarity-row span:nth-child(2),.path-row span:nth-child(3){color:var(--lime);border-color:var(--lime)}.rarity-row span:nth-child(3){color:var(--paper);border-color:var(--paper)}
.path-row{align-items:center}.path-row b{color:var(--muted)}
.trade-row span { width: 31px; height: 31px; display: grid; place-items: center; color: var(--ink); background: var(--lime); font-family:"Syne",sans-serif;font-size:.7rem;font-weight:800}.trade-row span:last-child{color:white;background:var(--blue)}.trade-row b{color:var(--muted)}
.game-codes span { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid var(--blue); color: var(--paper); font-family:"Syne",sans-serif;font-size:.57rem;font-weight:800}

.republic-section { padding-top: 40px; }
.republic-card { min-height: 560px; display: grid; grid-template-columns: .82fr 1.18fr; overflow: hidden; border: 2px solid var(--paper); background: var(--ink-2); box-shadow: 11px 11px 0 var(--blue); clip-path: polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px); }
.republic-visual { position: relative; min-height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; overflow: hidden; color: white; border-right: 2px solid var(--paper); background: var(--blue); }
.republic-grid { position: absolute; inset: 0; opacity: .22; background-image: linear-gradient(var(--paper) 1px,transparent 1px),linear-gradient(90deg,var(--paper) 1px,transparent 1px); background-size: 48px 48px; }
.republic-visual::before { position: absolute; inset: 34px; content: ""; border: 1px solid rgba(255,255,255,.5); clip-path: polygon(13px 0,100% 0,100% calc(100% - 13px),calc(100% - 13px) 100%,0 100%,0 13px); }
.republic-emblem { position: relative; z-index: 2; width: 220px; height: 220px; display: grid; place-items: center; border: 3px solid var(--paper); background: var(--ink); box-shadow: 13px 13px 0 var(--lime); transform: rotate(-4deg); }
.republic-emblem svg { position: absolute; width: 145px; height: 145px; fill: none; stroke: var(--lime); stroke-width: 2.4; stroke-linecap: square; stroke-linejoin: round; opacity: .72; }
.republic-emblem span { position: relative; z-index: 2; font-family: "Syne",sans-serif; font-size: 3.5rem; font-weight: 800; letter-spacing: -.08em; }
.republic-visual > b { position: relative; z-index: 2; margin-top: 55px; padding: 8px 12px; color: var(--ink); background: var(--lime); font-size: .58rem; letter-spacing: .11em; }
.republic-copy { display: flex; flex-direction: column; justify-content: center; padding: 62px clamp(35px,5vw,82px); }
.republic-copy h3 { margin: 0; font-size: clamp(2.1rem,2.75vw,3.2rem); line-height: 1; letter-spacing: -.035em; }
.republic-copy > p:not(.section-code) { max-width: 680px; margin: 22px 0 0; color: var(--muted); font-size: .9rem; line-height: 1.75; }
.republic-benefits { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin: 31px 0; }
.republic-benefits > div { min-height: 118px; display: grid; grid-template-columns: 34px 1fr; align-content: start; gap: 12px; padding: 16px; border: 1px solid var(--line); background: #0b0e0e; }
.republic-benefits > div > b { width: 31px; height: 31px; display: grid; place-items: center; color: var(--ink); background: var(--lime); font-size: .55rem; }
.republic-benefits span { min-width: 0; display: flex; flex-direction: column; }
.republic-benefits strong { font-size: .61rem; line-height: 1.35; letter-spacing: .025em; overflow-wrap: anywhere; }
.republic-benefits small { margin-top: 6px; color: var(--muted); font-size: .58rem; line-height: 1.5; }
.republic-copy .arcade-button { align-self: flex-start; }

.commands-section { position: relative; overflow: hidden; color: var(--ink); background: var(--paper); }
.commands-section::before { position: absolute; inset: 0; content: ""; opacity: .15; background-image: linear-gradient(var(--ink) 1px,transparent 1px),linear-gradient(90deg,var(--ink) 1px,transparent 1px);background-size:50px 50px;mask-image:linear-gradient(90deg,black,transparent 65%)}
.command-layout { position: relative; display: grid; grid-template-columns: .68fr 1.32fr; align-items: center; gap: 85px; }
.command-intro .section-code { color: var(--blue); }
.command-intro h2 mark { color: var(--blue); }
.command-intro > p:not(.section-code) { max-width: 430px; color: #5d6261; line-height: 1.75; }
.command-tabs { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 29px; }
.command-tabs button { min-height: 41px; padding: 0 14px; border: 1px solid var(--ink); color: var(--ink); background: transparent; font-family:"Syne",sans-serif;font-size:.58rem;font-weight:800;cursor:pointer}.command-tabs button.active{color:var(--ink);background:var(--lime);box-shadow:4px 4px 0 var(--ink)}
.command-terminal { overflow: hidden; border: 2px solid var(--ink); background: var(--ink); box-shadow: 10px 10px 0 var(--blue); clip-path: polygon(13px 0,100% 0,100% calc(100% - 13px),calc(100% - 13px) 100%,0 100%,0 13px); }
.terminal-bar { min-height: 58px; display: flex; align-items: center; justify-content: space-between; padding: 0 21px; color: white; background: var(--blue); }
.terminal-bar strong { font-size: .71rem; letter-spacing: .07em; }.terminal-bar span{display:flex;align-items:center;gap:8px;font-size:.57rem;font-weight:700;letter-spacing:.08em}.terminal-bar i{width:7px;height:7px;background:var(--lime)}
.terminal-search { height: 61px; display: flex; align-items: center; gap: 11px; margin: 18px; padding: 0 15px; border: 1px solid var(--line); background: #0c1010; }
.terminal-search svg { width: 19px; height: 19px; fill: none; stroke: var(--lime); stroke-width: 1.8; }
.terminal-search input { min-width: 0; flex: 1; color: var(--paper); border: 0; outline: 0; background: transparent; font-family:"Space Grotesk",sans-serif;font-size:.72rem;letter-spacing:.06em}.terminal-search input::placeholder{color:#6f7572}
.terminal-search kbd { padding: 4px 8px; border: 1px solid var(--line); color: var(--muted); font-size: .6rem; }
.command-list { max-height: 520px; overflow-y: auto; overscroll-behavior: contain; padding: 0 18px; scrollbar-width: thin; scrollbar-color: var(--lime) transparent; }
.command-item { width: 100%; min-height: 59px; display: grid; grid-template-columns: 165px 1fr auto; align-items: center; gap: 14px; padding: 0 12px; border: 0; border-bottom: 1px dashed var(--line); color: var(--muted); background: transparent; text-align: left; cursor: pointer; }.command-item:hover{color:var(--paper);background:rgba(200,255,46,.05)}
.command-item code { color: var(--lime); font-family:"Space Grotesk",monospace;font-size:.75rem;font-weight:700}.command-item span{font-size:.7rem}.command-item b{color:var(--blue)}
.empty-command { padding: 25px; color: var(--lime); text-align: center; font-family:"Space Grotesk",monospace;font-size:.7rem;letter-spacing:.06em}
.terminal-foot { min-height: 49px; display: flex; align-items: center; justify-content: space-between; padding: 0 20px; color: #6f7572; border-top: 1px solid var(--line); font-size: .53rem; font-weight: 700; letter-spacing: .07em; }

.mission-track { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr; align-items: center; gap: 12px; }
.mission-track > i { color: var(--blue); font-style: normal; font-size: 1.8rem; }
.mission { position: relative; min-height: 270px; padding: 25px; border: 1px solid var(--line); background: var(--ink-2); clip-path: polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px); }
.mission > span { position: absolute; top: 24px; right: 24px; color: var(--line); font-family:"Syne",sans-serif;font-size:.65rem;font-weight:800}
.mission-symbol { width: 58px; height: 58px; display: grid; place-items: center; margin-bottom: 46px; color: var(--lime); border: 1px solid var(--lime); font-family:"Syne",sans-serif;font-size:.72rem;font-weight:800;box-shadow:5px 5px 0 rgba(200,255,46,.12)}
.mission:nth-of-type(even) .mission-symbol { color: var(--blue); border-color: var(--blue); box-shadow:5px 5px 0 rgba(36,87,255,.15)}
.mission h3 { margin: 0 0 11px; font-size: .9rem; line-height: 1.3; }.mission p{margin:0;color:var(--muted);font-size:.72rem;line-height:1.65}.mission code{color:var(--lime)}

.developer-section { position: relative; color: var(--ink); background: var(--lime); }
.developer-section::after { position: absolute; right: 0; bottom: 0; width: 40%; height: 100%; content: ""; opacity: .08; background-image: radial-gradient(var(--ink) 2px,transparent 2.2px);background-size:10px 10px;clip-path:polygon(35% 0,100% 0,100% 100%,0 100%)}
.developer-section .section-code { color: var(--blue); }
.developer-section .section-head > p { color: #39403a; }
.developer-section .section-head h2 mark { color: var(--blue); }
.developer-card { position: relative; z-index: 2; display: grid; grid-template-columns: 230px 1fr 320px; align-items: center; gap: 45px; min-height: 340px; padding: 39px 45px; border: 2px solid var(--ink); background: var(--paper); box-shadow: 10px 10px 0 var(--blue); clip-path: polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px); }
.dev-avatar { position: relative; display: flex; flex-direction: column; align-items: center; }
.dev-avatar > span { width: 150px; height: 150px; display: grid; place-items: center; color: var(--ink); border: 2px solid var(--ink); background: var(--lime); box-shadow: 8px 8px 0 var(--blue); font-family:"Syne",sans-serif;font-size:2rem;font-weight:800;clip-path:polygon(13px 0,100% 0,100% calc(100% - 13px),calc(100% - 13px) 100%,0 100%,0 13px)}
.dev-avatar > i { position: absolute; top: 126px; right: 35px; width: 19px; height: 19px; border: 4px solid var(--paper); background: var(--lime); box-shadow:0 0 0 2px var(--ink)}
.dev-avatar > b { margin-top: 19px; font-size: .56rem; letter-spacing: .11em; }.dev-avatar>b::before{display:inline-block;width:7px;height:7px;margin-right:8px;content:"";background:#3ecb70}
.dev-info > p { margin: 0 0 10px; color: var(--blue); font-family:"Syne",sans-serif;font-size:.61rem;font-weight:800;letter-spacing:.13em}.dev-info h3{margin:0 0 13px;font-size:clamp(1.85rem,2.8vw,3rem);line-height:1.04;letter-spacing:-.04em}.dev-info>span{display:block;max-width:550px;color:#5c625e;font-size:.8rem;line-height:1.7}.dev-info>div{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}.dev-info small{padding:6px 9px;border:1px solid var(--ink);font-family:"Space Grotesk",sans-serif;font-size:.5rem;font-weight:700}
.dev-links { display: grid; gap: 10px; }
.social-link { min-height: 78px; display: grid; grid-template-columns: 47px 1fr auto; align-items: center; gap: 12px; padding: 12px 15px; border: 1px solid var(--ink); background: white; transition: transform .15s ease,box-shadow .15s ease}.social-link:hover{transform:translate(-4px,-4px);box-shadow:6px 6px 0 var(--ink)}
.social-link>span{width:47px;height:47px;display:grid;place-items:center;color:white;background:var(--blue)}.social-link.instagram>span{background:var(--ink)}.social-link svg{width:22px;height:22px}.discord svg{fill:currentColor}.instagram svg{fill:none;stroke:currentColor;stroke-width:1.8}.social-link>div{display:flex;flex-direction:column}.social-link strong{font-size:.73rem}.social-link small{margin-top:3px;color:#626862;font-size:.55rem;font-weight:700;letter-spacing:.04em}.social-link>b{font-size:1rem}

.final-cta { position: relative; min-height: 500px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; overflow: hidden; margin-block: 115px; padding: 65px 8%; border: 2px solid var(--paper); background: var(--blue); box-shadow: 11px 11px 0 var(--lime); clip-path: polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px); }
.cta-pattern { position: absolute; inset: 0; opacity: .18; background-image: linear-gradient(var(--paper) 1px,transparent 1px),linear-gradient(90deg,var(--paper) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(90deg,transparent,black)}
.final-cta::after { position: absolute; right: 5%; width: 260px; height: 260px; content: "M"; display:grid;place-items:center;border:3px solid var(--lime);color:var(--lime);font-family:"Syne",sans-serif;font-size:9rem;font-weight:800;transform:rotate(7deg);box-shadow:14px 14px 0 rgba(0,0,0,.3)}
.final-cta > *:not(.cta-pattern) { position: relative; z-index: 2; }
.final-cta > p { margin: 0 0 15px; color: var(--lime); font-family:"Syne",sans-serif;font-size:.67rem;font-weight:800;letter-spacing:.16em}.final-cta h2 mark{color:var(--lime)}.final-cta>span{margin-top:21px;color:#dce3ff}.final-cta .arcade-button{margin-top:29px}

.site-footer { border-top: 1px solid var(--line); background: var(--ink-2); }
.footer-main { min-height: 155px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 40px; }
.footer-main .brand-symbol { width: 48px; height: 48px; }.footer-main .brand-words strong{font-size:1rem}.footer-main .brand-words small{font-size:.7rem}
.footer-main nav { display: flex; gap: 28px; }.footer-main nav a{font-family:"Syne",sans-serif;font-size:.6rem;font-weight:800}.footer-main nav a:hover{color:var(--lime)}
.footer-add { justify-self: end; padding-bottom: 5px; border-bottom: 2px solid var(--lime); color: var(--lime); font-family:"Syne",sans-serif;font-size:.65rem;font-weight:800}
.footer-bottom { min-height: 62px; display: flex; align-items: center; justify-content: space-between; border-top: 1px dashed var(--line); color: #6c736e; font-size: .56rem; font-weight: 700; letter-spacing: .08em; }

.modal-backdrop { position: fixed; inset: 0; z-index: 300; display: grid; place-items: center; padding: 20px; opacity: 0; background: rgba(0,0,0,.84); backdrop-filter: blur(9px); transition: opacity .2s ease; }
.modal-backdrop.is-visible { opacity: 1; }
.welcome-modal { position: relative; width: min(960px,100%); min-height: 570px; display: grid; grid-template-columns: .8fr 1.2fr; overflow: hidden; border: 2px solid var(--paper); background: var(--ink); box-shadow: 12px 12px 0 var(--blue); clip-path: polygon(17px 0,100% 0,100% calc(100% - 17px),calc(100% - 17px) 100%,0 100%,0 17px); transform:translateY(22px) scale(.98);transition:transform .24s ease;outline:0}
.modal-backdrop.is-visible .welcome-modal { transform:translateY(0) scale(1) }
.modal-close { position: absolute; z-index: 4; top: 14px; right: 14px; width: 42px; height: 42px; border: 1px solid var(--paper); color: var(--paper); background: var(--ink); cursor: pointer; font-family:"Syne",sans-serif;font-size:1.3rem}
.modal-art { position: relative; overflow: hidden; display: flex; flex-direction: column; align-items: center; justify-content: center; border-right: 2px solid var(--ink); color: var(--ink); background: var(--lime); }
.modal-art::before { position: absolute; inset: 0; content:"";opacity:.18;background-image:radial-gradient(var(--ink) 1.5px,transparent 1.6px);background-size:8px 8px;mask-image:linear-gradient(to bottom,black,transparent)}
.modal-art>p{position:absolute;top:26px;left:27px;margin:0;font-family:"Syne",sans-serif;font-size:.63rem;font-weight:800;line-height:1.35;letter-spacing:.09em}.modal-emblem{position:relative;width:165px;height:165px;display:grid;place-items:center;border:3px solid var(--ink);background:var(--blue);box-shadow:12px 12px 0 var(--ink);transform:rotate(-5deg)}.modal-emblem span{color:white;font-family:"Syne",sans-serif;font-size:4rem;font-weight:800}.modal-emblem i{position:absolute;right:8px;bottom:8px;width:22px;height:22px;border:5px solid var(--blue);background:var(--lime);box-shadow:0 0 0 2px var(--ink)}.pixel-row{display:flex;gap:5px;margin-top:38px}.pixel-row i{width:22px;height:8px;border:1px solid var(--ink)}.pixel-row i:nth-child(-n+4){background:var(--ink)}.modal-art>b{margin-top:14px;font-size:.6rem;letter-spacing:.1em}
.modal-content { padding: 63px 58px 45px; }.modal-content .section-code{margin-bottom:18px}.modal-content h2{margin:0;font-size:clamp(2.15rem,3.25vw,3.25rem);line-height:.98;letter-spacing:-.045em}.modal-content h2 mark{color:var(--lime)}.modal-content>p:not(.section-code){margin:20px 0;color:var(--muted);font-size:.78rem;line-height:1.7}.modal-content ul{display:grid;gap:8px;margin:0 0 24px;padding:0;list-style:none}.modal-content li{display:flex;align-items:center;gap:12px;color:var(--paper);font-size:.66rem;font-weight:700;letter-spacing:.04em}.modal-content li b{width:28px;height:25px;display:grid;place-items:center;color:var(--ink);background:var(--lime);font-size:.53rem}.modal-invite{width:100%}.modal-later{width:100%;margin-top:13px;padding:9px;border:0;color:var(--muted);background:transparent;cursor:pointer;font-size:.59rem;font-weight:700;letter-spacing:.08em}.modal-later:hover{color:var(--lime)}
.toast { position: fixed; z-index: 350; right: 23px; bottom: 23px; max-width: min(410px,calc(100% - 46px)); display: flex; align-items: center; gap: 12px; padding: 14px 17px; opacity: 0; border: 1px solid var(--paper); background: var(--ink); box-shadow: 6px 6px 0 var(--lime); pointer-events: none; transform:translateY(14px);transition:.2s ease}.toast.show{opacity:1;transform:translateY(0)}.toast>b{width:27px;height:27px;display:grid;place-items:center;color:var(--ink);background:var(--lime);font-family:"Syne",sans-serif}.toast p{margin:0;color:var(--muted);font-size:.7rem;line-height:1.45}
.reveal { opacity: 0; transform: translateY(24px); transition: opacity .55s ease,transform .55s ease; }.reveal.is-visible{opacity:1;transform:translateY(0)}

@keyframes blink { 50% { opacity:.2 } }

@media (max-width: 1130px) {
  .header-frame { grid-template-columns: 1fr auto; clip-path: none; }
  .main-nav { position: absolute; top: calc(100% + 8px); right: 0; left: 0; display: none; flex-direction: column; align-items: stretch; gap: 0; padding: 13px; border: 1px solid var(--paper); background: var(--ink); box-shadow: 7px 7px 0 #000; }
  .main-nav.open { display: flex; }
  .main-nav a { padding: 14px; }
  .main-nav i { display: none; }
  .menu-toggle { display: block; }
  .menu-toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(8px) rotate(45deg); }
  .menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
  .menu-toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }
  .header-actions .lime-button { display: none; }
}

@media (max-width: 1180px) {
  .page-shell { width: min(100% - 48px, 1360px); }
  .section-block { padding-block: 102px; }

  .hero { min-height: 760px; grid-template-columns: minmax(0, .94fr) minmax(0, 1.06fr); gap: clamp(26px, 3vw, 42px); padding-top: 126px; padding-bottom: 42px; text-align: left; }
  .hero-copy { padding-left: 14px; }
  .hero-copy::before { display: none; }
  .system-label, .hero h1, .hero-copy > p { margin-inline: 0; }
  .hero h1 { max-width: 100%; font-size: clamp(2.45rem, 3.9vw, 3.2rem); line-height: .98; }
  .hero-copy > p { font-size: .9rem; }
  .hero-actions { gap: 20px; }
  .micro-benefits { gap: 12px; }

  .game-hub { width: 100%; min-height: 570px; margin: 0; }
  .hub-shadow { width: 100%; height: 540px; }
  .hub-window { width: 100%; min-height: 540px; }
  .hub-titlebar { height: 54px; padding-inline: 20px; }
  .hub-profile { grid-template-columns: 82px minmax(0, 1fr) auto; gap: 16px; padding: 18px 22px 13px; }
  .hub-logo { width: 76px; height: 76px; }
  .hub-logo::before { width: 45px; height: 45px; border-width: 11px; }
  .hub-logo span { font-size: 1.9rem; }
  .hub-profile h2 { font-size: 1rem; }
  .hub-profile p { margin-top: 6px; font-size: .7rem; }
  .hub-rule { margin-inline: 22px; }
  .game-menu { gap: 7px; padding: 14px 22px; }
  .game-menu button { min-height: 62px; grid-template-columns: 56px minmax(0, 1fr) auto 14px; gap: 12px; }
  .game-icon svg { width: 27px; height: 27px; }
  .game-menu button strong { font-size: .88rem; }
  .game-menu button small { font-size: .59rem; }
  .hub-play { min-height: 60px; margin: 0 22px 20px; font-size: .95rem; }
  .hub-play > b { width: 38px; height: 38px; }
  .online-sticker { top: 125px; right: -3px; padding: 8px 12px; border-width: 2px; font-size: .78rem; }

  .feature-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .republic-card { grid-template-columns: .9fr 1.1fr; }
  .republic-benefits { grid-template-columns: 1fr; }
  .republic-benefits > div { min-height: 82px; }
  .command-layout { grid-template-columns: 1fr; gap: 55px; }
  .command-intro { text-align: center; }
  .command-intro > p:not(.section-code) { margin-inline: auto; }
  .command-tabs { justify-content: center; }
  .mission-track { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
  .mission-track > i { display: none; }
  .developer-card { grid-template-columns: 190px 1fr; }
  .dev-links { grid-column: 1 / -1; grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 981px) and (max-height: 820px) {
  .hero { min-height: 720px; padding-top: 112px; padding-bottom: 28px; }
  .hero h1 { margin-block: 18px; font-size: clamp(2.4rem, 3.35vw, 3.45rem); }
  .hero-copy > p { line-height: 1.6; }
  .hero-actions { margin-top: 22px; }
  .micro-benefits { margin-top: 20px; }
  .game-hub { min-height: 550px; }
  .hub-shadow { height: 525px; }
  .hub-window { min-height: 525px; }
  .hub-titlebar { height: 52px; }
  .hub-profile { padding-top: 15px; padding-bottom: 10px; }
  .game-menu { padding-block: 11px; }
  .game-menu button { min-height: 59px; }
  .hub-play { min-height: 56px; margin-bottom: 16px; }
}

@media (max-width: 980px) {
  .hero { grid-template-columns: 1fr; min-height: 0; padding-top: 150px; text-align: center; }
  .hero-copy { padding-left: 0; }
  .system-label, .hero h1, .hero-copy > p { margin-inline: auto; }
  .hero h1 { max-width: 650px; font-size: clamp(2.4rem, 5vw, 3.35rem); }
  .hero-actions, .micro-benefits { justify-content: center; }
  .game-hub { width: min(720px, 100%); margin: 22px auto 0; }
  .feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
  .page-shell { width: min(100% - 40px, 1360px); }
  .status-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .categories { grid-column: 1 / -1; border-top: 1px dashed var(--line); border-left: 0; }
  .categories strong { line-height: 1.5; text-align: center; overflow-wrap: anywhere; }
  .republic-card { grid-template-columns: 1fr; }
  .republic-visual { min-height: 390px; border-right: 0; border-bottom: 2px solid var(--paper); }
  .developer-card { grid-template-columns: 1fr; text-align: center; }
  .dev-info > span { margin-inline: auto; }
  .dev-info > div { justify-content: center; }
  .dev-links { grid-column: auto; }
}

@media (max-width: 760px) {
  html { scroll-padding-top: 88px; }
  body { width: 100%; max-width: 100%; overflow-x: hidden; font-size: 15px; }
  main { overflow-x: hidden; }
  .page-shell { width: calc(100% - 32px); max-width: 100%; }
  .section-block { padding-block: 78px; }

  .site-header { position: sticky; top: 0; padding: 8px; background: var(--ink); }
  .header-frame, .site-header.scrolled .header-frame { width: 100%; min-height: 66px; padding: 9px 11px; clip-path: none; }
  .brand { gap: 8px; }
  .brand-symbol { width: 40px; height: 40px; }
  .brand-words strong { font-size: .84rem; }
  .brand-words small { margin-top: 6px; font-size: .55rem; }
  .menu-toggle { width: 42px; height: 42px; }
  .main-nav { top: calc(100% + 4px); max-height: calc(100vh - 88px); overflow-y: auto; }

  .hero { width: calc(100% - 32px); gap: 28px; padding-top: 30px; padding-bottom: 48px; text-align: left; }
  .hero-copy { width: 100%; max-width: 100%; }
  .system-label { width: fit-content; max-width: 100%; gap: 9px; margin: 0; padding: 9px 11px; font-size: .54rem; letter-spacing: .045em; white-space: nowrap; }
  .system-label .crosshair { width: 18px; height: 18px; flex: 0 0 18px; }
  .system-label .crosshair::before { top: 8px; left: -4px; width: 24px; }
  .system-label .crosshair::after { top: -4px; left: 8px; height: 24px; }
  .hero h1 { width: 100%; max-width: 100%; margin: 17px 0 15px; font-size: clamp(1.8rem, 7vw, 2.3rem); line-height: 1; letter-spacing: -.032em; overflow-wrap: normal; }
  .hero h1 mark { display: block; width: fit-content; max-width: 100%; margin-top: 7px; padding: 6px 13px 8px 9px; font-size: .78em; line-height: 1; text-align: left; white-space: nowrap; clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 0 100%); }
  .hero-copy > p { max-width: 100%; margin: 0; font-size: .9rem; line-height: 1.68; }
  .hero-actions { align-items: stretch; justify-content: flex-start; flex-direction: column; gap: 14px; margin-top: 25px; }
  .hero-actions .arcade-button { width: 100%; }
  .text-action { width: max-content; max-width: 100%; min-height: 42px; }
  .micro-benefits { justify-content: flex-start; flex-wrap: wrap; gap: 9px; margin-top: 23px; font-size: .53rem; }
  .micro-benefits i { width: 5px; height: 5px; }

  .game-hub { min-height: 500px; margin-top: 6px; }
  .hub-shadow { display: none; }
  .hub-window { width: 100%; min-height: 474px; clip-path: polygon(11px 0, calc(100% - 11px) 0, 100% 11px, 100% calc(100% - 11px), calc(100% - 11px) 100%, 11px 100%, 0 calc(100% - 11px), 0 11px); }
  .hub-titlebar { height: 48px; padding-inline: 14px; }
  .hub-titlebar strong { font-size: .62rem; }
  .hub-titlebar div { gap: 9px; font-size: .85rem; }
  .hub-profile { grid-template-columns: 64px minmax(0, 1fr); gap: 12px; padding: 16px 14px 11px; }
  .hub-logo { width: 61px; height: 61px; }
  .hub-logo::before { width: 36px; height: 36px; border-width: 9px; }
  .hub-logo span { font-size: 1.5rem; }
  .hub-logo i { width: 9px; height: 9px; }
  .hub-profile h2 { font-size: .78rem; }
  .hub-profile h2 small { font-size: .38rem; }
  .hub-profile p { font-size: .59rem; }
  .target-icon { display: none; }
  .hub-rule { margin-inline: 14px; }
  .game-menu { gap: 7px; padding: 12px 14px; }
  .game-menu button { min-width: 0; min-height: 62px; grid-template-columns: 50px minmax(0, 1fr) auto 10px; gap: 8px; padding-right: 8px; }
  .game-icon svg { width: 24px; height: 24px; }
  .game-menu button strong { font-size: .78rem; }
  .game-menu button small { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .53rem; }
  .game-menu button > b { font-size: .47rem; }
  .game-menu button > i { font-size: 1.1rem; }
  .hub-play { min-height: 58px; margin: 0 14px 14px; font-size: .8rem; }
  .hub-play > span { font-size: 1rem; }
  .hub-play > b { width: 36px; height: 36px; }
  .online-sticker { top: 89px; right: -2px; padding: 7px 10px; border-width: 2px; font-size: .66rem; }

  .status-strip { width: calc(100% - 16px); grid-template-columns: 1fr; }
  .status-cell { min-height: 64px; gap: 10px; padding: 11px 14px; border-top: 1px dashed var(--line); border-left: 0; }
  .status-cell:first-child { border-top: 0; }
  .categories { grid-column: auto; }
  .online-status .crosshair, .signal { display: none; }
  .online-status > i { width: 17px; height: 17px; }
  .status-cell strong { font-size: .82rem; }
  .status-cell strong em { font-size: 1.35rem; }
  .status-cell small { font-size: .53rem; }
  .categories strong { font-size: .54rem; }
  .categories .globe { width: 24px; height: 24px; }

  .section-head { display: block; margin-bottom: 38px; }
  .section-head > p { margin-top: 19px; font-size: .86rem; }
  .section-code { font-size: .55rem; }
  .section-head h2, .command-intro h2, .final-cta h2 { max-width: 100%; font-size: clamp(1.5rem, 5.8vw, 1.9rem); line-height: 1.04; letter-spacing: -.025em; }
  .feature-grid { grid-template-columns: 1fr; gap: 11px; }
  .feature-card { min-height: 280px; padding: 23px; }
  .feature-card h3 { margin-top: 29px; }

  .republic-section { padding-top: 10px; }
  .republic-card { grid-template-columns: 1fr; box-shadow: 7px 7px 0 var(--blue); }
  .republic-visual { min-height: 300px; }
  .republic-emblem { width: 140px; height: 140px; box-shadow: 8px 8px 0 var(--lime); }
  .republic-emblem svg { width: 92px; height: 92px; }
  .republic-emblem span { font-size: 2.35rem; }
  .republic-visual > b { margin-top: 32px; }
  .republic-copy { padding: 36px 20px; }
  .republic-copy h3 { max-width: 100%; font-size: clamp(1.55rem, 6vw, 2rem); line-height: 1.04; }
  .republic-copy > p:not(.section-code) { font-size: .8rem; }
  .republic-benefits { grid-template-columns: 1fr; margin-block: 24px; }
  .republic-benefits > div { min-height: 82px; }
  .republic-copy .arcade-button { width: 100%; padding-inline: 14px; font-size: .61rem; }
  .arcade-button { height: auto; padding-block: 13px; line-height: 1.35; text-align: center; }

  .command-layout { gap: 36px; }
  .command-tabs { flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; padding: 0 3px 10px; scrollbar-width: thin; scroll-snap-type: x proximity; }
  .command-tabs button { flex: 0 0 auto; scroll-snap-align: start; }
  .command-terminal { max-width: 100%; clip-path: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px); box-shadow: 6px 6px 0 var(--blue); }
  .terminal-bar { padding-inline: 11px; }
  .terminal-bar strong { font-size: .54rem; }
  .terminal-bar span { font-size: .43rem; }
  .terminal-search { margin: 11px; }
  .command-list { max-height: 600px; padding-inline: 11px; }
  .command-item { min-height: 84px; grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: auto auto; gap: 7px 12px; padding: 12px 7px; }
  .command-item code { min-width: 0; font-size: .68rem; overflow-wrap: anywhere; }
  .command-item span { grid-column: 1 / -1; font-size: .59rem; line-height: 1.45; }
  .command-item b { align-self: start; font-size: .48rem; }
  .terminal-foot { gap: 10px; padding-inline: 11px; font-size: .42rem; }

  .mission-track { grid-template-columns: 1fr; }
  .mission { min-height: 214px; }
  .mission-symbol { margin-bottom: 28px; }
  .developer-card { gap: 28px; padding: 27px 18px; box-shadow: 7px 7px 0 var(--blue); }
  .dev-avatar > span { width: 118px; height: 118px; }
  .dev-avatar > i { top: 97px; right: calc(50% - 60px); }
  .dev-info > span { font-size: .76rem; }
  .dev-links { grid-template-columns: 1fr; text-align: left; }
  .social-link:hover { transform: translateY(-3px); }

  .final-cta { min-height: 470px; margin-block: 72px; padding: 40px 21px; box-shadow: 7px 7px 0 var(--lime); }
  .final-cta::after { right: -68px; bottom: -48px; width: 175px; height: 175px; font-size: 5.5rem; opacity: .48; }
  .final-cta > span { max-width: 225px; }
  .final-cta .arcade-button { width: 100%; padding-inline: 12px; font-size: .61rem; }

  .footer-main { grid-template-columns: 1fr auto; gap: 16px; }
  .footer-main nav { display: none; }
  .footer-add { font-size: .52rem; }
  .footer-bottom { display: block; padding-block: 18px; text-align: center; }
  .footer-bottom span { display: block; margin: 5px; }

  .modal-backdrop { padding: 8px; }
  .welcome-modal { width: min(100%, 430px); max-height: calc(100dvh - 16px); min-height: 0; display: block; overflow-y: auto; box-shadow: 5px 5px 0 var(--blue); clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px); }
  .modal-art { height: 138px; border-right: 0; border-bottom: 2px solid var(--ink); }
  .modal-art > p { top: 13px; left: 15px; font-size: .47rem; }
  .modal-emblem { width: 76px; height: 76px; box-shadow: 6px 6px 0 var(--ink); }
  .modal-emblem span { font-size: 1.9rem; }
  .modal-emblem i { width: 13px; height: 13px; border-width: 3px; }
  .pixel-row { display: none; }
  .modal-art > b { margin-top: 11px; font-size: .46rem; }
  .modal-content { padding: 27px 19px 21px; }
  .modal-content h2 { max-width: 100%; font-size: clamp(1.72rem, 8.3vw, 2.15rem); line-height: .99; letter-spacing: -.05em; }
  .modal-content > p:not(.section-code) { margin-block: 16px; font-size: .7rem; }
  .modal-content li { font-size: .59rem; }
  .modal-close { top: 8px; right: 8px; width: 34px; height: 34px; }
  .toast { right: 12px; bottom: 12px; max-width: calc(100% - 24px); }
}

@media (max-width: 420px) {
  .page-shell, .hero { width: calc(100% - 24px); }
  .brand-words { display: none; }
  .system-label { font-size: .49rem; }
  .system-label .crosshair { display: none; }
  .hero h1 { font-size: clamp(1.7rem, 6.9vw, 2rem); }
  .hero h1 mark { font-size: .76em; }
  .game-menu button small { max-width: 130px; }
  .hub-profile p { display: none; }
  .categories strong { font-size: .49rem; }
  .section-head h2, .command-intro h2, .final-cta h2, .republic-copy h3 { font-size: clamp(1.4rem, 5.8vw, 1.7rem); }
  .command-item { min-height: 88px; }
  .modal-content h2 { font-size: clamp(1.62rem, 8vw, 1.95rem); }
}

@media (prefers-reduced-motion: reduce) { html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.online-sticker i{animation:none}.cursor-block{display:none} }