.detail-shell{background:#f7f4f0}.detail-hero{display:grid;min-height:620px;grid-template-columns:1.06fr .94fr;align-items:center;gap:75px;padding:55px 92px 85px}.back-link{display:inline-flex;align-items:center;gap:7px;margin-bottom:30px;color:#736d67;font-size:12px;font-weight:600}.back-link svg{width:15px}.detail-kicker{margin:0 0 10px;color:#d85e36;font-size:13px;font-weight:700}.detail-hero h1{margin:0 0 13px;font-family:"Noto Serif SC",serif;font-size:clamp(48px,5vw,64px);line-height:1.25}.detail-hero h2{margin:0;font-size:clamp(23px,2.5vw,32px);font-weight:500;line-height:1.65}.detail-hero h2 strong{position:relative;font-family:"Noto Serif SC",serif}.detail-hero h2 strong::after{position:absolute;right:0;bottom:-8px;left:0;height:5px;border-radius:50%;background:#55c2e6;content:"";transform:rotate(-1deg)}.detail-actions{display:flex;align-items:center;gap:14px;margin-top:34px}.detail-primary,.detail-secondary{display:inline-flex;min-height:45px;align-items:center;justify-content:center;gap:8px;padding:0 19px;border:0;border-radius:999px;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:.18s}.detail-primary{background:#ff956f}.detail-primary:hover{background:#ffd064;transform:translateY(-2px)}.detail-secondary{border:1px solid #bdb5ac;background:transparent}.detail-secondary:hover{border-color:#191521;background:#fff}.detail-primary svg,.detail-secondary svg{width:15px}
.detail-flask-stage{position:relative;min-height:500px}.detail-flask{position:absolute;inset:25px 0 0 50%;width:320px;height:390px;overflow:visible;filter:drop-shadow(0 24px 18px rgba(80,45,95,.2));transform:translateX(-50%) rotate(-5deg);animation:detail-float 5.8s ease-in-out infinite;transition:transform .45s}.detail-flask-stage:hover .detail-flask{transform:translateX(-50%) rotate(3deg) scale(1.035)}.detail-flask-stage:hover .detail-liquid{animation:detail-swish .65s ease both}.detail-bubble{position:absolute;display:grid;place-items:center;color:#fff;border-radius:50%;font-family:"DM Sans",sans-serif;font-size:11px;font-weight:700;box-shadow:0 7px 15px rgba(80,45,95,.14);animation:bubble-float 3.5s ease-in-out infinite}.detail-bubble-a{top:80px;left:16%;width:43px;height:43px;background:#ff6a7a}.detail-bubble-b{top:35px;right:14%;width:55px;height:55px;background:#ffd34e;animation-delay:1s}.detail-bubble-c{right:8%;bottom:95px;width:40px;height:40px;background:#4ed5a5;animation-delay:1.8s}.detail-spark{position:absolute;left:15%;bottom:80px;color:#ffd064;font-size:38px;animation:spark-pulse 2.8s ease-in-out infinite}
.detail-symbol-stage{position:relative;display:flex;min-height:460px;align-items:center;justify-content:center;gap:13px;perspective:800px}.detail-symbol-stage span{display:grid;width:115px;height:150px;place-items:center;border:4px solid #554064;border-radius:16px;background:#fff;color:#554064;font:700 25px "DM Sans","Noto Sans SC",sans-serif;box-shadow:8px 10px 0 rgba(85,64,100,.14);animation:card-float 4.5s ease-in-out infinite}.detail-symbol-stage span:nth-child(2){background:#ffd064;animation-delay:.6s}.detail-symbol-stage span:nth-child(3){background:#78d8f4;animation-delay:1.2s}.detail-symbol-stage>svg{position:absolute;right:10%;bottom:55px;width:45px;height:45px;padding:10px;border-radius:50%;background:#ff8b67;color:#fff;animation:bubble-float 3.5s ease-in-out infinite}.missing-symbol span:nth-child(2){width:145px;background:#fff;font-size:19px}.message-symbol{flex-wrap:wrap;align-content:center}.message-symbol span{width:auto;height:auto;min-height:64px;padding:15px 20px;border-width:3px;border-radius:22px;font-size:15px}.message-symbol span:nth-child(1){background:#ffd064}.message-symbol span:nth-child(2){background:#a8dfbc}.message-symbol span:nth-child(3){background:#fff}.message-symbol>svg{background:#62ad82}@keyframes card-float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-13px) rotate(3deg)}}
.feature-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;padding:0 92px 85px;background:#f7f4f0}.feature-strip>div{display:flex;align-items:center;gap:14px;padding:24px;background:#fff}.feature-strip svg{width:22px;color:#d85e36}.feature-strip strong,.feature-strip small{display:block}.feature-strip strong{font-size:14px}.feature-strip small{margin-top:4px;color:#7d756d;font-size:11px}
.try-game{padding:90px 92px;background:#fff}.detail-section-heading p{margin:0 0 7px;font-size:13px;font-weight:600}.detail-section-heading h2{margin:0;font-size:clamp(34px,3.5vw,48px);font-weight:500;line-height:1.38}.detail-section-heading h2 strong{font-family:"Noto Serif SC",serif}.game-frame-shell{overflow:hidden;margin-top:38px;border:1px solid #ded8d0;border-radius:18px;background:#202031;box-shadow:0 22px 50px rgba(25,21,33,.1)}.game-frame-bar{display:grid;min-height:54px;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 18px;border-bottom:1px solid #ded8d0;background:#fff}.game-frame-bar>span{display:flex;gap:6px}.game-frame-bar>span i{width:9px;height:9px;border-radius:50%;background:#ff8b67}.game-frame-bar>span i:nth-child(2){background:#ffd34e}.game-frame-bar>span i:nth-child(3){background:#4ed5a5}.game-frame-bar p{margin:0;color:#736d67;font-size:11px;font-weight:600}.fullscreen-button{display:grid;width:34px;height:34px;place-items:center;justify-self:end;border:0;border-radius:50%;background:#f2eee8;cursor:pointer}.fullscreen-button svg{width:14px}.game-frame{display:block;width:100%;height:650px;border:0;background:#fff}.game-frame-watermark{display:flex;min-height:32px;align-items:center;justify-content:center;gap:7px;color:rgba(255,255,255,.74);font-size:10px;letter-spacing:.04em}.game-frame-watermark strong{font-family:"Playfair Display",serif;font-size:13px}.game-data-note{display:flex;align-items:center;gap:8px;margin:18px 0 0;color:#736d67;font-size:12px;line-height:1.7}.game-data-note svg{width:16px;flex:0 0 16px;color:#d85e36}.game-frame-shell:fullscreen{display:grid;height:100vh;grid-template-rows:auto 1fr auto;margin:0;border:0;border-radius:0}.game-frame-shell:fullscreen .game-frame{height:100%}
.video-guide{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:75px;padding:95px 92px;background:#f7f4f0}.video-guide>div:last-child>p{margin:0 0 10px;color:#d85e36;font-size:13px;font-weight:700}.video-guide h2{margin:0 0 28px;font-family:"Noto Serif SC",serif;font-size:clamp(32px,3.5vw,44px);line-height:1.45}.video-placeholder{display:grid;min-height:330px;place-items:center;align-content:center;gap:13px;border-radius:18px;background:#d98876;color:#fff;transition:.2s}.video-placeholder:hover{background:#c97867;transform:translateY(-4px)}.video-placeholder svg{width:62px;height:62px;padding:17px;border-radius:50%;background:rgba(255,255,255,.95);color:#d85e36}.video-placeholder span{font-size:12px;font-weight:700}.video-actions{display:flex;flex-wrap:wrap;gap:12px}
.video-placeholder.has-video-cover{position:relative;isolation:isolate;overflow:hidden;background-image:var(--video-cover);background-position:center;background-size:cover;box-shadow:0 18px 32px rgba(57,51,68,.14)}
.video-placeholder.has-video-cover::before{position:absolute;z-index:-1;inset:0;background:rgba(25,21,33,.28);content:"";transition:background-color .25s}
.video-placeholder.has-video-cover:hover{background-image:var(--video-cover);transform:translateY(-4px)}
.video-placeholder.has-video-cover:hover::before{background:rgba(25,21,33,.42)}
.video-placeholder.has-video-cover svg{box-shadow:0 8px 20px rgba(25,21,33,.2);transition:transform .25s}
.video-placeholder.has-video-cover:hover svg{transform:scale(1.08)}
.video-placeholder.has-video-cover span{padding:6px 11px;border-radius:999px;background:rgba(25,21,33,.68);font-size:13px}
.pdf-modal{position:fixed;z-index:100;inset:0;display:none;place-items:center;padding:24px;background:rgba(25,21,33,.68);backdrop-filter:blur(6px)}.pdf-modal.open{display:grid}.pdf-dialog{display:grid;width:min(1000px,95vw);height:min(820px,90vh);grid-template-rows:auto 1fr;overflow:hidden;border-radius:18px;background:#fff;box-shadow:0 28px 70px rgba(0,0,0,.25)}.pdf-dialog-bar{display:flex;min-height:58px;align-items:center;justify-content:space-between;padding:0 14px 0 22px;border-bottom:1px solid #ded8d0;font-size:13px}.pdf-close{display:grid;width:38px;height:38px;place-items:center;border:0;border-radius:50%;background:#f2eee8;cursor:pointer}.pdf-close:hover{background:#ffd064}.pdf-close svg{width:17px}.pdf-dialog iframe{width:100%;height:100%;border:0}
@keyframes detail-float{0%,100%{transform:translateX(-50%) translateY(0) rotate(-5deg)}50%{transform:translateX(-50%) translateY(-12px) rotate(-2deg)}}@keyframes detail-swish{50%{transform:rotate(-5deg);transform-origin:center}}@keyframes bubble-float{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-12px) rotate(4deg)}}@keyframes spark-pulse{0%,100%{opacity:.4;transform:rotate(0) scale(.85)}50%{opacity:1;transform:rotate(35deg) scale(1.1)}}
@media(max-width:1000px){.detail-hero,.video-guide{grid-template-columns:1fr}.detail-hero,.try-game,.video-guide{padding-right:28px;padding-left:28px}.feature-strip{padding-right:28px;padding-left:28px}.detail-flask-stage{min-height:450px}.game-frame{height:560px}}
@media(max-width:650px){.detail-hero{padding:35px 22px 65px}.detail-hero h1{font-size:46px}.detail-actions{align-items:flex-start;flex-direction:column}.feature-strip{grid-template-columns:1fr;padding:0 22px 70px}.try-game,.video-guide{padding:70px 22px}.game-frame{height:480px}.game-frame-bar{grid-template-columns:1fr auto}.game-frame-bar p{display:none}.detail-flask{width:270px}.detail-flask-stage{min-height:400px}.video-placeholder{min-height:270px}.pdf-modal{padding:10px}.pdf-dialog{height:94vh}.video-actions{align-items:flex-start;flex-direction:column}}

/* Unified section heading rhythm */
.detail-section-heading h2{font-size:clamp(32px,3.2vw,40px)}