:root{--navy:#090d26;--navy2:#121a44;--wood:#3a1a10;--gold:#f2d38a;--gold2:#b98a3c;--cream:#f5ecd7;--sub:#c9c0a8}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;background:#04061a;color:var(--cream);font:500 16px/1.8 Shippori Mincho B1,Hiragino Mincho ProN,Yu Mincho,serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}#app{max-width:480px;margin:0 auto;min-height:100dvh;position:relative}.gate{min-height:100dvh;display:flex;flex-direction:column;background:#000}.gate-v{width:100%;height:44dvh;object-fit:cover;display:block;background:#000}.gate-low{flex:1;background:linear-gradient(180deg,#000,#090d26 40%);padding:12px 22px 36px;text-align:center}.title{width:72%;max-width:320px;display:block;margin:6px auto 2px}.ann{margin:4px 0 12px;font-size:15px}.board{display:block;width:100%;max-width:320px;margin:0 auto;padding:13px;border-radius:8px;font-weight:800;font-size:18px;color:#2a1705;background:linear-gradient(180deg,#fbe7ae,#d9a94e 60%,#b98a3c);box-shadow:0 2px 14px #f2d38a73}.skip{color:var(--sub);font-size:14px;text-decoration:underline;padding:10px}#sky{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:#04061a}html,body{background:transparent}body.lock{overflow:hidden}#app{background:transparent}.gate{background:#000}.car{padding-bottom:90px}.car.fade{animation:fd .7s ease}@keyframes fd{0%{opacity:0}to{opacity:1}}.hd{position:sticky;top:0;z-index:4;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:6px 12px;font-size:12px;background:#06091eb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid rgba(185,138,60,.45)}.hd b{font-size:16px;color:var(--gold);letter-spacing:.1em}.hd a{color:var(--gold)}.win{position:relative;aspect-ratio:16/9;background:#000;overflow:hidden}.win-v{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.win-f{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.mas{position:absolute;right:8%;bottom:6%;width:18%;filter:drop-shadow(0 2px 6px #000)}.hero{padding:12px 16px 6px;min-height:186px;text-align:center}.hero h1{margin:0 0 4px;font-size:22px;font-weight:800;color:var(--gold);line-height:1.4}.hero p{margin:0 0 8px;font-size:14.5px;line-height:1.7}.cta2{padding:6px 18px;border:1px solid var(--gold);border-radius:18px;color:var(--gold);font-size:14px;background:#090d2699}.dots{display:flex;gap:8px;justify-content:center;margin-top:10px}.dots i{width:7px;height:7px;border-radius:50%;background:#f2d38a4d;cursor:pointer}.dots i.on{background:var(--gold)}.shelf{padding:18px 0 4px 14px}.shelf h2{margin:0;font-size:21px;font-weight:800;color:var(--gold)}.shelf h2 small{margin-left:8px;font-size:13px;font-weight:500;color:var(--sub)}.lead{margin:2px 14px 8px 0;font-size:14px;line-height:1.7}.row{display:flex;gap:10px;overflow-x:auto;padding:2px 14px 10px 0;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}.row::-webkit-scrollbar{display:none}.row.one .card{width:100%}.row.one .card img{aspect-ratio:21/9}.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-right:14px}.grid .card{width:auto}.card{flex:none;width:158px;scroll-snap-align:start;display:flex;flex-direction:column;text-align:left;padding:0 0 8px;border:1px solid var(--gold2);border-radius:10px;overflow:hidden;background:#121a44eb;box-shadow:0 3px 10px #00000080}.card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.card .pv{display:block;padding:10px 10px 4px;min-height:92px;font-size:12.5px;line-height:1.6;color:var(--sub);overflow:hidden}.card b{padding:7px 10px 0;font-size:15px;line-height:1.4;color:var(--cream)}.card small{padding:0 10px;font-size:12px;color:var(--sub);line-height:1.5}.card em{margin-top:auto;padding:4px 10px 0;font-style:normal;font-size:13px;color:var(--gold)}.warp{position:fixed;bottom:14px;right:calc(max(0px,(100vw - 480px)/2) + 14px);z-index:5;width:60px;height:60px;border-radius:50%;background:radial-gradient(circle,#fff,#a8c6ff 26%,#23327e 72%);border:1px solid var(--gold);color:#fff;font-size:13px;font-weight:800;text-shadow:0 0 4px #000;box-shadow:0 0 14px #a8c6ffb3}.foot{margin:18px 14px 0;font-size:12px;line-height:1.6;color:var(--sub)}.foot a{text-decoration:underline}.warp-o{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:20;display:flex;align-items:center;justify-content:center}.warp-o video{width:100%;height:100%;object-fit:cover}.warp-o p{position:absolute;bottom:12%;left:6%;right:6%;margin:0;text-align:center;font-weight:700;color:#fff;text-shadow:0 1px 5px #000}.ov{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:#020310b8;display:flex;justify-content:center;align-items:flex-end}.ov-p{width:100%;max-width:480px;max-height:92dvh;overflow:auto;background:linear-gradient(180deg,#141c49,#090d26);border:1px solid var(--gold2);border-bottom:0;border-radius:16px 16px 0 0;padding:0 14px 28px}.ov-h{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:12px 0 8px;background:linear-gradient(180deg,#141c49 80%,#141c4900)}.ov-h h2{margin:0;font-size:21px;color:var(--gold);font-weight:800;line-height:1.35}.x{width:36px;height:36px;font-size:24px;color:var(--gold)}.ov .lead{margin-right:0}.read{font-size:16px;line-height:1.95}.hint{font-size:13px;color:var(--sub);margin:8px 0;line-height:1.6}.sel{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:12px}.sel button{padding:8px 0;border:1px solid var(--gold2);border-radius:6px;font-size:14px;background:var(--navy2)}.sel button.on{background:linear-gradient(180deg,#fbe7ae,#d9a94e);color:#2a1705;font-weight:800}.tk{width:100%;display:block;border-radius:8px;box-shadow:0 4px 18px #0009}.s-img{width:62%;display:block;margin:0 auto;aspect-ratio:1;object-fit:cover;border-radius:12px;border:1px solid var(--gold2)}.s-tag{margin:8px 0 0;text-align:center;font-weight:800;color:var(--gold)}.s-p{margin:0;text-align:center;font-size:13.5px}.s-c{display:flex;align-items:center;gap:14px;margin:12px 0 4px}.play{flex:none;width:60px;height:60px;border-radius:50%;background:linear-gradient(180deg,#fbe7ae,#b98a3c);color:#2a1705;font-size:22px}.s-c label{flex:1;display:flex;align-items:center;gap:10px;font-size:14px}.s-c input{flex:1;accent-color:var(--gold)}.note{margin:10px 0;padding:10px 14px;border:1px solid var(--gold2);border-radius:8px;font-size:15px;line-height:1.8;background:#0003}.note small{display:block;text-align:center;color:var(--gold);font-size:12.5px}.dt{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:8px;margin-bottom:14px}.dt select{padding:11px 6px;font:inherit;color:var(--cream);background:var(--navy2);border:1px solid var(--gold2);border-radius:6px}.star{border:1px solid var(--gold2);border-radius:8px;padding:10px 14px;margin-bottom:10px;background:var(--navy2)}.star h3{margin:0 0 4px;font-size:20px;color:var(--gold)}.star p{margin:4px 0;font-size:15.5px}.moon{display:flex;gap:12px;padding:12px;border:1px solid var(--gold2);border-radius:8px;margin-bottom:8px;background:var(--navy2)}.mk{flex:none;width:34px;height:34px;border-radius:50%;margin-top:3px}.mk.f{background:radial-gradient(circle at 40% 35%,#fffbe6,#f2d38a 70%);box-shadow:0 0 10px #f2d38acc}.mk.n{background:#0b1030;border:1px solid var(--gold)}.moon b{display:block;color:var(--gold);font-size:17px;line-height:1.4}.moon small{display:block;font-size:13px}.moon p{margin:4px 0 0;font-size:15px}.hk{text-align:center;padding:4px 6px}.hk img{width:120px}.say{font-size:20px;font-weight:700;line-height:1.8;margin:8px 0}.hk small{color:var(--gold)}