:root{--night:#111623;--blue:#172a44;--ink:#eef4f5;--line:#536a83;--glow:#b6d9f0;--gold:#ead69b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--night);color:var(--ink);font:16px/1.7 system-ui,-apple-system,"PingFang SC",sans-serif}a{color:inherit}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;padding:8px;background:#fff;color:#111;z-index:8}.mast{display:flex;align-items:center;justify-content:space-between;gap:26px;padding:20px clamp(22px,5vw,82px);border-bottom:1px solid #34445d}.logo{text-decoration:none;font-size:25px;font-weight:900;white-space:nowrap}.logo small{display:block;font-size:10px;letter-spacing:.22em;color:var(--gold)}.mast nav{display:flex;gap:24px;flex-wrap:wrap;font-size:13px}.mast nav a{text-decoration:none}.mast nav a:hover{color:var(--glow)}.lobby{display:grid;grid-template-columns:1.12fr .88fr;min-height:600px;background:#19243a}.lobby-image{overflow:hidden}.lobby-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.lobby-copy{align-self:center;padding:clamp(32px,6vw,92px)}.kicker{font-size:12px;letter-spacing:.16em;color:var(--gold);font-weight:800}.lobby h1{font-size:clamp(40px,4.8vw,72px);line-height:1.08;margin:22px 0}.lobby p{max-width:46ch}.jump{display:inline-block;margin-top:20px;padding:12px 20px;border:1px solid var(--gold);text-decoration:none;color:var(--gold)}.guide{padding:55px clamp(22px,6vw,95px);background:#20334a}.guide h2,.sound-map h2,.production h2{font-size:clamp(29px,3vw,46px);line-height:1.15;margin:10px 0}.guide>p{max-width:76ch}.guide-links{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:26px}.guide-links a{min-height:115px;padding:15px;border:1px solid #6f899a;text-decoration:none;background:#192a3d;display:flex;flex-direction:column;gap:8px}.guide-links b{color:var(--gold);font-size:20px}.sound-map{max-width:1580px;margin:auto;padding:80px clamp(20px,5vw,75px)}.sound-map>header{text-align:center;margin-bottom:36px}.sound-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.sound-card{background:#1d2a3c;border:1px solid #44566e;display:grid;grid-template-columns:42% 58%;min-height:480px}.sound-card:nth-child(4n+2),.sound-card:nth-child(4n+3){background:#223d50}.cover{position:relative;min-width:0;overflow:hidden}.cover img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 28%}.cover b{position:absolute;top:0;left:0;background:var(--gold);color:#253448;padding:7px 16px;font-size:19px}.sound-body{padding:clamp(18px,2.5vw,39px);align-self:center;min-width:0}.tone{color:var(--gold);font-size:12px;font-weight:800}.sound-body h3{font-size:clamp(23px,2.1vw,35px);line-height:1.16;margin:10px 0}.sound-body .role{font-weight:800;color:var(--glow);margin:4px 0}.sound-body p:not(.role){font-size:14px;line-height:1.7;color:#cbd9e6}.sound-body audio{display:block;width:100%;margin:18px 0;max-width:500px}details{border-top:1px solid var(--line);padding-top:8px;font-size:13px}summary{cursor:pointer;color:var(--gold)}.production{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;padding:70px clamp(22px,7vw,115px);background:#20334a}.production p{max-width:70ch}footer{text-align:center;padding:30px;color:#b7cad6;font-size:13px}@media(max-width:1200px){.sound-card{grid-template-columns:1fr}.cover{height:310px}.sound-body{padding:26px}.sound-card{min-height:0}}@media(max-width:780px){.mast{align-items:flex-start;flex-direction:column;gap:8px}.mast nav{gap:12px}.lobby{grid-template-columns:1fr}.lobby-image img{aspect-ratio:16/9;height:auto}.lobby-copy{padding:32px 24px 48px}.guide-links{grid-template-columns:repeat(2,1fr)}.sound-grid{grid-template-columns:1fr}.production{grid-template-columns:1fr;gap:10px}.sound-map{padding:55px 18px}}@media(max-width:480px){.guide-links{grid-template-columns:1fr 1fr}.guide-links a{min-height:118px;font-size:13px}.cover{height:360px}.lobby h1{font-size:39px}}