.platform-intro[hidden]{display:none!important}
.responsible-play-reminder[hidden]{display:none!important}
.responsible-play-reminder{position:fixed;inset:0;z-index:1001;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(5,8,12,.84);font-family:system-ui,-apple-system,"Noto Sans TC",sans-serif}
.responsible-play-card{width:min(420px,100%);box-sizing:border-box;padding:28px 24px;border-radius:20px;background:#fff;color:#16191e;text-align:center;box-shadow:0 20px 60px #0009}
.responsible-play-card h2{margin:0 0 14px;font-size:25px}
.responsible-play-card p{margin:0 0 24px;font-size:18px;line-height:1.6;font-weight:700}
.responsible-play-card button{width:100%;min-height:48px;border:0;border-radius:12px;background:#20242c;color:#fff;font:800 17px system-ui,-apple-system,"Noto Sans TC",sans-serif;cursor:pointer}
.platform-intro-main:has(.competition-dm){display:flex;justify-content:center}.competition-dm{text-align:center;width:min(100%,640px);padding:10px 0}.dm-tag{color:#ffe3a1;font-size:13px;letter-spacing:.18em}.competition-dm h2{font-size:clamp(34px,7vh,66px);line-height:1.06;letter-spacing:.06em;margin:12px 0}.competition-dm em{font-style:normal;color:#ffe3a1}.competition-dm p{margin:8px 0;font-size:14px}.competition-dm .dm-hours{font-size:20px;font-weight:800;color:#ffe3a1}.dm-visual{display:flex;justify-content:center;align-items:center;height:clamp(100px,24vh,230px);gap:8px;margin:12px 0}.dm-visual img{height:100%;width:40%;object-fit:contain;filter:drop-shadow(0 12px 15px #0008)}.dm-visual span{font-size:32px;font-style:italic;font-weight:900;color:#fa8d76}.dm-prize{display:block;font-size:clamp(24px,4vh,38px);color:#ffe3a1}.dm-details{font-size:14px;line-height:1.6;margin:10px 0}.competition-dm small{font-size:11px;color:#d2c5c1}
.platform-intro[data-state="loading"] .platform-intro-main,.platform-intro[data-state="loading"] .platform-intro-bottom,.platform-intro[data-state="loading"] .platform-intro-progress{visibility:hidden}
.platform-intro{position:fixed;inset:0;z-index:1000;background:#101217;color:#fff;overflow:hidden;font-family:system-ui,-apple-system,"Noto Sans TC",sans-serif}
.platform-intro:before{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 55% 40%,#7c2327 0,transparent 30%),radial-gradient(circle at 15% 75%,#282b38 0,transparent 38%);opacity:.7}
.platform-intro-inner{position:relative;min-height:100%;height:100%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;max-width:1300px;margin:auto;padding:clamp(24px,4vw,54px) clamp(20px,5vw,64px) calc(24px + env(safe-area-inset-bottom))}
.platform-intro-top,.platform-intro-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}
.platform-intro-brand{font-size:clamp(17px,2vw,23px);font-weight:900;letter-spacing:.2em}
.platform-intro-time{font-size:13px;color:#f4ddd5;font-variant-numeric:tabular-nums}
.platform-intro-main{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:3vw;flex:1}
.platform-intro-main{position:relative}
.platform-intro-custom-cover{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center}
.platform-intro-play-sound{position:absolute;z-index:3;left:50%;bottom:12%;transform:translateX(-50%);border:1px solid #ffffffa8;border-radius:999px;background:#15171de8;color:#fff;padding:12px 20px;font:700 15px system-ui,-apple-system,"Noto Sans TC",sans-serif;cursor:pointer;white-space:nowrap}
.platform-intro.has-custom-cover .platform-intro-copy,.platform-intro.has-custom-cover .platform-intro-machines{visibility:hidden}
.platform-intro-kicker{display:inline-block;padding:7px 11px;border:1px solid #b35f57;border-radius:999px;color:#ffd5c8;font-size:12px;letter-spacing:.16em}
.platform-intro-copy h2{font-size:clamp(35px,5vw,70px);line-height:1.15;letter-spacing:-.045em;margin:19px 0}
.platform-intro-copy p{color:#d4d0ce;line-height:1.8;font-size:clamp(14px,1.4vw,17px);max-width:32em}
.platform-intro-machines{display:flex;align-items:center;justify-content:center;gap:1.2vw;min-width:0;perspective:1000px}
.platform-intro-machines img{display:block;min-width:0;width:32%;aspect-ratio:1/1.12;object-fit:cover;border:1px solid #494b53;border-radius:20px;box-shadow:0 26px 50px #0008;background:#191b20}
.platform-intro-machines img:first-child{transform:rotate(-8deg) translate(13%,8%)}
.platform-intro-machines img:nth-child(2){position:relative;z-index:1;transform:scale(1.15)}
.platform-intro-machines img:last-child{transform:rotate(8deg) translate(-13%,8%)}
.platform-intro-bottom{font-size:12px;color:#b8b7bd;margin-bottom:16px}
.platform-intro-progress{height:4px;border-radius:99px;background:#ffffff38;overflow:hidden}
.platform-intro-progress span{display:block;height:100%;width:0;background:#fa8d76;transition:width .12s linear}
@media(max-width:680px){.platform-intro-inner{padding:calc(23px + env(safe-area-inset-top)) 20px calc(24px + env(safe-area-inset-bottom))}.platform-intro-main{grid-template-columns:1fr;align-content:center;gap:36px}.platform-intro-copy{text-align:center}.platform-intro-copy h2{font-size:clamp(36px,10vw,54px)}.platform-intro-copy p{margin:0 auto}.platform-intro-machines{gap:1px}.platform-intro-machines img{width:36%;border-radius:12px}.platform-intro-bottom{font-size:11px}}
@media(max-height:600px){.platform-intro-main{gap:10px}.platform-intro-copy h2{font-size:clamp(30px,7vh,50px);margin:9px 0}.platform-intro-machines img{max-height:38vh}}
@media(prefers-reduced-motion:reduce){.platform-intro-progress span{transition:none}}