:root{
  --bg:#070b10;--panel:#0e151d;--panel2:#121d27;--line:#273542;--green:#8cff38;
  --green2:#39ff88;--purple:#b64dff;--orange:#ff7a28;--red:#ff3b48;--text:#f5f7f9;
  --muted:#8fa1af;--gold:#ffd34f;--cyan:#45dcff;
}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#05070a;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
button{font:inherit;color:inherit}button:focus-visible{outline:2px solid var(--green);outline-offset:3px}
#app,#game{position:absolute;inset:0;width:100%;height:100%}#game{display:block;background:#071018}
#scanlines{position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.12;background:repeating-linear-gradient(to bottom,transparent 0,transparent 3px,#000 4px)}
#flash{position:fixed;inset:0;z-index:49;pointer-events:none;background:white;opacity:0;transition:opacity .15s}
.screen,.modal-screen{position:fixed;inset:0;z-index:10;display:none}.screen.active{display:block}.hidden{display:none!important}
#titleScreen{background:radial-gradient(circle at 50% 35%,rgba(126,255,37,.18),transparent 30%),linear-gradient(180deg,rgba(2,5,7,.35),rgba(2,5,7,.9));text-align:center}
.title-shell{position:absolute;left:50%;top:50%;width:min(760px,92vw);transform:translate(-50%,-50%);padding:38px;background:linear-gradient(180deg,rgba(14,22,29,.93),rgba(5,9,13,.96));border:1px solid rgba(140,255,56,.35);box-shadow:0 0 80px rgba(83,255,40,.12),0 30px 80px #000;border-radius:22px}
.logo-mark{width:140px;height:140px;margin:0 auto 10px;display:grid;place-items:center}
.logo-img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 28px rgba(140,255,56,.42))}
.goat-face{display:none}
.horn{display:none}
.eyebrow{letter-spacing:.18em;font-size:12px;font-weight:900;color:var(--green);margin:0 0 8px}.title-shell h1{font-size:clamp(64px,9vw,112px);line-height:.82;margin:0;font-weight:1000;letter-spacing:-.065em;text-shadow:0 6px 0 #20331e,0 0 35px rgba(140,255,56,.24)}
.title-shell h2{font-size:clamp(28px,4vw,54px);margin:10px 0 14px;color:var(--green);letter-spacing:.06em}.tagline{max-width:580px;margin:0 auto 26px;color:#c6d1d8;font-size:17px}.title-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.fineprint{font-size:11px;color:#62717d;margin-top:20px}
.btn{border:1px solid var(--line);background:#111923;padding:13px 20px;border-radius:10px;font-weight:900;letter-spacing:.04em;cursor:pointer;transition:.18s transform,.18s filter,.18s border-color}.btn:hover{transform:translateY(-2px);filter:brightness(1.13)}.btn.primary{background:linear-gradient(180deg,#9cff45,#56c81c);color:#071006;border-color:#b8ff7b;box-shadow:0 8px 24px rgba(104,255,34,.18)}.btn.ghost{background:#0b1118;border-color:#33434f}.btn.danger{background:linear-gradient(#ff624b,#c82236);border-color:#ff9a80}.btn.huge{width:100%;font-size:20px;padding:18px}.btn.wide{width:100%}
#lobbyScreen{background:linear-gradient(180deg,rgba(4,7,10,.08),rgba(4,7,10,.88));overflow:auto}.topbar{position:sticky;top:0;z-index:2;height:72px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;background:rgba(6,10,14,.92);backdrop-filter:blur(12px);border-bottom:1px solid #24323d}.topbar>div{display:flex;align-items:center;gap:15px}.mini-logo{display:inline-flex;align-items:center;justify-content:center;padding:0;background:transparent;border-radius:0}.mini-logo img{height:28px;width:auto;display:block;filter:drop-shadow(0 0 12px rgba(140,255,56,.35))}.wallet span{font-size:11px;color:var(--muted);letter-spacing:.1em}.wallet b{display:block;color:white;font-size:18px;letter-spacing:0}
.lobby-grid{width:min(1500px,96vw);margin:22px auto 60px;display:grid;grid-template-columns:1.05fr 1.7fr .95fr;gap:16px;grid-template-areas:"hero mission lab" "upgrade mission trophy"}.panel{background:linear-gradient(180deg,rgba(17,27,36,.96),rgba(8,13,18,.98));border:1px solid #263746;border-radius:16px;padding:20px;box-shadow:0 12px 40px rgba(0,0,0,.28)}.panel-kicker{font-size:10px;letter-spacing:.16em;color:var(--green);font-weight:900;margin-bottom:9px}.panel h3{font-size:20px;margin:0 0 9px}.panel p{font-size:13px;line-height:1.55;color:#9eb0bc}.hero-panel{grid-area:hero}.mission-panel{grid-area:mission}.lab-panel{grid-area:lab}.upgrade-panel{grid-area:upgrade}.trophy-panel{grid-area:trophy}
.goat-showcase{height:190px;position:relative;overflow:hidden;border-radius:12px;background:radial-gradient(circle at 50% 80%,rgba(140,255,56,.25),transparent 42%),linear-gradient(#0a1118,#111b22);border:1px solid #253540}.goat-showcase:before{content:"";position:absolute;left:0;right:0;bottom:18px;height:2px;background:linear-gradient(90deg,transparent,var(--green),transparent);box-shadow:0 0 18px var(--green)}
.lobby-goat{position:absolute;left:50%;bottom:32px;width:170px;height:122px;transform:translateX(-50%);animation:goatBob 2s ease-in-out infinite}.lg-body{position:absolute;left:38px;top:51px;width:95px;height:58px;border-radius:45% 55% 35% 48%;background:linear-gradient(145deg,#eee,#8f999a);box-shadow:inset -15px -12px 0 rgba(0,0,0,.18)}.lg-head{position:absolute;left:99px;top:17px;width:58px;height:62px;border-radius:48% 54% 55% 42%;background:#dfe5df;transform:rotate(-8deg);z-index:2}.lg-head:after{content:"";position:absolute;right:-18px;top:32px;width:34px;height:19px;background:#aeb8b3;border-radius:30% 70% 55% 45%}.lg-head span:before,.lg-head span:after{content:"";position:absolute;top:22px;width:9px;height:8px;background:#121821;border-radius:50%}.lg-head span:before{left:13px}.lg-head span:after{right:11px;box-shadow:0 0 8px var(--green)}.lg-horn{position:absolute;top:-7px;width:32px;height:45px;border:7px solid #d6cc9e;border-right:0;border-bottom:0;border-radius:100% 0 0 0;z-index:1}.lg-horn.h1{left:104px;transform:rotate(28deg)}.lg-horn.h2{left:132px;transform:scaleX(-1) rotate(20deg)}.lg-leg{position:absolute;top:96px;width:17px;height:37px;background:#b8c0bd;border-radius:5px}.lg-leg.l1{left:52px}.lg-leg.l2{left:112px}.lg-gun{position:absolute;left:118px;top:69px;width:75px;height:16px;background:#202a2e;border:3px solid #6a7a7e;border-radius:5px;z-index:3}.lg-gun:after{content:"";position:absolute;right:-23px;top:3px;width:25px;height:6px;background:#75858b}.stat-row{display:grid;grid-template-columns:56px 1fr;gap:8px;align-items:center;margin-top:8px;font-size:10px;color:#8fa2af;font-weight:900}.stat-row i{height:7px;background:#202d37;border-radius:6px;overflow:hidden}.stat-row i:before{content:"";display:block;height:100%;width:var(--v);background:linear-gradient(90deg,#57d91e,var(--green))}
.difficulty-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.difficulty{padding:11px;border:1px solid #30414f;background:#0b1218;border-radius:8px;font-size:12px;font-weight:900;cursor:pointer}.difficulty.selected{background:rgba(140,255,56,.13);border-color:var(--green);color:var(--green)}.mission-modifiers{display:grid;gap:8px;margin-bottom:20px}.mission-modifiers div{padding:12px;border-left:3px solid var(--green);background:#0b1218}.mission-modifiers b{display:block;font-size:12px}.mission-modifiers span{font-size:11px;color:#82939f}.big-number{font-size:54px;font-weight:1000;color:var(--green)}.big-number small{font-size:18px;color:#61707b}.family-strip{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0 16px}.family-dot{width:21px;height:21px;border-radius:6px;border:1px solid #ffffff24;box-shadow:inset 0 0 8px #0008}.meta-list{display:grid;gap:8px}.meta-upgrade{display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px;background:#0a1117;border:1px solid #22313c;border-radius:9px}.meta-upgrade b{font-size:12px}.meta-upgrade small{display:block;color:#738691;margin-top:3px}.meta-upgrade button{border:0;border-radius:7px;background:#21311f;color:var(--green);font-weight:900;cursor:pointer;min-width:82px}.meta-upgrade button:disabled{opacity:.4;cursor:not-allowed}.trophy-panel dl{margin:0}.trophy-panel dl div{display:flex;justify-content:space-between;border-bottom:1px solid #22303a;padding:9px 0}.trophy-panel dt{color:#82939f;font-size:12px}.trophy-panel dd{margin:0;font-weight:900}.text-button{margin-top:15px;border:0;background:none;color:#596b78;text-decoration:underline;cursor:pointer}
.hud{position:fixed;inset:0;z-index:5;pointer-events:none}.hud-left{position:absolute;left:18px;top:16px;display:flex;gap:10px}.portrait{width:64px;height:64px;border:3px solid var(--green);border-radius:15px;background:#111a20;display:grid;place-items:center;box-shadow:0 0 18px #65ff333a}.portrait span{font-size:35px;font-weight:1000;color:var(--green)}.bars{display:grid;gap:5px;width:min(340px,45vw)}.bar{height:17px;border:1px solid #495660;background:#05080a;border-radius:5px;overflow:hidden;position:relative}.bar i{position:absolute;inset:0 auto 0 0;width:100%;transition:width .2s}.bar b{position:absolute;inset:0;display:grid;place-items:center;font-size:9px;text-shadow:0 1px 2px #000}.bar.hp i{background:linear-gradient(90deg,#13a73f,#65ff64)}.bar.xp i{background:linear-gradient(90deg,#7131d6,#ca68ff);width:0}.bar.fort i{background:linear-gradient(90deg,#1987a7,#4ee6ff)}
.hud-center{position:absolute;left:50%;top:16px;transform:translateX(-50%);text-align:center;text-shadow:0 3px 8px #000}.hud-center b{display:block;font-size:30px;letter-spacing:.04em}.hud-center span{font-size:11px;color:var(--green);font-weight:900;letter-spacing:.12em}.hud-right{position:absolute;right:18px;top:16px;display:flex;gap:10px;align-items:center}.hud-right>div{min-width:70px;text-align:center;background:#081016d9;border:1px solid #2b3b47;padding:7px 10px;border-radius:8px}.hud-right small{display:block;color:#7f919c;font-size:8px;letter-spacing:.1em}.hud-right b{font-size:18px}.icon-btn{pointer-events:auto;width:42px;height:42px;border-radius:8px;border:1px solid #3b4c57;background:#0b1218;cursor:pointer}
.chain-hud{position:absolute;left:18px;bottom:18px;width:300px;padding:11px 13px;background:#071017dd;border:1px solid #30414d;border-radius:10px}.chain-title{display:flex;justify-content:space-between;font-size:11px;font-weight:900}.chain-title span{color:var(--green)}.chain-pips{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:7px 0}.chain-pips i{height:9px;background:#17242d;border-radius:4px}.chain-pips i.active{background:var(--green);box-shadow:0 0 12px var(--green)}.chain-hud small{color:#6f818d;font-size:9px}.unstable-hud{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);width:min(440px,52vw);text-align:center;padding:10px 14px;background:#220835e8;border:2px solid #e15aff;border-radius:12px;box-shadow:0 0 30px #b637ff55}.unstable-hud strong{color:#f485ff;letter-spacing:.12em}.unstable-hud>div{height:10px;background:#16031d;border-radius:7px;margin:7px}.unstable-hud i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#8a30ff,#ff58c8,#ff7c3c);border-radius:7px}.unstable-hud small{font-size:9px;color:#dca5ff}.boss-bar{position:absolute;left:50%;top:74px;transform:translateX(-50%);width:min(760px,70vw);text-align:center}.boss-bar span{font-size:12px;font-weight:1000;color:#ffbb7f}.boss-bar div{height:15px;background:#1d0509;border:2px solid #6b1b25;border-radius:8px;overflow:hidden;margin-top:5px}.boss-bar i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#b40e25,#ff4c35)}
.mobile-controls{display:none}.modal-screen{z-index:30;display:grid;place-items:center;background:rgba(2,4,6,.78);backdrop-filter:blur(6px)}.modal-card{width:min(1100px,94vw);max-height:92vh;overflow:auto;padding:28px;background:linear-gradient(180deg,#121c25,#080d12);border:1px solid #324451;border-radius:18px;box-shadow:0 30px 100px #000}.modal-card h2{margin:0 0 8px;font-size:38px}.modal-card.compact{width:min(440px,90vw);display:grid;gap:12px;text-align:center}.upgrade-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:22px 0}.upgrade-card{position:relative;text-align:left;min-height:270px;padding:18px;border-radius:14px;border:1px solid #334653;background:linear-gradient(160deg,#13202a,#090e13);cursor:pointer;transition:.18s transform,.18s border-color,.18s box-shadow;overflow:hidden}.upgrade-card:hover{transform:translateY(-6px);border-color:var(--family);box-shadow:0 15px 35px #000,0 0 24px color-mix(in srgb,var(--family) 35%,transparent)}.upgrade-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 15%,color-mix(in srgb,var(--family) 20%,transparent),transparent 33%);pointer-events:none}.upgrade-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:15px;background:#080d12;border:2px solid var(--family);font-size:30px;box-shadow:0 0 22px color-mix(in srgb,var(--family) 30%,transparent)}.upgrade-card .family{font-size:10px;color:var(--family);font-weight:900;letter-spacing:.13em;margin-top:18px}.upgrade-card h3{margin:5px 0 8px;font-size:23px}.upgrade-card p{font-size:13px;color:#9aacb8;line-height:1.5}.rarity{position:absolute;right:14px;top:14px;font-size:9px;letter-spacing:.1em;color:#fff8}.match-badge{position:absolute;bottom:12px;right:12px;background:var(--family);color:#071008;font-weight:1000;font-size:10px;padding:6px 8px;border-radius:6px}.greed-card{text-align:center;width:min(680px,92vw);border-color:#d53b3b;box-shadow:0 0 70px #ff232333}.greed-card h2{color:#ff6464}.greed-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.result-card{width:min(650px,92vw);text-align:center}.result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:20px 0}.result-grid div{padding:14px;background:#0a1117;border:1px solid #263642;border-radius:10px}.result-grid span{display:block;color:#788b97;font-size:10px;text-transform:uppercase}.result-grid b{font-size:28px}.codex-card{position:relative;width:min(1300px,96vw)}.close-btn{position:absolute;right:18px;top:14px;width:40px;height:40px;border-radius:50%;border:1px solid #344651;background:#0b1117;font-size:25px;cursor:pointer}.codex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:9px;margin-top:18px}.codex-item{padding:12px;border:1px solid #273844;background:#0a1117;border-radius:9px}.codex-item.locked{filter:grayscale(1);opacity:.42}.codex-item b{display:block}.codex-item small{color:#738690}.help-card{position:relative;width:min(850px,94vw)}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.help-grid div{padding:14px;background:#0a1117;border-left:3px solid var(--green)}.help-grid b{display:block;margin-bottom:4px}.help-grid span{color:#8fa2af;font-size:13px}
@keyframes goatBob{50%{transform:translateX(-50%) translateY(-5px) rotate(1deg)}}
@media(max-width:1000px){.lobby-grid{grid-template-columns:1fr 1fr;grid-template-areas:"hero mission" "lab mission" "upgrade trophy"}.upgrade-choices{grid-template-columns:1fr}.upgrade-card{min-height:190px}.hud-center{top:86px}.result-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.topbar{padding:0 12px}.wallet{display:none!important}.lobby-grid{display:block;margin-top:10px}.panel{margin-bottom:10px}.title-shell{padding:24px 16px}.title-actions{display:grid}.hud-left{left:8px;top:8px}.portrait{width:48px;height:48px}.bars{width:50vw}.hud-right{right:8px;top:8px}.hud-right>div{display:none}.hud-center{top:70px}.hud-center b{font-size:22px}.chain-hud{left:8px;bottom:132px;width:230px}.unstable-hud{bottom:135px;width:85vw}.mobile-controls{display:block;pointer-events:auto}.joystick{position:absolute;left:18px;bottom:20px;width:94px;height:94px;border:2px solid #ffffff35;background:#ffffff0c;border-radius:50%;touch-action:none}.joystick i{position:absolute;left:29px;top:29px;width:34px;height:34px;border-radius:50%;background:#a8ff74aa}.mobile-controls button{position:absolute;width:65px;height:65px;border-radius:50%;border:1px solid #ffffff3d;background:#0e171fde;font-size:10px;font-weight:900;touch-action:none}.mobile-controls #mobileFire{right:18px;bottom:24px;width:82px;height:82px;border-color:#93ff4b;background:#467a2ccc}.mobile-controls #mobileJump{right:109px;bottom:78px}.mobile-controls #mobileDash{right:109px;bottom:8px}.help-grid{grid-template-columns:1fr}.modal-card h2{font-size:28px}.result-grid{grid-template-columns:1fr 1fr}}


.goat-showcase{position:relative;overflow:hidden}
.goat-showcase .goat-art-bg{position:absolute;inset:0;background:radial-gradient(circle at 50% 75%,rgba(140,255,56,.18),transparent 34%),linear-gradient(#0a1118,#111b22)}
.goat-showcase .goat-art-img{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);height:150px;filter:drop-shadow(0 10px 18px rgba(0,0,0,.55)) drop-shadow(0 0 16px rgba(140,255,56,.18));animation:goatBob 2s ease-in-out infinite}


  .affiliate-btn{
    background:linear-gradient(135deg,#8cff38,#4bd818)!important;
    color:#071008!important;
    border-color:#a9ff72!important;
    box-shadow:0 0 22px rgba(140,255,56,.28);
    text-decoration:none;
  }
  .affiliate-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}
  .affiliate-chip{
    display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(140,255,56,.45);
    border-radius:999px;background:rgba(10,24,13,.82);color:#dfffd0;text-decoration:none;
    font-size:12px;font-weight:900;letter-spacing:.05em;white-space:nowrap
  }
  .affiliate-chip b{color:#8cff38}