:root{
  --bg:#06172a;
  --bg-deep:#04111f;
  --surface:#0b2743;
  --surface-2:#0d3155;
  --surface-3:#123b65;
  --text:#f7fbff;
  --muted:#b8cee1;
  --blue:#37b7ff;
  --blue-2:#7ed6ff;
  --gold:#ffc74f;
  --gold-2:#ffe29a;
  --line:rgba(150,211,255,.18);
  --shadow:0 28px 70px rgba(0,8,22,.34);
  --radius:30px;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 82% 4%,rgba(34,158,255,.24),transparent 26%),radial-gradient(circle at 14% 18%,rgba(255,199,79,.11),transparent 20%),linear-gradient(180deg,#08213a 0%,var(--bg) 35%,var(--bg-deep) 100%);color:var(--text);line-height:1.65;min-height:100vh}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,textarea,select{font:inherit}
::selection{background:rgba(55,183,255,.35)}
.container{width:min(var(--max),calc(100% - 40px));margin:auto}
.site-header{position:sticky;top:0;z-index:40;background:rgba(5,22,40,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(126,214,255,.13)}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:12px;font-family:Georgia,"Times New Roman",serif;letter-spacing:.08em;font-weight:800}
.brand img{width:43px;height:43px;object-fit:contain;filter:drop-shadow(0 6px 14px rgba(255,191,47,.18))}
.nav-links{display:flex;align-items:center;gap:27px;font-size:14px;font-weight:700;color:#d3e5f4}
.nav-links a{position:relative;padding:6px 0}
.nav-links a:hover,.nav-links a.active{color:#fff}
.nav-links a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--blue),var(--gold))}
.nav-toggle{display:none;background:none;border:0;color:#fff;font-size:25px}
.hero{padding:78px 0 72px;position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;width:560px;height:560px;border-radius:50%;background:rgba(53,174,255,.14);filter:blur(96px);left:-220px;top:18px;pointer-events:none}
.hero-copy{position:relative;z-index:2}
.hero-home{min-height:calc(100vh - 76px);display:flex;align-items:center}
.hero-home .container{position:relative;z-index:2;width:min(var(--max),calc(100% - 40px));margin:auto;display:flex;align-items:center;min-height:inherit}
.hero-copy-home{max-width:620px;padding:10px 0 20px}
.hero-scene{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,33,58,1) 0%,rgba(8,33,58,.98) 16%,rgba(8,33,58,.84) 26%,rgba(8,33,58,.55) 38%,rgba(8,33,58,.25) 51%,rgba(8,33,58,.08) 67%,rgba(8,33,58,.03) 100%),linear-gradient(180deg,rgba(15,76,128,.10) 0%,rgba(8,33,58,0) 42%,rgba(4,17,31,.56) 100%),url("../images/hero-gaming-world.webp") 62% center / cover no-repeat;opacity:1;filter:brightness(1.08) saturate(1.08)}
.hero-home:after{content:"";position:absolute;inset:auto 0 0 0;height:160px;background:linear-gradient(180deg,rgba(4,17,31,0),rgba(4,17,31,.72) 66%,rgba(4,17,31,.97) 100%);pointer-events:none}
.hero-home .hero-copy-home:before{content:"";position:absolute;inset:-28px -34px -24px -24px;border-radius:38px;background:linear-gradient(135deg,rgba(6,27,47,.34),rgba(6,27,47,.08));backdrop-filter:blur(2px);z-index:-1;box-shadow:0 18px 55px rgba(0,0,0,.10)}
h1,h2,h3{margin:0 0 14px;line-height:1.08}
h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(50px,6.8vw,88px);letter-spacing:-.045em}
h2{font-size:clamp(31px,4vw,52px);letter-spacing:-.035em}
h3{font-size:23px}
.hero h1{max-width:650px;text-shadow:0 10px 30px rgba(0,0,0,.22)}
.gold-text{background:linear-gradient(135deg,#fff4c6 0%,#ffc64d 42%,#fff0b7 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
.lead{font-size:19px;color:#d8e8f4;max-width:690px;margin:18px 0 0;text-shadow:0 8px 24px rgba(0,0,0,.16)}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:49px;padding:0 20px;border-radius:15px;border:1px solid var(--line);background:rgba(255,255,255,.055);color:#fff;font-weight:850;cursor:pointer;transition:transform .22s ease,border-color .22s ease,background .22s ease}
.btn:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.32)}
.btn-primary{background:linear-gradient(135deg,#ffcc5b,#f5ad21);color:#161006;border:0;box-shadow:0 14px 32px rgba(245,173,33,.2)}
.btn-soft{background:rgba(73,183,255,.10);border-color:rgba(126,214,255,.22)}
.btn-muted{background:rgba(255,255,255,.045);color:#adc6d8;cursor:default}
.btn-muted:hover{transform:none;border-color:var(--line)}
.hero-art{position:relative;border-radius:36px;overflow:hidden;min-height:480px;border:1px solid rgba(126,214,255,.22);box-shadow:0 34px 90px rgba(0,8,20,.42);background:#061728}
.hero-art img{width:100%;height:100%;min-height:480px;object-fit:cover;object-position:center}
.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,18,32,.35),transparent 32%,transparent 70%,rgba(4,17,31,.08));pointer-events:none}
.hero-brand-badge{position:absolute;left:24px;bottom:24px;z-index:3;display:flex;align-items:center;gap:12px;padding:11px 15px;border-radius:18px;background:rgba(4,22,39,.74);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(12px);font-weight:800}
.hero-brand-badge img{width:42px;height:42px;min-height:0;object-fit:contain}
.hero-brand-badge small{display:block;color:#a8c9df;font-weight:650}
.section{padding:76px 0}
.section.compact{padding-top:36px}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:34px;margin-bottom:31px}
.section-head p{max-width:610px;margin:0;color:var(--muted)}
.kicker{color:var(--blue-2);font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;margin-bottom:9px}
.panel{background:linear-gradient(180deg,rgba(16,55,91,.82),rgba(7,28,49,.9));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.games-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.game-card{min-width:0;position:relative;border-radius:30px;overflow:hidden;border:1px solid rgba(156,218,255,.2);background:linear-gradient(180deg,rgba(15,47,81,.9),rgba(6,24,42,.95));box-shadow:0 22px 55px rgba(0,7,18,.28);transition:transform .24s ease,border-color .24s ease}
.game-card:hover{transform:translateY(-7px);border-color:rgba(156,218,255,.38)}
.game-card-inner{min-height:500px;display:flex;flex-direction:column;position:relative;overflow:hidden}
.game-art{height:280px;position:relative;overflow:hidden}
.game-content{padding:26px 25px 25px;position:relative;z-index:4;margin-top:auto}
.game-content h3{font-size:28px;letter-spacing:.01em;margin:13px 0 9px}
.game-content p{color:#bdd1e1;margin:0;min-height:54px}
.status-pill{display:inline-flex;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);color:#e8f7ff;font-size:11px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.game-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}
.game-actions .btn{min-height:42px;padding:0 14px;font-size:13px}
.theme-gapshot{background:linear-gradient(155deg,#0a3760 0%,#0b2948 50%,#07182b 100%)}
.theme-gapshot .game-art{background:radial-gradient(circle at 68% 34%,rgba(255,201,83,.24),transparent 19%),linear-gradient(145deg,#0a4b76,#0c2e50 55%,#071b31)}
.gap-line{position:absolute;width:58%;height:28px;border-radius:30px;background:linear-gradient(90deg,#7edbff,#197ad0);box-shadow:0 0 28px rgba(65,181,255,.38);right:-8%;transform:rotate(-12deg)}
.gap-line:after{content:"";position:absolute;width:82px;height:100%;left:43%;background:#082a49;box-shadow:inset 0 0 15px rgba(0,0,0,.35)}
.gap-line.l1{top:42px}.gap-line.l2{top:124px;right:18%;width:74%;transform:rotate(8deg)}.gap-line.l3{top:211px;right:-14%;width:70%;transform:rotate(-5deg)}
.shot-orb{position:absolute;width:72px;height:72px;border-radius:50%;left:23%;top:99px;background:radial-gradient(circle at 35% 30%,#fff9ce,#ffc949 28%,#ff8f16 72%);box-shadow:0 0 44px rgba(255,187,48,.7),0 0 90px rgba(255,168,20,.35)}
.speed-trail{position:absolute;height:3px;border-radius:10px;background:linear-gradient(90deg,transparent,#ffd977);left:0;transform:rotate(-7deg);opacity:.8}.speed-trail.t1{width:35%;top:116px}.speed-trail.t2{width:23%;top:145px;left:6%}
.theme-onewrongmove{background:linear-gradient(155deg,#163368 0%,#1c2756 50%,#09162d 100%)}
.theme-onewrongmove .game-art{background:radial-gradient(circle at 70% 40%,rgba(122,102,255,.34),transparent 29%),linear-gradient(145deg,#1a4b81,#202f69 54%,#09172e)}
.move-grid{position:absolute;inset:34px 44px;background-image:linear-gradient(rgba(136,210,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(136,210,255,.12) 1px,transparent 1px);background-size:42px 42px;transform:perspective(500px) rotateX(63deg) rotateZ(-5deg);transform-origin:center bottom;border-radius:24px}
.move-tile{position:absolute;width:70px;height:70px;border-radius:17px;background:linear-gradient(145deg,#80deff,#2e8cf2);box-shadow:0 12px 30px rgba(36,152,255,.35);transform:rotate(8deg)}
.move-tile.a{left:19%;top:70px}.move-tile.b{left:44%;top:115px}.move-tile.c{right:17%;top:52px}.move-tile.danger{right:27%;bottom:36px;background:linear-gradient(145deg,#ffdf7f,#ff704f);box-shadow:0 14px 35px rgba(255,109,73,.42);transform:rotate(-7deg)}
.move-path{position:absolute;left:28%;top:98px;width:48%;height:90px;border:3px solid rgba(180,225,255,.52);border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(7deg)}
.more-games-card{background:linear-gradient(155deg,#113c6b 0%,#102f55 50%,#081a31 100%)}
.more-games-card .game-art{background:radial-gradient(circle at 50% 48%,rgba(255,208,92,.28),transparent 16%),radial-gradient(circle at 50% 50%,rgba(58,184,255,.24),transparent 43%),linear-gradient(145deg,#0b4471,#102b52 57%,#07172b)}
.portal-ring{position:absolute;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);border:2px solid rgba(132,220,255,.55);box-shadow:0 0 32px rgba(55,183,255,.22)}
.portal-ring.r1{width:165px;height:165px}.portal-ring.r2{width:222px;height:222px;border-color:rgba(255,204,94,.42)}
.portal-star{position:absolute;color:#ffe49e;text-shadow:0 0 18px rgba(255,213,117,.8)}.portal-star.s1{left:27%;top:30%;font-size:28px}.portal-star.s2{right:25%;top:25%;font-size:18px}.portal-star.s3{right:30%;bottom:24%;font-size:24px}
.about-home{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:stretch}
.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.value-card{padding:28px}.value-card p{color:var(--muted);margin:8px 0 0}.value-number{display:block;color:var(--gold);font-weight:900;font-size:12px;letter-spacing:.12em;margin-bottom:14px}.story-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:24px}.story-main{padding:38px}.story-main p,.story-mark p,.story-copy p,.future-card p,.games-note p{color:var(--muted);font-size:17px}.story-mark{padding:34px;display:flex;flex-direction:column;justify-content:center}.story-mark img{width:118px;margin-bottom:26px;filter:drop-shadow(0 16px 35px rgba(0,0,0,.25))}.split-story{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:start;padding:36px 0}.story-copy p:first-child{margin-top:0}.future-card{padding:38px;display:flex;justify-content:space-between;align-items:center;gap:40px}.future-card>div{max-width:780px}.games-note{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:start;padding:34px 0 20px}
.about-card{padding:34px}
.about-card p{color:var(--muted);font-size:17px;max-width:670px}
.brand-card{padding:30px;display:flex;align-items:center;gap:24px;background:radial-gradient(circle at 85% 10%,rgba(255,199,79,.16),transparent 32%),linear-gradient(145deg,rgba(15,66,108,.9),rgba(8,30,52,.95))}
.brand-card img{width:150px;flex:0 0 auto;filter:drop-shadow(0 16px 35px rgba(0,0,0,.25))}
.brand-card p{margin:6px 0 0;color:#c5d8e6}
.contact-band{padding:34px;display:flex;justify-content:space-between;align-items:center;gap:22px;background:linear-gradient(135deg,rgba(41,161,235,.16),rgba(255,198,73,.08)),linear-gradient(180deg,rgba(15,54,89,.85),rgba(8,28,48,.95))}
.contact-band p{color:var(--muted);margin:7px 0 0}
.page-hero{padding:82px 0 42px;position:relative}.page-hero:after{content:"";display:block;width:86px;height:3px;margin-top:28px;border-radius:99px;background:linear-gradient(90deg,var(--blue),var(--gold))}.page-hero h1{font-size:clamp(44px,6vw,72px);max-width:900px}.page-hero .lead{max-width:820px}.games-page-hero .lead{max-width:850px}
.page-card{padding:34px}
.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:28px}
.legal{padding:34px}.legal h2{font-size:28px;margin-top:34px}.legal h2:first-child{margin-top:0}.legal h3{font-size:18px;margin-top:24px}.legal p,.legal li{color:#c2d6e5}.legal ul{padding-left:20px}.legal a{color:#8ed9ff;text-decoration:underline}.toc{padding:23px;position:sticky;top:100px;height:max-content}.toc a{display:block;color:#a9c3d6;padding:8px 0;font-size:14px}.toc a:hover{color:#fff}.notice{border-left:3px solid var(--gold);background:rgba(255,199,79,.07);padding:14px 16px;border-radius:0 13px 13px 0;color:#e6d8ad}.notice.info{border-color:var(--blue);background:rgba(55,183,255,.08);color:#cae8f7}
.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:24px}.contact-cards{display:grid;gap:14px}.contact-card{padding:24px}.contact-card p{margin:5px 0 0;color:var(--muted)}.contact-card a{color:#dff5ff}.form{padding:28px}.field{display:grid;gap:8px;margin-bottom:17px}.field label{font-size:13px;font-weight:850}.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);background:#071c31;color:#fff;border-radius:14px;padding:13px 14px;outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:rgba(85,193,255,.52)}.field textarea{min-height:140px;resize:vertical}.form-note{color:#8fb1c8;font-size:12px}
.support-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.support-item{padding:26px}.support-item p{color:var(--muted)}.support-item .support-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;margin-bottom:18px;background:rgba(93,195,255,.12);border:1px solid rgba(126,214,255,.2);font-size:22px}
.game-detail{display:grid;grid-template-columns:.96fr 1.04fr;gap:42px;align-items:center}.detail-art{height:520px;border-radius:32px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);position:relative}.detail-art .game-art{height:100%}.detail-copy p{color:#c1d6e5}.simple-info{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0}.simple-info div{padding:15px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.04)}.simple-info small{display:block;color:#8fb0c8}.simple-info strong{display:block;margin-top:3px}
.site-footer{margin-top:76px;border-top:1px solid var(--line);background:rgba(3,15,27,.72)}.footer-top{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:34px;padding:52px 0 34px}.footer-brand{max-width:390px}.footer-brand .brand{margin-bottom:14px}.footer-brand p{color:#95b3c8;font-size:14px}.footer-col h4{font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:#dbeef8}.footer-col a,.footer-col span{display:block;color:#91b1c7;font-size:14px;margin:9px 0}.footer-col a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding:20px 0 27px;border-top:1px solid var(--line);color:#7798b0;font-size:12px}
.empty-space{height:16px}
@media(max-width:980px){
  .about-home,.game-detail,.contact-grid,.content-grid,.story-layout,.split-story,.games-note{grid-template-columns:1fr}
  .hero-home{min-height:680px}
  .hero-copy-home{max-width:540px}
  .hero-scene{background:linear-gradient(90deg,rgba(8,33,58,1) 0%,rgba(8,33,58,.95) 18%,rgba(8,33,58,.78) 34%,rgba(8,33,58,.42) 54%,rgba(8,33,58,.12) 74%,rgba(8,33,58,.05) 100%),linear-gradient(180deg,rgba(8,33,58,.12) 0%,rgba(8,33,58,0) 45%,rgba(4,17,31,.46) 100%),url("../images/hero-gaming-world.webp") 68% center / cover no-repeat;filter:brightness(1.06) saturate(1.06)}
  .hero-art{min-height:430px}.hero-art img{min-height:430px}
  .games-grid{grid-template-columns:repeat(2,1fr)}.games-grid .more-games-card{grid-column:1/-1}.values-grid{grid-template-columns:1fr 1fr}.future-card{align-items:flex-start;flex-direction:column}
  .toc{position:static}.footer-top{grid-template-columns:1.4fr 1fr 1fr}.footer-brand{grid-column:1/-1}
}
@media(max-width:760px){
  .nav-links{position:absolute;top:76px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;background:#071b2f;border-bottom:1px solid var(--line);padding:18px 22px}.nav-links.open{display:flex}.nav-toggle{display:block}
  .hero{padding-top:48px}.hero-home{min-height:0;padding-bottom:54px}.hero-copy-home{max-width:none;padding-top:0;padding-bottom:6px}.hero-home .container{min-height:auto}.hero-home .hero-copy-home:before{inset:-18px -14px -16px -14px;border-radius:26px}.hero-scene{inset:0;background:linear-gradient(180deg,rgba(8,33,58,.92) 0%,rgba(8,33,58,.84) 16%,rgba(8,33,58,.64) 36%,rgba(8,33,58,.48) 54%,rgba(8,33,58,.76) 100%),url("../images/hero-gaming-world.webp") 58% center / cover no-repeat;filter:brightness(1.06) saturate(1.05)}.hero-art{min-height:340px;border-radius:27px}.hero-art img{min-height:340px}.hero-brand-badge{left:16px;bottom:16px}
  .section{padding:58px 0}.section-head{align-items:flex-start;flex-direction:column}.games-grid{grid-template-columns:1fr}.games-grid .more-games-card{grid-column:auto}.game-card-inner{min-height:470px}.game-art{height:265px}
  .about-home{grid-template-columns:1fr}.brand-card{align-items:flex-start}.contact-band{align-items:flex-start;flex-direction:column}.support-grid{grid-template-columns:1fr}.simple-info{grid-template-columns:1fr}.values-grid{grid-template-columns:1fr}.story-main,.story-mark,.future-card{padding:28px}.split-story,.games-note{gap:18px}
  .footer-top{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column}
}
@media(max-width:520px){
  .container{width:min(var(--max),calc(100% - 28px))}.brand span{font-size:14px}.hero h1{font-size:47px}.lead{font-size:17px}.hero-home{padding-top:42px;padding-bottom:42px;min-height:0}.hero-copy-home{padding-bottom:0}.hero-home .hero-copy-home:before{inset:-14px -10px -14px -10px;border-radius:22px}.hero-scene{background:linear-gradient(180deg,rgba(8,33,58,.94) 0%,rgba(8,33,58,.88) 20%,rgba(8,33,58,.68) 44%,rgba(8,33,58,.58) 64%,rgba(8,33,58,.84) 100%),url("../images/hero-gaming-world.webp") 64% center / cover no-repeat;filter:brightness(1.06) saturate(1.05)}.hero-art{min-height:280px}.hero-art img{min-height:280px}.hero-brand-badge small{display:none}.brand-card{flex-direction:column}.brand-card img{width:120px}.footer-top{grid-template-columns:1fr}.page-card,.legal,.form{padding:22px}
}