@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#020914;--cyan:#00d9ff;--purple:#ae4bff;--text:#f8fcff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:66px}body{margin:0;background:radial-gradient(ellipse 80% 45% at 50% 10%,#102e6b 0%,#020914 72%);color:var(--text);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid #f6dd69;outline-offset:3px}.shell{width:min(1540px,calc(100% - 64px));margin-inline:auto}.skip{position:absolute;top:-80px;left:10px;z-index:100;background:white;color:black;padding:10px}.skip:focus{top:10px}
.site-header{height:62px;position:relative;z-index:10;background:#010712e8;border-bottom:1px solid #04bfff;box-shadow:0 0 18px #008fff44}.nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand img{width:180px;max-height:55px;object-fit:contain;display:block}.nav-links{display:flex;align-items:center;gap:17px}.nav-links a{font-size:13px;font-weight:750;padding:9px 15px;border:1px solid transparent;border-radius:5px;white-space:nowrap}.nav-links a.current,.nav-links a:hover{border:1px solid var(--cyan);box-shadow:0 0 15px #00baff, inset 0 0 12px #00aaff5a;text-shadow:0 0 10px #5de8ff}.menu-toggle{display:none}
.hero{height:405px;position:relative;overflow:hidden;isolation:isolate;display:flex;align-items:center;border-bottom:2px solid #0477c2;background:radial-gradient(ellipse at 50% 18%,#254f9d 0%,#1b2660 34%,#070e2d 75%,#030a19)}.hero::before{content:"";position:absolute;inset:0;z-index:-3;background:radial-gradient(circle at 75% -20%,#209fff55,transparent 24%),radial-gradient(circle at 18% 40%,#b531df36,transparent 25%),linear-gradient(transparent 75%,#020916)}.world{position:absolute;z-index:-2;top:0;height:100%;width:40%;background-repeat:no-repeat;background-size:cover;opacity:.91}.world-left{left:0;background-image:linear-gradient(to right,transparent 35%,#102054 97%),url('assets/world-left-clean.webp');background-position:center center}.world-right{right:0;background-image:linear-gradient(to left,transparent 38%,#102054 97%),url('assets/world-right-clean.webp');background-position:center center}.hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(to right,transparent 0%,#0d1a49c9 32%,#0b1745cf 64%,transparent 100%),linear-gradient(to top,#040e23ad,transparent 35%)}.hero-inner{height:100%;display:flex;align-items:center;flex-direction:column;justify-content:center;position:relative;text-align:center;padding-top:1px}.hero-logo{width:min(570px,51vw);max-height:225px;object-fit:contain;filter:drop-shadow(0 0 14px #03b5ff9b);margin-bottom:5px}.hero h1{font-weight:850;font-style:italic;font-size:clamp(18px,2.0vw,28px);line-height:1.2;margin:0;text-shadow:0 3px 14px #000,0 0 10px #2d51ac}.hero h1 em{color:#2ce7ff}.hero-subtitle{font-size:clamp(11px,1.2vw,15px);margin:10px 0 16px;text-shadow:0 1px 10px #000}.hero-buttons{display:flex;gap:18px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:8px;min-width:205px;padding:11px 20px;font-size:12px;font-weight:900;font-style:italic;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-3px)}.btn-blue{background:linear-gradient(#12f9ff,#00b7f5 65%,#026bcb);color:#00152b;border:2px solid #9bffff;box-shadow:0 0 18px #00ccff}.btn-purple{border:2px solid #e58fff;background:#120a30e6;color:white;box-shadow:0 0 16px #bb37ff, inset 0 0 14px #7e18e0}
.games-section{padding:0 0 20px;position:relative}.section-title{display:flex;align-items:center;justify-content:center;margin:-1px 0 17px;gap:14px;color:white;font-family:'Barlow Condensed',Impact,sans-serif;letter-spacing:.18em;font-weight:900;font-style:italic;font-size:23px}.section-title::before,.section-title::after{content:"";height:2px;flex:1;background:linear-gradient(to right,transparent,#03baff)}.section-title::after{transform:rotate(180deg)}.section-title span{border:2px solid var(--cyan);border-radius:7px;padding:6px 20px;transform:skewX(-10deg);background:#06142d;box-shadow:0 0 11px #00aaff80;white-space:nowrap}.game-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.game-card{height:192px;min-width:0;position:relative;overflow:hidden;border:1.5px solid #0dceff;border-radius:12px;background:radial-gradient(ellipse at 50% 40%,#173d78,#080d2a 70%);box-shadow:0 0 14px #048dff68;transition:transform .2s}.game-card:hover{transform:translateY(-5px)}.game-card.eye,.game-card.press{border-color:#c85fff;box-shadow:0 0 13px #ae36ff7c}.game-card.pepper{background:radial-gradient(ellipse at 50% 44%,#88321d,#1a0920 75%)}.game-card.eye{background:radial-gradient(ellipse at 50% 42%,#6d277f,#17102d 75%)}.game-card.checking{background:radial-gradient(ellipse at 50% 40%,#156b87,#0d1934 75%)}.game-card.press{background:radial-gradient(ellipse at 50% 40%,#952447,#1b0b29 75%)}.game-card.tower{background:radial-gradient(ellipse at 50% 40%,#6d64a8,#142b57 75%)}.game-art{height:142px;padding:7px;display:flex;justify-content:center;align-items:center}.game-art img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 6px 6px #000b)}.game-cta{padding:0 7px;display:flex;gap:5px;position:absolute;bottom:8px;left:0;right:0}.game-cta a,.game-cta span{flex:1;text-align:center;display:grid;place-items:center;min-height:33px;font-size:10px;font-weight:900;padding:6px 5px;background:#051c36;border:1px solid #11dfff;border-radius:7px;box-shadow:0 0 9px #08aaff80;line-height:1.2}.game-cta a:hover{background:#075182}.game-cta .pending{opacity:.8;border-color:#3a83ae;font-size:10px;cursor:default}.game-cta.dual a{font-size:8px}
.bottom-section{display:grid;grid-template-columns:2.15fr 1fr;gap:15px;padding-bottom:28px}.spotlight-panel,.submit-panel{min-height:176px;position:relative;border-radius:14px;border:1.5px solid #00d4ff;box-shadow:inset 0 0 30px #1164ae50,0 0 12px #0787cb44;background:linear-gradient(115deg,#0b1a32,#07172e 72%,#11477f);padding:17px 22px;overflow:hidden}.spotlight-panel{display:grid;grid-template-columns:1.05fr 1.1fr 1fr;gap:14px;align-items:center}.section-mini{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(17px,2vw,27px);font-weight:900;font-style:italic;white-space:nowrap}.spotlight-copy p,.spotlight-detail p,.submit-panel p{font-size:12px;line-height:1.5;color:#dce9fb}.soon-tag,.spotlight-detail span{font-size:9px;color:#26d9ff;font-weight:800;letter-spacing:.04em}.spotlight-art{width:100%;height:132px;object-fit:cover;border:1px solid #168ffd;border-radius:8px}.spotlight-detail h3{margin:6px 0;font-size:19px}.submit-panel{border-color:#07e3ff;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.submit-panel h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:26px;font-style:italic;line-height:.95;margin:3px 0}.submit-panel h2 em{color:#12dfff}.submit-panel p{max-width:290px;margin:5px 0 12px}.submit-panel .btn{font-size:10px;min-width:0;padding:8px 16px}.submit-icon{color:#61e6ff;font-size:26px}.about{text-align:center;padding:26px 0 50px;max-width:850px}.about h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:34px;margin:0 0 8px}.about h2 em{color:#38e5ff}.about p{font-size:14px;color:#adc8e5;line-height:1.7}footer{background:#030914;border-top:1px solid #116a8e}.footer{min-height:88px;display:flex;align-items:center;gap:22px;justify-content:space-between}.footer img{width:120px}.footer p,.footer a{font-size:10px;color:#86abc6}.footer-note{opacity:.8}
@media(max-width:1100px){.nav-links{gap:3px}.nav-links a{padding:9px 8px;font-size:11px}.game-grid{gap:9px}.game-card{height:180px}.game-art{height:133px}.game-cta.dual{flex-direction:column}.game-cta.dual a{min-height:22px;padding:3px}.game-cta.dual{bottom:4px}.game-cta.dual~*{display:none}.game-cta.dual +*{display:none}.game-card.pepper .game-art{height:117px}.spotlight-panel{grid-template-columns:1fr 1fr}.spotlight-detail{display:none}}
@media(max-width:730px){.shell{width:calc(100% - 30px)}.site-header{height:60px}.brand img{width:155px}.menu-toggle{display:flex;flex-direction:column;gap:4px;background:#08172d;border:1px solid #00baff;padding:10px;border-radius:6px}.menu-toggle span{width:20px;height:2px;background:#85f1ff}.nav-links{display:none;position:absolute;top:59px;left:0;right:0;padding:15px;background:#04102df5;border-bottom:1px solid #04dfff;flex-direction:column;align-items:stretch;gap:4px}.nav-links.is-open{display:flex}.nav-links a{font-size:14px;padding:12px}.hero{height:500px}.world{width:60%;opacity:.8}.world-left{background-position:left center}.world-right{background-position:right center}.hero-shade{background:linear-gradient(90deg,#0a1745af,#0c194ddc 40%,#0b1b4fdb 65%,#0a1745b0)}.hero-logo{width:min(98%,430px);max-height:205px}.hero h1{font-size:clamp(21px,5.2vw,29px);max-width:520px}.hero-subtitle{font-size:12px;max-width:370px}.hero-buttons{flex-direction:column;gap:12px}.btn{min-width:225px}.section-title{font-size:18px;margin:0 0 12px}.section-title span{padding:7px 12px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.game-card{height:188px}.game-art{height:142px}.game-card.pepper .game-art{height:123px}.game-cta.dual{flex-direction:row}.game-cta.dual a{font-size:8px;min-height:32px}.game-cta.dual{bottom:8px}.bottom-section{grid-template-columns:1fr}.spotlight-panel{grid-template-columns:1fr 1fr}.submit-panel{min-height:190px}.footer{flex-wrap:wrap;justify-content:center;text-align:center;padding:20px}.footer p{width:100%;order:3}}
@media(max-width:420px){.game-grid{grid-template-columns:1fr 1fr;gap:8px}.game-card{height:162px}.game-art{height:121px;padding:5px}.game-card.pepper .game-art{height:100px}.game-cta a,.game-cta span{font-size:8px;min-height:28px}.game-cta.dual a{font-size:7px;padding:3px}.spotlight-panel{display:block}.spotlight-art{margin-top:10px;height:110px}.section-mini{font-size:24px}.hero{height:520px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* V5: clear logo, restore single tagline, and improve the illustrated side framing. */
.hero-logo{width:min(650px,56vw);max-height:230px;filter:drop-shadow(0 0 12px #009eff9c)}
.world{width:35%}
.world-left{background-image:linear-gradient(to right,transparent 48%,#102054 100%),url('assets/world-left-clean.webp')}
.world-right{background-image:linear-gradient(to left,transparent 48%,#102054 100%),url('assets/world-right-clean.webp')}
.hero-shade{background:linear-gradient(90deg,transparent 0%,#0b1745eb 29%,#09153fe8 71%,transparent 100%),linear-gradient(to top,#020917c9,transparent 48%)}
@media(max-width:730px){.hero-logo{width:min(99%,490px)}.world{width:53%}.hero-shade{background:linear-gradient(90deg,#0a1745d1,#0c194df0 40%,#0b1b4ff0 65%,#0a1745d1)}}

/* Launch: keep cropped artwork pinned at edges; source imagery no longer contains text. */
.world-left{background-position:left center}
.world-right{background-position:right center}
