:root{
  --mono:"IBM Plex Mono",ui-monospace,monospace;
  --sans:"Instrument Sans",Arial,sans-serif;
  --display:"Archivo Black","Instrument Sans",sans-serif;
}
body{font-family:var(--sans);font-size:16px;-webkit-font-smoothing:antialiased}
.nav{backdrop-filter:blur(14px);box-shadow:0 1px 0 rgba(119,214,131,.04)}
.nav-actions{display:flex;align-items:center;gap:4px}.theme-button,.settings-button{width:38px;height:38px;border:0;background:none;color:var(--ink);display:grid;place-items:center;cursor:pointer}.theme-button svg,.settings-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}.theme-moon{display:none}.settings-button svg{transition:transform .4s}.settings-button:hover svg{transform:rotate(30deg)}
.settings-panel{position:fixed;z-index:50;top:74px;right:3vw;width:min(340px,calc(100vw - 32px));background:var(--bg);border:1px solid var(--line);box-shadow:0 24px 80px rgba(0,0,0,.28);padding:18px;opacity:0;transform:translateY(-8px) scale(.98);pointer-events:none;transition:.25s}.settings-panel.open{opacity:1;transform:none;pointer-events:auto}.settings-head{height:34px;display:flex;justify-content:space-between;align-items:flex-start;font-family:var(--mono);font-size:10px;letter-spacing:.15em;color:var(--green-bright);border-bottom:1px solid var(--line)}.settings-close{border:0;background:none;color:var(--dim);font-size:20px;cursor:pointer}.setting-row{min-height:58px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:13px}.theme-options{display:flex;border:1px solid var(--line)}.theme-options button{border:0;border-right:1px solid var(--line);background:none;color:var(--dim);padding:7px 10px;font-family:var(--mono);font-size:10px;cursor:pointer}.theme-options button:last-child{border-right:0}.theme-options button.active{background:var(--green);color:#0d0e0c}.accent-options{display:flex;gap:7px}.accent-options button{width:20px;height:20px;border-radius:50%;border:3px solid var(--bg);outline:1px solid var(--line);background:var(--swatch);cursor:pointer}.accent-options button.active{outline-color:var(--swatch);transform:scale(.85)}.setting-toggle{min-height:58px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:13px;cursor:pointer}.setting-toggle input{position:absolute;opacity:0}.setting-toggle i{width:34px;height:18px;border:1px solid var(--line);border-radius:20px;position:relative}.setting-toggle i:after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;left:2px;top:2px;background:var(--dim);transition:.2s}.setting-toggle input:checked+i{border-color:var(--green);background:rgba(119,214,131,.12)}.setting-toggle input:checked+i:after{left:18px;background:var(--green-bright)}.reset-settings{width:100%;margin-top:14px;padding:10px;border:1px solid var(--line);background:none;color:var(--dim);font-family:var(--mono);font-size:9px;letter-spacing:.12em;cursor:pointer}.reset-settings:hover{border-color:var(--green);color:var(--green-bright)}
.command-backdrop{position:fixed;z-index:70;inset:0;background:rgba(0,0,0,.58);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:.2s}.command-backdrop.open{opacity:1;pointer-events:auto}.command-palette{position:fixed;z-index:71;left:50%;top:18%;width:min(620px,calc(100vw - 32px));transform:translate(-50%,-12px) scale(.98);background:var(--bg);border:1px solid var(--line);box-shadow:0 30px 100px rgba(0,0,0,.4);opacity:0;pointer-events:none;transition:.2s}.command-palette.open{opacity:1;transform:translate(-50%,0) scale(1);pointer-events:auto}.command-search{height:64px;padding:0 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line)}.command-search svg{width:18px;height:18px;fill:none;stroke:var(--dim);stroke-width:1.5}.command-search input{flex:1;border:0;outline:0;background:none;color:var(--ink);font-family:var(--sans);font-size:16px}.command-search kbd{font-family:var(--mono);font-size:9px;color:var(--dim);border:1px solid var(--line);padding:4px 6px}.command-results{padding:8px}.command-results button{width:100%;height:54px;border:0;background:none;color:var(--ink);display:grid;grid-template-columns:35px 1fr 24px;text-align:left;align-items:center;cursor:pointer}.command-results button:hover,.command-results button.selected{background:var(--green)}.command-results button:hover *,.command-results button.selected *{color:var(--bg)}.command-results button span{font-family:var(--mono);font-size:9px;color:var(--green-bright)}.command-results button strong{font-family:var(--sans);font-size:14px}.command-results button em{font-family:var(--mono);font-size:9px;color:var(--dim);text-align:center}
.brand{font-family:var(--mono);font-size:11px}.nav-links a{font-family:var(--mono);position:relative}.nav-links a.active,.nav-links a:hover{color:var(--green-bright)}.nav-links a.active:after{content:"";position:absolute;left:0;right:0;bottom:-12px;height:1px;background:var(--green-bright);transform-origin:left;animation:underlineIn .35s ease both}
.hero{isolation:isolate}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 78% 40%,rgba(79,174,90,.09),transparent 16%),linear-gradient(rgba(119,214,131,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(119,214,131,.035) 1px,transparent 1px);background-size:auto,72px 72px,72px 72px;mask-image:linear-gradient(90deg,transparent 35%,black);animation:gridDrift 14s linear infinite}
.hero:after{content:"EITANGAMESS / 001";position:absolute;right:3vw;bottom:35px;font-family:var(--mono);font-size:8px;letter-spacing:.18em;color:rgba(205,210,196,.28)}
.noise{mix-blend-mode:screen;animation:noiseShift .18s steps(2) infinite}
.eyebrow{font-family:var(--mono);font-weight:500}.hero-inner{max-width:960px}
h1{font-family:var(--display);font-weight:400;letter-spacing:-.045em;line-height:.94;text-shadow:none;font-size:clamp(58px,7vw,108px)}
h1 .accent{display:inline-block;text-shadow:0 0 18px rgba(119,214,131,.7);transform-origin:center bottom;animation:blink 1s steps(1) infinite}
.hero-sub{font-family:var(--sans);font-size:17px;line-height:1.6;max-width:620px;color:#a7ad9d}.btn{font-family:var(--mono);transition:transform .25s,background .25s,box-shadow .25s}.btn:hover{transform:translateY(-3px);box-shadow:0 8px 0 rgba(79,174,90,.12)}
section{position:relative}.section-head h2{font-family:var(--display);font-size:clamp(30px,3.5vw,48px);letter-spacing:-.035em}.section-head p,.game-desc,.about-body p{font-size:15px}.game-title-row h3{font-family:var(--display);font-size:clamp(34px,4vw,56px);letter-spacing:-.045em}.play-link{font-family:var(--mono)}
.game-media{overflow:hidden;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.7,.2,1),border-color .25s}.game-media:after{content:"";position:absolute;inset:-40%;background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.08) 50%,transparent 58%);transform:translateX(-50%) rotate(8deg);transition:.7s}.game-media:hover:after{transform:translateX(50%) rotate(8deg)}.game-media:hover{border-color:var(--green-bright)}.game-media img{transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .5s}.game-media:hover img{transform:scale(1.025);filter:saturate(1) contrast(1.06)}
.game{transition:border-color .3s}.game:hover{border-color:rgba(119,214,131,.35)}.game-body{transition:transform .45s cubic-bezier(.2,.7,.2,1)}.game:hover .game-body{transform:translateX(4px)}.game.flip:hover .game-body{transform:translateX(-4px)}
.game-facts dt,.mock-bar span,.mock-t-bar span,.game-media-tag,.about-stack li,.link-list span,.link-list em,footer{font-family:var(--mono)}.game-facts dd{font-family:var(--sans);font-size:14px}.link-list span{font-family:var(--mono)}
.reveal{opacity:0;clip-path:inset(0 0 100% 0);transform:translateY(24px);filter:blur(4px);transition:clip-path .85s cubic-bezier(.16,1,.3,1),opacity .65s ease,transform .85s cubic-bezier(.16,1,.3,1),filter .65s ease}.reveal.visible{opacity:1;clip-path:inset(0 0 0 0);transform:none;filter:none}
.hero .reveal{animation:heroSettle .85s cubic-bezier(.16,1,.3,1) both}.hero .reveal:nth-child(1){animation-delay:.05s}.hero h1.reveal{animation-delay:.14s}.hero .hero-sub.reveal{animation-delay:.28s}.hero-actions.reveal{animation-delay:.38s}
.mock-cards i{transition:transform .35s,border-color .35s}.game-media:hover .mock-cards i{transform:translateY(-4px)}.game-media:hover .mock-cards i:nth-child(2){transform:translateY(-8px)}.mock-modes i{transition:transform .35s}.game-media:hover .mock-modes i:nth-child(odd){transform:translateY(-3px)}
footer a{display:flex;align-items:center;gap:7px}.footer a svg,footer a svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform .25s}.footer a:hover svg,footer a:hover svg{transform:translateY(-3px)}
.scroll-progress{position:fixed;z-index:30;left:0;top:64px;height:2px;width:0;background:var(--green-bright);box-shadow:0 0 12px rgba(119,214,131,.45)}
html[data-theme="light"]{--bg:#ecefe8;--bg-2:#dde2d8;--ink:#1b211b;--dim:#62695e;--line:#c7ccbf;--green:#2e8b43;--green-bright:#397c47;color-scheme:light}html[data-theme="light"] h1,html[data-theme="light"] .section-head h2,html[data-theme="light"] .game-title-row h3,html[data-theme="light"] .link-list span,html[data-theme="light"] .about-body .lead{color:#151915}html[data-theme="light"] .hero-sub,html[data-theme="light"] .game-desc,html[data-theme="light"] .about-body p{color:#62695e}html[data-theme="light"] .nav{background:rgba(236,239,232,.92)}html[data-theme="light"] .theme-sun{display:none}html[data-theme="light"] .theme-moon{display:block}html[data-theme="light"] .hero:before{background:radial-gradient(circle at 78% 40%,rgba(46,139,67,.08),transparent 16%),linear-gradient(rgba(46,139,67,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(46,139,67,.07) 1px,transparent 1px)}html[data-theme="light"] .mock-window,html[data-theme="light"] .mock-server,html[data-theme="light"] .mock-terminal{filter:brightness(.92)}html[data-motion="off"] *,html[data-motion="off"] *:before,html[data-motion="off"] *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}body.no-grid .hero:before{display:none}
.nav a::selection,h1::selection{background:var(--green);color:var(--bg)}
@keyframes gridDrift{to{background-position:0 0,72px 72px,72px 72px}}
@keyframes noiseShift{25%{transform:translate(1px,-1px)}50%{transform:translate(-1px,1px)}75%{transform:translate(1px,1px)}}
@keyframes underlineIn{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes heroSettle{from{opacity:0;transform:translateY(28px);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}
@media(max-width:820px){h1{font-size:clamp(48px,13vw,76px)}.hero-sub{font-size:15px}.game:hover .game-body,.game.flip:hover .game-body{transform:none}.hero:after{display:none}}
@media(max-width:640px){h1{font-size:clamp(42px,14vw,58px);line-height:.98}.hero-sub{font-size:14px}.hero:before{background-size:auto,42px 42px,42px 42px}.scroll-progress{top:64px}.nav-actions{gap:0}.theme-button{width:34px;height:34px}.command-palette{top:12%}}
@media(prefers-reduced-motion:reduce){.hero:before,.noise,h1 .accent{animation:none!important}.reveal{clip-path:none;filter:none}.hero .reveal{animation:none!important}}