.detail-wrap{width:min(1170px,calc(100% - 48px));margin:0 auto}
.detail-hero{background:radial-gradient(ellipse at 70% 20%,#2a605343,transparent 70%),#0b2626;padding:65px 0 84px;position:relative}
.detail-hero:before{content:"";position:absolute;inset:22px;border:1px solid #b798614d;pointer-events:none}
.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:68px;align-items:center}
.detail-kicker{display:inline-block;color:#d9b884;font:700 11px var(--sans);letter-spacing:.18em;margin-bottom:22px;text-transform:uppercase}
.detail-copy h1{font:600 clamp(48px,5.2vw,80px)/.98 var(--serif);color:#f6e5cb;margin:10px 0 22px}
.detail-intro{color:#d9d0bc;font-size:15px;line-height:2;max-width:530px}
.detail-info{border-top:1px solid #a5895d6b;display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:32px;padding-top:25px;flex-wrap:wrap}
.detail-status{font-size:12px;letter-spacing:.06em;color:#e4c18b}
.detail-premium{font:700 10px var(--sans);letter-spacing:.14em;color:#f6deb0;border:1px solid #ae8951;padding:9px 12px}
.detail-frame{position:relative;border:8px solid #17342f;outline:1px solid #cba66b;box-shadow:0 26px 65px #0008, inset 0 0 0 1px #d6b57d;background:#26413a}
.detail-frame:after{content:"";position:absolute;inset:14px;border:1px solid #dfbb82ba;pointer-events:none}
.detail-frame>img{width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;display:block}
.detail-frame .detail-logo{position:absolute;left:7%;bottom:7%;width:61%;max-height:87px;object-fit:contain;object-position:left bottom;filter:drop-shadow(0 4px 8px #000a)}
.detail-nav{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:30px}
.detail-nav a{color:#eed2a0;text-decoration:none;border-bottom:1px solid #9b754e;padding-bottom:5px;font:700 12px var(--sans);letter-spacing:.08em}
.detail-story{background:#eee1c9;color:#263b35;padding:88px 0}
.detail-story .story-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:75px;align-items:start}
.detail-story h2{font:600 clamp(47px,5vw,69px)/1 var(--serif);margin:0 0 22px;color:#28483d}
.detail-story p{font:400 15px/1.9 var(--sans);color:#5d6457}
.detail-card{border:1px solid #a88758;background:#f6ecd8;padding:28px 32px;box-shadow:inset 0 0 0 7px #f6ecd8,inset 0 0 0 8px #c2a374}
.detail-card h3{font:600 31px var(--serif);margin:0 0 10px;color:#304c3c}
.detail-card small{display:block;color:#9d743b;font:700 10px var(--sans);letter-spacing:.16em;margin-bottom:12px}
.detail-feature{margin-top:18px;width:100%;display:block;max-height:250px;object-fit:cover;border:4px solid #d8c19b}
.detail-next{background:#0d2928;padding:76px 0;text-align:center}
.detail-next h2{font:600 clamp(38px,4vw,58px) var(--serif);color:#f6e7ca;margin:0 0 22px}
.detail-next .other-games{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}
.detail-next a{padding:12px 19px;border:1px solid #b58e58;color:#eacb98;text-decoration:none;font:600 11px var(--sans);letter-spacing:.06em}
.detail-next a:hover,.detail-nav a:hover{background:#bb975b;color:#082322}
.detail-header-link{color:#e5c28c;letter-spacing:.06em;font:700 11px var(--sans);text-decoration:none}
.detail-header-link:hover{text-decoration:underline}
.detail-switch{display:flex;align-items:center;gap:12px;font:700 12px var(--sans);letter-spacing:.12em}
.detail-switch a{color:#b5a181;text-decoration:none}
.detail-switch a[aria-current="page"]{color:#f8daa5;border-bottom:1px solid #f8daa5}
.site-header .detail-head-actions{display:flex;gap:26px;align-items:center}
@media(max-width:900px){.detail-grid,.detail-story .story-layout{grid-template-columns:1fr;gap:35px}.detail-hero{padding:42px 0 62px}.detail-frame{max-width:650px}.detail-story{padding:66px 0}}
@media(max-width:600px){.detail-wrap{width:calc(100% - 34px)}.detail-grid{gap:30px}.detail-copy h1{font-size:clamp(47px,10vw,68px)}.detail-hero:before{inset:9px}.detail-intro{font-size:14px}.site-header .detail-head-actions{gap:12px}.detail-header-link{font-size:10px}.detail-card{padding:27px}.detail-story{padding:53px 0}}