:root{color-scheme:dark;--ink:#100b08;--wood:#3a2115;--wood2:#1e100b;--cream:#f5e2b8;--amber:#f5bd4b;--cyan:#45e4ed;--pink:#ff4eaf;--red:#d74637;--line:rgba(245,226,184,.18);--glass:#090c12;--shadow:0 28px 80px rgba(0,0,0,.58)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;overflow-x:hidden;background:#160d09;color:var(--cream);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit}body:before{position:fixed;z-index:-3;inset:0;content:"";background:repeating-linear-gradient(92deg,rgba(255,255,255,.025) 0 1px,transparent 1px 7px),repeating-radial-gradient(ellipse at 15% 10%,transparent 0 24px,rgba(0,0,0,.13) 25px 27px,transparent 28px 58px),linear-gradient(100deg,#2e190f,#4b2a19 44%,#27140d);background-size:auto,240px 620px,auto}body:after{position:fixed;z-index:-2;inset:0;content:"";background:linear-gradient(180deg,transparent 0 63%,rgba(8,4,4,.55) 72%),radial-gradient(circle at 50% 35%,transparent 0,rgba(0,0,0,.36) 75%);pointer-events:none}#starfield{position:fixed;z-index:-1;inset:0;width:100%;height:100%;opacity:.17;mix-blend-mode:screen}.arcade-nav{position:fixed;z-index:10;top:16px;left:50%;display:flex;align-items:center;justify-content:space-between;width:min(1180px,calc(100% - 28px));padding:7px 10px 7px 7px;transform:translateX(-50%);border:1px solid rgba(245,189,75,.38);border-radius:5px;background:linear-gradient(#4b2b19,#25130c);box-shadow:0 5px 0 #120907,0 13px 32px rgba(0,0,0,.45),inset 0 1px rgba(255,255,255,.12)}.arcade-nav a{text-decoration:none}.brand{display:flex;gap:10px;align-items:center}.brand span{display:grid;width:38px;height:34px;place-items:center;border:1px solid #ffe19b;border-radius:3px;background:linear-gradient(145deg,#df9f32,#7b3e19);color:#1b0d07;font:950 .68rem ui-monospace;box-shadow:inset 0 1px #fff3b8,0 0 12px rgba(245,189,75,.28)}.brand strong{font-family:Georgia,serif;font-size:.94rem;letter-spacing:.04em}.arcade-nav>div{display:flex;gap:3px}.arcade-nav>div a{padding:9px 12px;border-radius:3px;color:#ead7af;font-size:.72rem;font-weight:850}.arcade-nav>div a:hover{background:rgba(245,189,75,.1);color:#fff2c9}main{width:min(1180px,calc(100% - 32px));margin:auto;padding:105px 0 64px}.hero{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(330px,.72fr);gap:clamp(35px,7vw,90px);align-items:center;min-height:700px;padding:clamp(28px,5vw,64px);border:1px solid rgba(245,189,75,.2);border-radius:8px;background:linear-gradient(90deg,rgba(22,10,6,.73),rgba(14,8,8,.5)),repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0 1px,transparent 1px 9px);box-shadow:var(--shadow),inset 0 0 80px rgba(0,0,0,.25)}.kicker{margin:0;color:var(--amber);font:900 .66rem/1.2 ui-monospace,SFMono-Regular,monospace;letter-spacing:.15em;text-transform:uppercase}.hero h1{margin:18px 0 24px;font-size:clamp(4rem,8.2vw,7.5rem);line-height:.84;letter-spacing:-.07em;text-shadow:0 4px #160b08}.hero h1 em{color:var(--cyan);font-style:normal;text-shadow:3px 3px 0 var(--pink),0 0 22px rgba(69,228,237,.22)}.lede{max-width:650px;margin:0 0 30px;color:#decba8;font-size:clamp(1rem,2vw,1.2rem);line-height:1.67}.primary-button{display:inline-flex;gap:30px;align-items:center;padding:14px 18px;border:1px solid #d49734;border-radius:3px;background:linear-gradient(#70411e,#3a1d10);color:#fff0c8;font-size:.8rem;font-weight:900;text-decoration:none;box-shadow:0 4px 0 #180b07,0 10px 25px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.12)}.primary-button span{color:var(--cyan);font-size:1.2rem}.hero-cabinet{position:relative;display:flex;min-height:500px;overflow:hidden;flex-direction:column;align-items:center;justify-content:center;padding:42px 28px 30px;border:10px solid #2a160d;border-bottom-width:28px;border-radius:22px 22px 7px 7px;background:radial-gradient(circle at 50% 34%,rgba(69,228,237,.12),transparent 40%),linear-gradient(#090b12,#040509);box-shadow:0 0 0 2px #704322,0 18px 0 #160a06,0 34px 55px rgba(0,0,0,.58),inset 0 0 55px rgba(69,228,237,.06);text-align:center;text-decoration:none;transform:perspective(1000px) rotateY(-2deg);transition:transform .22s}.hero-cabinet:after{position:absolute;right:-7px;bottom:-22px;left:-7px;height:13px;border-top:1px solid #9c6530;background:repeating-linear-gradient(90deg,#6c3b1e 0 8px,#3e1f11 8px 16px);content:""}.hero-cabinet:hover{transform:perspective(1000px) rotateY(0) translateY(-5px)}.cabinet-light{position:absolute;top:-80px;width:250px;height:170px;border-radius:50%;background:var(--pink);filter:blur(80px);opacity:.15}.cabinet-label{color:var(--cyan);font:900 .6rem ui-monospace;letter-spacing:.17em;text-transform:uppercase}.hero-cabinet>strong{z-index:1;margin:22px 0;color:#fff4dc;font-family:Impact,"Arial Black",sans-serif;font-size:clamp(3.1rem,6vw,5.2rem);line-height:.78;letter-spacing:-.035em;text-shadow:3px 3px 0 var(--pink),-2px -2px 0 #234b81,0 0 24px rgba(69,228,237,.28)}.hero-cabinet small{margin-top:18px;color:#9fa4b1}.hero-cabinet>b{margin-top:25px;padding:10px 31px;border:1px solid var(--pink);border-radius:3px;background:rgba(255,78,175,.08);color:var(--pink);font-size:.7rem;letter-spacing:.13em;box-shadow:0 0 16px rgba(255,78,175,.13)}.ship-mark{position:relative;width:125px;height:88px}.ship-mark i{position:absolute;display:block;background:linear-gradient(90deg,var(--cyan),#8d63ff);clip-path:polygon(50% 0,100% 100%,50% 78%,0 100%);filter:drop-shadow(0 0 9px var(--cyan))}.ship-mark i:nth-child(1){inset:5px 32px}.ship-mark i:nth-child(2){width:26px;height:35px;left:1px;bottom:0;transform:rotate(-62deg);opacity:.55}.ship-mark i:nth-child(3){width:26px;height:35px;right:1px;bottom:0;transform:rotate(62deg);opacity:.55}.cabinet-section{position:relative;margin-top:34px;padding:90px clamp(20px,4vw,46px) 75px;border:1px solid rgba(245,226,184,.12);border-radius:8px;background:radial-gradient(circle at 10px 10px,rgba(255,78,175,.11) 0 2px,transparent 3px),radial-gradient(circle at 30px 30px,rgba(69,228,237,.09) 0 2px,transparent 3px),linear-gradient(rgba(12,9,17,.94),rgba(8,6,12,.97));background-size:40px 40px,40px 40px,auto;box-shadow:var(--shadow)}.cabinet-section:before{position:absolute;top:0;right:0;left:0;height:20px;border-bottom:1px solid rgba(245,189,75,.25);background:repeating-linear-gradient(90deg,#3b2013 0 18px,#5b321c 18px 36px);content:""}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}.section-heading h2,.about-section h2{margin:8px 0 0;font-family:Georgia,serif;font-size:clamp(2.4rem,5vw,4.4rem);font-weight:500;letter-spacing:-.045em}.section-heading>span{color:#af9c7d;font-size:.76rem}.game-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.game-card{display:grid;grid-template-columns:minmax(210px,.85fr) 1.15fr;min-height:320px;overflow:hidden;border:8px solid #28140c;border-radius:9px;background:linear-gradient(145deg,#14121c,#08070c);box-shadow:0 0 0 1px #76451f,0 13px 0 #130905,0 25px 45px rgba(0,0,0,.38);text-decoration:none;transition:transform .18s}.game-card:hover{transform:translateY(-5px)}.game-card.flagship{grid-column:1/-1;grid-template-columns:1fr 1fr;min-height:420px}.game-card.dormant{opacity:.65}.game-visual{position:relative;min-height:260px;overflow:hidden;background:#08090f}.game-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(22px,4vw,40px);border-left:1px solid rgba(245,226,184,.09)}.game-number{color:var(--cyan);font:900 .59rem ui-monospace;letter-spacing:.14em}.game-copy h3{margin:13px 0 10px;color:#fff1d1;font-family:Georgia,serif;font-size:clamp(1.8rem,4vw,3.45rem);font-weight:500;letter-spacing:-.045em}.game-copy p{margin:0;color:#baa98d;line-height:1.6}.game-copy>div{display:flex;flex-wrap:wrap;gap:6px;margin-top:24px}.game-copy>div span{padding:6px 8px;border:1px solid rgba(245,189,75,.2);border-radius:3px;color:#d6c3a1;font-size:.62rem;font-weight:800}.void-visual{background:radial-gradient(circle at 50% 50%,rgba(165,120,255,.19),transparent 30%),radial-gradient(circle at 50% 50%,#10152b,#070610 68%)}.orbit{position:absolute;top:50%;left:50%;border:1px solid rgba(69,228,237,.16);border-radius:50%;transform:translate(-50%,-50%)}.orbit.one{width:230px;height:230px}.orbit.two{width:390px;height:390px}.duel-ship{position:absolute;top:50%;width:58px;height:78px;background:linear-gradient(var(--cyan),#8f6bff);clip-path:polygon(50% 0,100% 88%,58% 68%,50% 100%,42% 68%,0 88%);filter:drop-shadow(0 0 16px rgba(69,228,237,.65))}.duel-ship.left{left:25%;transform:rotate(58deg)}.duel-ship.right{right:25%;transform:rotate(-112deg);background:linear-gradient(var(--pink),var(--amber));filter:drop-shadow(0 0 16px rgba(255,78,175,.6))}.breaker-visual{display:flex;flex-direction:column;gap:8px;padding:36px;background:linear-gradient(#151f23,#080b0c)}.brick-row{height:24px;border:1px solid rgba(143,207,139,.65);border-radius:4px;background:repeating-linear-gradient(90deg,rgba(143,207,139,.28) 0 24%,transparent 24% 26%)}.breaker-ball{position:absolute;right:30%;bottom:42%;width:17px;height:17px;border-radius:50%;background:#dff4d4;box-shadow:0 0 20px #8fcf8b}.breaker-paddle{position:absolute;right:16%;bottom:19%;width:90px;height:12px;border-radius:6px;background:var(--amber);box-shadow:0 0 15px rgba(245,189,75,.5)}.signal-visual{display:grid;place-items:center;background:radial-gradient(circle,rgba(255,78,175,.13),transparent 50%),#090815}.signal-visual span{position:absolute;width:38px;height:38px;border:1px solid var(--pink);border-radius:50%;animation:signal 2.4s infinite}.signal-visual span:nth-child(2){animation-delay:.8s}.signal-visual span:nth-child(3){animation-delay:1.6s}@keyframes signal{from{transform:scale(.5);opacity:1}to{transform:scale(5);opacity:0}}.about-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:34px;padding:90px clamp(20px,4vw,46px);border:1px solid rgba(245,189,75,.18);border-radius:8px;background:linear-gradient(100deg,rgba(65,35,20,.82),rgba(29,14,9,.9));box-shadow:var(--shadow)}.about-section>div:last-child{color:#d5c19e;font-size:1.02rem;line-height:1.76}.about-section p{margin-top:0}footer{display:flex;gap:20px;justify-content:space-between;width:min(1180px,calc(100% - 32px));margin:auto;padding:28px 0 45px;color:#b79f79;font-size:.7rem}footer a{text-decoration:none}footer b{font-weight:400}
@media(max-width:850px){.hero{grid-template-columns:1fr;padding-top:55px}.hero-cabinet{min-height:420px;transform:none}.game-grid{grid-template-columns:1fr}.game-card.flagship{grid-column:auto}.game-card,.game-card.flagship{grid-template-columns:1fr}.game-visual{min-height:300px}.about-section{grid-template-columns:1fr;gap:30px}.arcade-nav>div a:nth-child(2){display:none}}
@media(max-width:560px){.arcade-nav .brand strong{display:none}.arcade-nav>div a{padding:8px}.hero{min-height:0;padding:70px 20px 30px}.hero h1{font-size:clamp(3.55rem,19vw,5rem)}.hero-cabinet{min-height:390px}.cabinet-section{padding:70px 10px 55px}.section-heading{align-items:flex-start;flex-direction:column;padding:0 8px}.game-visual{min-height:240px}.about-section{grid-template-columns:1fr;padding:65px 22px}footer{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.signal-visual span{animation:none}.game-card,.hero-cabinet{transition:none}}