:root{--bg:#020b19;--panel:#061426;--line:#173653;--blue:#1688ff;--cyan:#52dfff;--gold:#ffbc2e;--text:#f5f8fc;--muted:#8fa2b8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 72% 42%,#082849 0,#020b19 32%,#010714 68%);color:var(--text);font-family:Inter,"Noto Sans JP",system-ui,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}header{height:76px;position:fixed;z-index:10;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,30px);background:linear-gradient(#020b19f5,transparent)}.brand{font-size:.82rem;font-weight:900;font-style:italic;letter-spacing:.02em}.brand>span{display:inline-grid;place-items:center;width:32px;height:32px;border:1px solid #176196;border-radius:50%;margin-right:8px;background:#05223a}.brand i,h1 i,.panel-title i{color:var(--gold);font-style:italic}nav{display:flex;gap:36px;font-size:.64rem;font-weight:900;letter-spacing:.22em;color:#a8b7c9}.hero{width:min(1160px,90%);min-height:100svh;margin:auto;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:60px;padding:110px 0 70px}.status{display:inline-block;border:1px solid #15527a;border-radius:99px;padding:7px 12px;color:#a9c1d7;font-size:.62rem;font-weight:900;letter-spacing:.15em;background:#06203a}.status:first-letter{color:#30f2a4}.copy>small,.panel-title small,.cards article>small{display:block;color:var(--cyan);font-size:.63rem;letter-spacing:.22em;font-weight:900;margin-top:22px}.copy h1{font-size:clamp(4.2rem,7.4vw,7.7rem);font-weight:900;font-style:italic;line-height:.78;letter-spacing:-.07em;margin:.16em 0 .28em}.copy h1 i{font-size:.42em;margin-left:10px}.copy h2{font-size:clamp(1.6rem,2.6vw,2.7rem);line-height:1.35}.copy p{max-width:600px;color:var(--muted);font-size:.88rem;line-height:1.9}.actions{display:flex;gap:10px;margin-top:26px}.primary,.actions button,.cards button,.utility button{padding:15px 22px;border:1px solid #244665;border-radius:8px;background:#061426;color:white;font-weight:800;cursor:pointer}.primary{border-color:var(--blue);background:var(--blue);box-shadow:0 10px 30px #007fff30}.tags{display:flex;gap:7px;margin-top:18px}.tags span{border:1px solid #193652;border-radius:99px;padding:7px 11px;color:#7f93a9;font-size:.62rem}.visual{position:relative;min-height:560px}.arch{position:absolute;inset:20px 0 70px;border-radius:220px 220px 45px 45px;overflow:hidden;border:1px solid #173653;box-shadow:0 35px 80px #0009}.arch img{width:100%;height:100%;object-fit:cover}.story{position:absolute;left:-28px;right:20px;bottom:70px;padding:19px;background:#031020e8;border:1px solid #18456a;border-radius:10px;z-index:2}.story small{display:block;color:var(--gold);font-size:.55rem;letter-spacing:.14em;font-weight:900}.story b{display:block;margin-top:8px}.visual>strong{position:absolute;right:-30px;bottom:15px;font:italic 8rem/1 Georgia;color:transparent;-webkit-text-stroke:2px #17345466}.panel{padding:110px max(5vw,30px);background:#041120}.panel-title{width:min(1160px,100%);margin:0 auto 35px}.panel-title h2,.cards h2{font-size:clamp(2.5rem,5vw,5rem);font-style:italic;margin:.12em 0}.panel-title p{color:var(--muted)}.game-card{width:min(1160px,100%);margin:auto;display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);background:#061426}.game-card>img{width:100%;height:100%;min-height:570px;object-fit:cover}.game-card>div{padding:clamp(25px,5vw,60px)}.game-card p{color:var(--muted);line-height:1.9}.features{display:grid;grid-template-columns:1fr 1fr;gap:9px}.features span,.game-card li{padding:11px;background:#091d31;border-left:2px solid var(--cyan);font-size:.78rem}.game-card ol{list-style:none;padding:0;display:grid;gap:8px}.game-card li b{color:var(--cyan);margin-right:8px}.play{display:flex;justify-content:center}.utility{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.game-card>div>small{display:block;text-align:center;color:#70869c;margin-top:9px}.cards{width:min(1160px,90%);margin:auto;padding:110px 0;display:grid;grid-template-columns:1fr 1fr;gap:18px}.cards article{padding:35px;border:1px solid var(--line);background:#061426}.cards article:first-child{border-top:3px solid var(--gold)}.cards article:last-child{border-top:3px solid #37e59a}.cards p,.cards li{color:var(--muted);line-height:1.8}.mobile-nav{display:none}dialog{max-width:500px;padding:35px;background:#061426;color:white;border:1px solid #285273;border-radius:12px}dialog::backdrop{background:#000c}.close{position:absolute;right:12px;top:8px;border:0;background:none;color:white;font-size:2rem}.saved{color:var(--cyan)!important;border-color:var(--cyan)!important}
@media(max-width:760px){body{padding-bottom:74px;background:linear-gradient(90deg,#020b19 0 52%,#052341 52%)}header{position:absolute;height:64px;padding:0 18px}nav{display:none}.hero{width:100%;min-height:auto;display:flex;flex-direction:column;padding:105px 18px 70px;gap:18px}.visual{order:-1;width:100%;min-height:520px}.arch{inset:70px 12px 55px;border-radius:180px 180px 20px 20px}.story{left:0;right:0;bottom:35px}.visual>strong{right:0;bottom:-10px;font-size:6rem}.copy{width:100%}.copy h1{font-size:16vw;margin-top:.25em}.copy h2{font-size:1.45rem}.actions,.tags{flex-wrap:wrap}.panel{padding:80px 18px}.game-card{grid-template-columns:1fr}.game-card>img{min-height:320px}.features,.utility{grid-template-columns:1fr}.cards{grid-template-columns:1fr;width:auto;margin:0;padding:75px 18px}.mobile-nav{display:grid;position:fixed;z-index:20;left:10px;right:10px;bottom:max(9px,env(safe-area-inset-bottom));grid-template-columns:repeat(3,1fr);background:#031020ee;border:1px solid #1b4568;border-radius:15px;backdrop-filter:blur(12px);box-shadow:0 10px 35px #000}.mobile-nav a{display:grid;place-items:center;padding:10px;font-size:1rem}.mobile-nav span{display:block;font-size:.52rem;color:#98aabd;letter-spacing:.12em;margin-top:4px}}
.contact{width:min(1160px,90%);margin:auto;padding:35px 0 110px;border-top:1px solid var(--line);display:flex;align-items:center;gap:24px;color:#71869d;font-size:.68rem;letter-spacing:.1em}.contact a{margin-left:auto;color:#a9bdd0}.contact a:hover{color:var(--cyan)}@media(max-width:760px){.contact{padding:28px 0 100px;flex-wrap:wrap}.contact a{margin-left:auto}}.qr-card{display:flex;align-items:center;gap:15px;margin:18px 0 8px;padding:14px;border:1px solid var(--line);border-radius:10px;background:#031020}.qr-card img{width:108px;height:108px;padding:6px;background:#fff;border-radius:7px}.qr-card b,.qr-card span{display:block}.qr-card b{color:var(--cyan);font-size:1rem}.qr-card span{margin-top:7px;color:var(--muted);font-size:.72rem;line-height:1.5}@media(max-width:760px){.qr-card{display:none}}.legal-links{display:flex;gap:14px;flex-wrap:wrap}.legal-links a{color:#8298ac;text-decoration:none}.legal-links a:hover{color:var(--cyan)}@media(max-width:760px){.legal-links{order:3;width:100%;gap:12px}.legal-links a{font-size:.62rem}}