/* Halloween-only player view. Existing MIKI shell and every other guide stay intact. */
.miki-guides-family:has(.halloween-player){max-width:none!important;padding:0!important}
.guide-workspace.halloween-workspace{display:block!important;width:100%!important;max-width:1120px!important;margin:0 auto!important;min-width:0!important;background:transparent!important;border:0!important}
.halloween-player{--hwp-bg:#090f1b;--hwp-surface:#101827;--hwp-line:#222d40;--hwp-text:#eef2fa;--hwp-muted:#b2bfd5;--hwp-accent:#a35bff;box-sizing:border-box;color:var(--hwp-text);font-size:15px;line-height:1.5;min-width:0;padding:16px 24px 32px;width:100%;max-width:none}
.halloween-player *{box-sizing:border-box;min-width:0}
.halloween-player h1,.halloween-player h2,.halloween-player h3,.halloween-player p,.halloween-player figure{margin:0}
.halloween-player a{color:#c295ff;text-underline-offset:4px}
.halloween-player a:hover{color:#e0cbff}
.halloween-player button,.halloween-player a{touch-action:manipulation}
.halloween-player :is(a,button):focus-visible{outline:3px solid #c49aff;outline-offset:4px;border-radius:6px}
.hwp-back{display:inline-flex;align-items:center;min-height:44px;font-size:12px;color:var(--hwp-muted)!important;text-decoration:none;margin-bottom:8px}
.hwp-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,400px);align-items:center;gap:24px}
.hwp-title-line{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.halloween-player .hwp-title-line h1,.halloween-player .hwp-title-line h2{font-size:clamp(28px,2.9vw,36px);line-height:1.12;font-weight:800;letter-spacing:-.035em;max-width:100%;overflow-wrap:normal}
.hwp-server{display:inline-flex;gap:6px;align-items:center;border:1px solid var(--hwp-line);border-radius:7px;background:#19172d;padding:5px 8px;white-space:nowrap;font-size:12px;font-weight:600;color:#e7d8ff}
.hwp-server span{color:var(--hwp-muted);font-size:11px;letter-spacing:.02em}
.halloween-player .hwp-lead{font-size:17px;line-height:1.45;color:var(--hwp-muted);margin-top:10px;max-width:460px}
.halloween-player .hwp-project-note{font-size:13px;line-height:1.5;color:var(--hwp-muted);margin-top:10px}
.hwp-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px 20px;margin-top:16px}
.hwp-start{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 18px;border-radius:7px;background:#963dff;color:#fff!important;font-weight:700;font-size:14px;text-decoration:none;border:1px solid #b079ff}
.hwp-start:hover{background:#aa5aff}
.hwp-start svg,.hwp-reward-feature a svg{width:20px;height:20px;flex:none;vertical-align:middle}
.hwp-jump{font-size:13px;font-weight:650;min-height:44px;display:inline-flex;align-items:center}
.hwp-figure{width:100%;min-width:0}
.hwp-media{position:relative;display:block;width:100%;min-height:44px;padding:0;margin:0;border:1px solid var(--hwp-line);border-radius:7px;overflow:hidden;background:#080c14;cursor:zoom-in;line-height:0}
.hwp-media img{display:block;width:100%;height:auto;object-fit:contain;max-width:100%;border-radius:inherit;aspect-ratio:auto}
.hwp-enlarge{position:absolute;right:10px;top:10px;display:grid;place-items:center;width:32px;height:32px;border:1px solid #64708480;border-radius:8px;background:#090f1be8;color:#e8edf6;pointer-events:none}
.hwp-enlarge svg{width:18px;height:18px}
.hwp-figure figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:6px 1px 0;color:var(--hwp-muted);font-size:11px;line-height:1.4}
.hwp-figure figcaption a{flex:none;color:var(--hwp-muted);font-size:11px}
.hwp-hero-media .hwp-media img{height:225px;max-height:225px;object-fit:contain}
.hwp-section{margin-top:24px;scroll-margin-top:90px}
.hwp-section>.hwp-figure{max-width:480px}
.hwp-section>.hwp-figure .hwp-media img{height:225px;max-height:225px;object-fit:contain}
.halloween-player .hwp-section h2{font-size:22px;line-height:1.25;letter-spacing:-.02em;font-weight:750;color:var(--hwp-text)}
.hwp-section-heading{margin-bottom:12px}
.halloween-player .hwp-section-heading p{margin-top:4px;color:var(--hwp-muted);font-size:13px;line-height:1.45;max-width:760px}
.hwp-start-section{margin-top:18px}
.hwp-start-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:12px 0 0}
.hwp-start-steps>li{display:flex;gap:10px;align-items:flex-start;min-height:0;padding:12px;border:1px solid var(--hwp-line);border-radius:7px;background:var(--hwp-surface)}
.hwp-start-steps>li>span{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:#8e3aec;color:#fff;font-size:14px;font-weight:750}
.halloween-player .hwp-start-steps h3{font-size:14px;line-height:1.35;font-weight:700;color:var(--hwp-text)}
.halloween-player .hwp-start-steps p{margin-top:3px;color:var(--hwp-muted);font-size:13px;line-height:1.4}
.halloween-player .hwp-availability{margin-top:14px;padding:9px 12px;border-left:2px solid #8564ba;border-radius:0 6px 6px 0;background:#151425;color:#bfc5d8;font-size:12px;line-height:1.5}
.hwp-activities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px}
.hwp-activity{display:flex;flex-direction:column;border:1px solid var(--hwp-line);border-radius:8px;overflow:hidden;background:#0d1522}
.hwp-activity>.hwp-figure{padding:8px 8px 0}
.hwp-activity>.hwp-figure .hwp-media{border:0;border-radius:5px}
.hwp-activity>.hwp-figure .hwp-media img{width:100%;height:185px;max-height:185px;aspect-ratio:auto;object-fit:contain;background:#070b11}
.hwp-activity>.hwp-figure figcaption{font-size:10px;padding-top:4px}
.hwp-activity-body{display:flex;flex-direction:column;padding:10px 12px 12px}
.halloween-player .hwp-activity h3{font-size:19px;font-weight:750;letter-spacing:-.015em;line-height:1.25}
.halloween-player .hwp-activity h3+p{margin-top:6px;color:var(--hwp-muted);font-size:13px;line-height:1.45}
.hwp-action-steps{counter-reset:hwp-steps;list-style:none;padding:0;margin:10px 0 0;display:grid;gap:5px}
.hwp-action-steps>li{position:relative;counter-increment:hwp-steps;padding-left:25px;font-size:13px;line-height:1.45;color:#dce3f1}
.hwp-action-steps>li::before{content:counter(hwp-steps);position:absolute;left:0;top:1px;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#7b35d9;color:white;font-weight:700;font-size:11px}
.halloween-player .hwp-condition{margin-top:10px;padding-top:8px;border-top:1px solid var(--hwp-line);font-size:12px;line-height:1.45;color:var(--hwp-muted)}
.hwp-condition strong{display:block;color:#dce3f1;font-size:12px;margin-bottom:2px;font-weight:650}
.hwp-activity-reward{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:10px}
.hwp-activity-reward p{padding:8px 9px;border-radius:5px;background:#182132;color:var(--hwp-muted);font-size:12px;line-height:1.45}
.hwp-activity-reward strong{display:block;margin-bottom:3px;color:#e2d3fc;font-size:12px;font-weight:650}
.hwp-reward-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:20px;align-items:center;border-block:1px solid var(--hwp-line);padding:16px 0}
.hwp-reward-feature .hwp-media{background:#0a101a;border-color:var(--hwp-line);padding:12px}
.hwp-reward-feature .hwp-media img{max-height:145px;object-fit:contain}
.hwp-reward-feature .hwp-figure figcaption>span{font-size:11px}
.halloween-player .hwp-reward-feature h3{font-size:21px;line-height:1.25;letter-spacing:-.02em}
.halloween-player .hwp-reward-feature p{margin-top:8px;color:var(--hwp-muted);font-size:13px;line-height:1.5}
.hwp-reward-feature a{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:13px;font-weight:650;margin-top:4px}
.hwp-cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}
.hwp-case{margin:0}
.hwp-case .hwp-media{background:#0b1220;padding:8px}
.hwp-case .hwp-media img{width:100%;height:160px;max-height:160px;aspect-ratio:auto;object-fit:contain}
.hwp-case figcaption{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px;padding-top:6px;font-size:13px}
.hwp-case figcaption a{font-size:12px;line-height:1.5}
.halloween-player .hwp-collection-caption{font-size:12px;line-height:1.45;color:var(--hwp-muted);margin:8px 0 14px}
.hwp-reward-screens{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.hwp-reward-screens .hwp-media img{aspect-ratio:auto;object-fit:contain;width:100%;height:210px;max-height:210px}
.hwp-token-strip{display:flex;flex-wrap:wrap;gap:0;border-block:1px solid var(--hwp-line);padding:14px 0}
.hwp-token-strip>div{flex:1;display:flex;flex-direction:column;gap:4px;padding:0 18px;border-right:1px solid var(--hwp-line)}
.hwp-token-strip>div:first-child{padding-left:0}
.hwp-token-strip>div:last-child{border-right:0}
.hwp-token-strip strong{font-size:26px;line-height:1.1;font-weight:750;letter-spacing:-.025em;color:#dfc7ff}
.hwp-token-strip span{font-size:13px;line-height:1.45;color:var(--hwp-muted)}
.halloween-player .hwp-token-note{font-size:13px;color:var(--hwp-muted);margin-top:8px}
.hwp-calendar{display:flex;align-items:center;gap:20px;max-width:720px;padding:14px 0;border-block:1px solid var(--hwp-line)}
.hwp-calendar p{display:flex;flex-direction:column;gap:4px}
.hwp-calendar strong{font-size:21px;line-height:1.25;font-weight:750;color:#e4d3ff}
.hwp-calendar span{font-size:13px;color:var(--hwp-muted)}
.hwp-calendar-line{height:1px;flex:1;background:#665086;min-width:32px}
.hwp-footer{display:flex;align-items:center;flex-wrap:wrap;gap:8px 20px;margin-top:24px;padding-top:14px;border-top:1px solid var(--hwp-line);scroll-margin-top:90px}
.hwp-footer a{font-size:12px;line-height:1.5;padding:6px 0}
@media(max-width:1080px){.halloween-player{padding:14px 20px 28px}.hwp-hero{grid-template-columns:minmax(0,1fr) minmax(0,360px);gap:20px}.halloween-player .hwp-title-line h1,.halloween-player .hwp-title-line h2{font-size:32px}.halloween-player .hwp-lead{font-size:16px}.hwp-hero-actions{gap:8px 16px;margin-top:14px}.hwp-start-steps{gap:10px}.hwp-start-steps>li{padding:10px;gap:8px}.hwp-reward-feature{gap:16px}}
@media(max-width:760px){.halloween-player{padding:12px 16px 28px}.hwp-back{margin-bottom:6px;min-height:44px}.hwp-hero{grid-template-columns:1fr;gap:14px}.halloween-player .hwp-title-line h1,.halloween-player .hwp-title-line h2{font-size:28px}.hwp-title-line{gap:8px}.hwp-server{font-size:12px;padding:5px 8px}.hwp-server span{font-size:10px}.halloween-player .hwp-lead{margin-top:8px;font-size:16px;max-width:none}.hwp-hero-actions{margin-top:12px;gap:8px 16px}.hwp-start{min-height:44px;padding:10px 16px;font-size:14px}.hwp-jump{font-size:13px}.hwp-enlarge{width:30px;height:30px;right:8px;top:8px}.hwp-hero-media .hwp-media img{height:180px;max-height:180px}.hwp-figure figcaption{font-size:11px}.hwp-figure figcaption a{font-size:11px}.hwp-section{margin-top:22px}.hwp-start-section{margin-top:18px}.halloween-player .hwp-section h2{font-size:22px}.hwp-start-steps{grid-template-columns:1fr;gap:8px;margin-top:10px}.hwp-start-steps>li{min-height:0;padding:11px 12px;gap:10px}.hwp-start-steps>li>span{width:28px;height:28px;font-size:14px}.halloween-player .hwp-start-steps h3{font-size:14px}.halloween-player .hwp-start-steps p{font-size:13px;margin-top:3px}.halloween-player .hwp-availability{font-size:12px;padding:9px 11px;line-height:1.5;margin-top:12px}.hwp-activities{grid-template-columns:1fr;gap:14px}.hwp-activity>.hwp-figure{padding:7px 7px 0}.hwp-activity>.hwp-figure .hwp-media img{height:180px;max-height:180px}.hwp-activity-body{padding:10px 12px 12px}.halloween-player .hwp-activity h3{font-size:20px}.halloween-player .hwp-activity h3+p,.hwp-action-steps>li{font-size:14px;line-height:1.45}.halloween-player .hwp-condition{font-size:13px;line-height:1.45}.hwp-activity-reward p{font-size:12px;padding:8px}.hwp-activity-reward strong{font-size:12px}.hwp-reward-feature{grid-template-columns:1fr;gap:12px;padding:14px 0}.halloween-player .hwp-reward-feature h3{font-size:21px}.halloween-player .hwp-reward-feature p{font-size:14px}.hwp-cases{gap:10px}.hwp-case .hwp-media{padding:4px}.hwp-case .hwp-media img{height:100px;max-height:100px}.hwp-case figcaption{font-size:12px;padding-top:5px;display:block}.hwp-case figcaption a{font-size:11px;display:flex;align-items:center;min-height:44px;margin-top:2px}.hwp-reward-screens{grid-template-columns:1fr;gap:14px}.hwp-reward-screens .hwp-media img{height:180px;max-height:180px}.hwp-token-strip{display:grid;grid-template-columns:1fr;gap:10px;padding:12px 0}.hwp-token-strip>div{border-right:0;border-bottom:1px solid var(--hwp-line);padding:0 0 10px;display:grid;grid-template-columns:80px minmax(0,1fr);align-items:center;gap:12px}.hwp-token-strip>div:last-child{padding-bottom:0;border-bottom:0}.hwp-token-strip strong{font-size:26px}.hwp-token-strip span{font-size:13px}.hwp-calendar{gap:10px}.hwp-calendar p{flex:1}.hwp-calendar strong{font-size:20px}.hwp-calendar span{font-size:12px}.hwp-calendar-line{min-width:20px;flex:.3}.hwp-footer{gap:8px 16px}.hwp-footer a{font-size:12px;min-height:44px;display:inline-flex;align-items:center}.hwp-reward-feature .hwp-media{padding:10px}}
@media(max-width:760px){.hwp-section>.hwp-figure .hwp-media img{height:180px;max-height:180px}}
@media(prefers-reduced-motion:reduce){.halloween-player *{scroll-behavior:auto!important;transition:none!important}}
