.pnw-player{--pnw-bg:var(--pw-ink, #1B0B3B);--pnw-accent:var(--pw-yellow, #FFC928);--pnw-accent-ink:var(--pw-on-yellow, #1B0B3B);--pnw-primary:var(--pw-violet, #5B2EFF);--pnw-radius:var(--pw-r-xl, 24px);--pnw-sat:0px;--pnw-sar:0px;--pnw-sab:0px;--pnw-sal:0px;position:relative;width:100%}.pnw-stage{position:relative;width:min(100%, calc((100vh - 210px) * var(--pnw-arn, 1.7778)));width:min(100%, calc((100dvh - 210px) * var(--pnw-arn, 1.7778)));min-width:min(100%, 300px);aspect-ratio:var(--pnw-ar,16 / 9);margin-inline:auto;background:var(--pnw-bg);border-radius:var(--pnw-radius);overflow:hidden;isolation:isolate;border:3px solid var(--pw-cabinet,#2B1660);box-shadow:0 8px 0 var(--pw-ink,#1B0B3B);-webkit-tap-highlight-color:#fff0}@media (max-width:700px){.pnw-stage{width:100%;border-radius:16px}.pnw-play{min-height:48px;padding:0 14px 0 8px;gap:8px;font-size:1.05rem;box-shadow:0 4px 0 var(--pw-yellow-deep,#C98F00)}.pnw-play-icon{width:34px;height:34px}.pnw-poster-title{font-size:1.2rem}}.pnw-player.is-fs .pnw-stage{border:0}.pnw-player.is-playing .pnw-stage{touch-action:none;overscroll-behavior:contain;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.pnw-poster{position:absolute;inset:0;display:grid;place-items:center;z-index:2}.pnw-poster{align-content:center;gap:14px}.pnw-poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(3px) saturate(1.15);transform:scale(1.06)}.pnw-poster-shade{position:absolute;inset:0;background:rgb(27 11 59 / .72)}.pnw-poster-title{position:relative;z-index:1;margin:0;padding:0 16px;text-align:center;color:#fff;font:900 clamp(1.4rem, 4.5vw, 2.8rem)/1.1 var(--pw-font-display,var(--pw-font,system-ui));text-shadow:0 4px 18px rgb(0 0 0 / .5)}.pnw-play{position:relative;z-index:1;display:inline-flex;align-items:center;gap:14px;min-height:64px;padding:0 28px 0 12px;border:0;border-radius:var(--pw-r-md,16px);cursor:pointer;background:var(--pnw-accent);color:var(--pnw-accent-ink);font:700 clamp(1.25rem, 2.6vw, 1.6rem)/1 var(--pw-font-display,"Rubik",system-ui,sans-serif);font-stretch:var(--pw-stretch-heading,100%);box-shadow:0 6px 0 var(--pw-yellow-deep,#C98F00);touch-action:manipulation;transition:transform var(--pw-dur-release,.26s) var(--pw-ease-pop,ease),box-shadow var(--pw-dur-release,.26s) var(--pw-ease-pop,ease)}.pnw-play:hover{transform:translateY(-2px);box-shadow:0 8px 0 var(--pw-yellow-deep,#C98F00)}.pnw-play:active{transform:translateY(4px);box-shadow:0 2px 0 var(--pw-yellow-deep,#C98F00);transition-duration:var(--pw-dur-press,90ms)}.pnw-play:focus-visible{outline:none;box-shadow:0 6px 0 var(--pw-yellow-deep,#C98F00),var(--pw-focus-on-dark,0 0 0 4px #fff)}.pnw-play-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--pnw-accent-ink);color:var(--pnw-accent)}.pnw-play-icon svg{transform:translateX(2px)}.pnw-poster-hint,.pnw-missing{position:absolute;bottom:12px;inset-inline:12px;margin:0;z-index:1;display:flex;align-items:center;justify-content:center;gap:6px;text-align:center;color:#fff;font-weight:600;font-size:.95rem;text-shadow:0 2px 6px rgb(0 0 0 / .6)}.pnw-missing{position:relative;bottom:auto;font-size:1.3rem}.pnw-poster-hint{display:none}@media (orientation:portrait) and (pointer:coarse){.pnw-poster-hint{display:flex}}.pnw-player.is-playing .pnw-poster{display:none}.pnw-frame-wrap{position:absolute;z-index:1;top:var(--pnw-sat);right:var(--pnw-sar);bottom:var(--pnw-sab);left:var(--pnw-sal)}.pnw-frame{display:block;width:100%;height:100%;border:0;background:#000}.pnw-loading{position:absolute;inset:0;z-index:3;display:none;place-items:center;align-content:center;gap:14px;color:#fff;font-weight:700;background:var(--pnw-bg)}.pnw-player.is-playing:not(.is-loaded) .pnw-loading{display:grid}.pnw-spinner{width:46px;height:46px;border-radius:50%;border:5px solid rgb(255 255 255 / .2);border-top-color:var(--pnw-accent);animation:pnw-spin .8s linear infinite}@keyframes pnw-spin{to{transform:rotate(360deg)}}.pnw-rotate{position:absolute;inset:0;z-index:5;display:none;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:calc(20px + env(safe-area-inset-top)) 24px calc(20px + env(safe-area-inset-bottom));text-align:center;color:#fff;background:var(--pnw-bg)}.pnw-player.needs-rotate .pnw-rotate{display:flex}.pnw-rotate-title{margin:8px 0 0;font:700 1.6rem/1.2 var(--pw-font-display,"Rubik",system-ui,sans-serif);font-stretch:var(--pw-stretch-heading,100%)}.pnw-rotate-sub{margin:0;opacity:.85}.pnw-rotate-phone{width:58px;height:96px;border:5px solid var(--pnw-accent);border-radius:14px;position:relative;background:var(--pnw-primary);animation:pnw-rot 2s ease-in-out infinite}.pnw-rotate-phone::after{content:"";position:absolute;bottom:6px;left:50%;width:14px;height:4px;margin-left:-7px;border-radius:2px;background:#fff}.pnw-player[data-want="portrait"] .pnw-rotate-phone{animation-direction:reverse}@keyframes pnw-rot{0%,20%{transform:rotate(0)}55%,80%{transform:rotate(-90deg)}100%{transform:rotate(0)}}.pnw-rotate-dismiss{margin-top:14px;min-height:48px;padding:0 22px;border-radius:var(--pw-r-md,16px);cursor:pointer;border:2px solid var(--pw-violet-glow,#8C6EFF);background:#fff0;color:#fff;font:600 1.05rem var(--pw-font-body,system-ui);touch-action:manipulation}.pnw-exit{position:absolute;z-index:6;display:none;top:calc(6px + env(safe-area-inset-top));right:calc(6px + env(safe-area-inset-right));width:40px;height:40px;border-radius:50%;border:0;cursor:pointer;place-items:center;color:#fff;background:rgb(0 0 0 / .45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:.75;touch-action:manipulation}.pnw-exit:hover,.pnw-exit:focus-visible{opacity:1}.pnw-player.is-fs .pnw-exit{display:grid}.pnw-player.is-fs .pnw-stage,.pnw-stage:fullscreen,.pnw-stage:-webkit-full-screen{position:fixed;inset:0;z-index:2147483000;width:100%;max-width:none;min-width:0;height:100vh;height:100dvh;max-height:none;aspect-ratio:auto;margin:0;border-radius:0;box-shadow:none;background:#000;touch-action:none;overscroll-behavior:none}.pnw-player.is-fs{--pnw-sat:env(safe-area-inset-top, 0px);--pnw-sar:env(safe-area-inset-right, 0px);--pnw-sab:env(safe-area-inset-bottom, 0px);--pnw-sal:env(safe-area-inset-left, 0px)}@supports (-webkit-touch-callout:none){.pnw-player.is-pseudo-fs .pnw-stage{height:-webkit-fill-available}@supports (height:100dvh){.pnw-player.is-pseudo-fs .pnw-stage{height:100dvh}}}html.pnw-locked,html.pnw-locked body{overflow:hidden!important;overscroll-behavior:none}html.pnw-locked body{position:fixed;left:0;right:0;width:100%;touch-action:none}.pnw-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin-top:14px}.pnw-btn{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 18px;border-radius:var(--pw-r-md,16px);cursor:pointer;border:2px solid var(--pw-line,#D8CFFF);background:var(--pw-card,#fff);color:var(--pw-text,#1B0B3B);box-shadow:0 4px 0 var(--pw-line,#D8CFFF);font:600 1rem var(--pw-font-body,"Rubik",system-ui,sans-serif);touch-action:manipulation;transition:transform var(--pw-dur-release,.26s) var(--pw-ease-pop,ease),box-shadow var(--pw-dur-release,.26s) var(--pw-ease-pop,ease)}.pnw-btn svg{color:var(--pnw-primary)}.pnw-btn:hover:not(:disabled){border-color:var(--pw-violet-glow,#8C6EFF)}.pnw-btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--pw-line,#D8CFFF);transition-duration:var(--pw-dur-press,90ms)}.pnw-btn:disabled{opacity:.45;cursor:default}.pnw-btn:focus-visible{outline:none;box-shadow:0 4px 0 var(--pw-line,#D8CFFF),var(--pw-focus,0 0 0 3px #5B2EFF)}.pnw-btn-fs{background:var(--pnw-primary);border-color:var(--pnw-primary);color:#fff;box-shadow:0 4px 0 var(--pw-violet-deep,#2E0E8C)}.pnw-btn-fs svg{color:var(--pnw-accent)}.pnw-btn-fs:hover:not(:disabled){border-color:var(--pnw-primary)}.pnw-btn-fs:active:not(:disabled){box-shadow:0 1px 0 var(--pw-violet-deep,#2E0E8C)}.pnw-plays{display:inline-flex;align-items:center;gap:6px;color:var(--pw-muted,#6b5c8f);font-weight:600;margin-inline-start:auto}@media (max-width:520px){.pnw-plays{margin-inline-start:0;width:100%;justify-content:center}}@media (prefers-reduced-motion:reduce){.pnw-rotate-phone,.pnw-spinner{animation:none!important}}@media (max-width:700px){.pnw-player:not(.is-playing) .pnw-stage{aspect-ratio:4 / 3}.pnw-poster-title{font-size:1.5rem}.pnw-play{min-height:58px;padding:0 22px 0 10px}.pnw-play-icon{width:44px;height:44px}}