html,body{margin:0;min-height:100%;background:#efc63c}body{padding:12px;box-sizing:border-box}button:focus-visible{outline:3px solid #215d7d;outline-offset:3px}[hidden]{display:none!important}

#pw-preview{font-family:Arial,"Apple SD Gothic Neo",sans-serif;max-width:460px;margin:auto;color:#fff7d7}
#pw-preview *{box-sizing:border-box}
#pw-preview .pw-shell{--gold:#ffe166;position:relative;isolation:isolate;overflow:hidden;border-radius:22px;background:#070a0e;padding:16px 22px 18px}
#pw-preview button{font-family:inherit;cursor:pointer}
#pw-preview header{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:20}
#pw-preview header>span{font-size:10px;letter-spacing:2.2px;color:#b8b9a9}
#pw-preview .pw-replay{min-height:44px;border:0;background:transparent;color:#f5e5b5;font-size:12px;padding:0 0 0 12px}
#pw-preview .pw-stage{height:355px;position:relative;perspective:800px}
#pw-preview .pw-halo{position:absolute;inset:-30px -80px;background:radial-gradient(ellipse at 50% 44%,#e8c13436,transparent 60%);opacity:.5}
#pw-preview .pw-grid{position:absolute;bottom:-18px;left:-70%;width:240%;height:250px;background:linear-gradient(#ffd54420 1px,transparent 1px),linear-gradient(90deg,#ffd54420 1px,transparent 1px);background-size:42px 42px;transform:perspective(220px) rotateX(61deg);mask-image:linear-gradient(transparent,#000 60%,transparent);opacity:.5}
#pw-preview .pw-door{position:absolute;width:105px;height:196px;left:50%;top:15px;transform:translateX(-50%);border:1px solid #fff2a538;box-shadow:0 0 50px #fddd3930,inset 0 0 60px #ffef7822;opacity:.4}
#pw-preview .pw-bigtype{position:absolute;inset:35px -3px auto;font-size:112px;font-weight:900;letter-spacing:-9px;line-height:.77;text-align:center;color:#ffe76b0d;user-select:none}
#pw-preview .pw-floor{position:absolute;left:50%;top:290px;width:210px;height:32px;transform:translateX(-50%);background:radial-gradient(ellipse,#ffe86b65,#ffce1610 55%,transparent 70%);filter:blur(5px)}
#pw-preview .pw-frame{position:absolute;left:50%;top:18px;width:220px;height:307px;transform:translateX(-50%);border:2px solid #ffe98c;border-radius:15px;box-shadow:0 0 35px #ffca3040,inset 0 0 20px #ffdf2820;opacity:0}
#pw-preview .pw-character{position:absolute;width:300px;height:211px;left:calc(50% - 150px);top:72px;z-index:7;pointer-events:none;opacity:0;filter:drop-shadow(0 0 8px #ffdd5490) drop-shadow(0 18px 10px #0009);transform-origin:50% 75%}
#pw-preview .pw-cutout{position:absolute;width:300px;height:211px}
#pw-preview .pw-cutout img{position:absolute;width:540px;max-width:none;height:auto;left:-129px;top:-81px}
#pw-preview .pw-card-holder{position:absolute;left:calc(50% - 110px);top:18px;width:220px;height:307px;perspective:800px;opacity:0;z-index:5}
#pw-preview .pw-card{display:block;position:relative;width:100%;height:100%;border:0;border-radius:15px;padding:0;overflow:hidden;background:#dbbf54;transform:rotate(-5deg);box-shadow:0 0 23px #ffe76635,0 20px 38px #0009;transition:transform .25s ease-out}
#pw-preview .pw-card>img{position:absolute;width:127%;height:auto;max-width:none;left:-13.35%;top:-3.78%;pointer-events:none}
#pw-preview .pw-foil{position:absolute;inset:-70%;pointer-events:none;background:linear-gradient(115deg,transparent 40%,#fff6b560 49%,#83f8ff25 52%,transparent 60%);transform:translateX(-70%)}
#pw-preview .pw-impact{position:absolute;inset:-40px -30px;pointer-events:none;background:radial-gradient(ellipse,#fff5bf99,transparent 70%);opacity:0;z-index:8}
#pw-preview .pw-fx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:9}
#pw-preview .pw-phase{position:absolute;bottom:2px;left:0;right:0;text-align:center;font-size:10px;letter-spacing:3px;color:#dfc76a}
#pw-preview .pw-reveal{text-align:center;padding-top:16px;opacity:0}
#pw-preview .pw-overline{font-size:9px;letter-spacing:2px;color:#bdaf7e}
#pw-preview h2{font-size:45px;font-weight:900;letter-spacing:-2px;line-height:1;margin:8px 0 12px;color:#fff6d2}
#pw-preview h2 span{display:inline-block;vertical-align:middle;margin-left:5px;font-size:12px;font-weight:400;letter-spacing:2px;color:#bfb9a0}
#pw-preview .pw-edition{display:flex;justify-content:center;align-items:center;gap:8px;font-size:12px;letter-spacing:1.4px;color:#ffe384}
#pw-preview .pw-edition>span{font-size:20px}
#pw-preview .pw-edition small{font-size:10px;letter-spacing:0;color:#b6ae94}
#pw-preview .pw-reveal p{font-size:12px;color:#a7afa8;margin:14px 0 18px}
#pw-preview .pw-actions{display:flex;gap:9px}
#pw-preview .pw-actions button{min-height:46px;flex:1;font-size:12px;border-radius:9px;border:1px solid #3c413b;background:#171c20;color:#e5e7dc}
#pw-preview .pw-actions .pw-info{background:#ffe166;border-color:#ffe166;color:#252618}
#pw-preview footer{text-align:center;font-size:10px;color:#a0a49a;margin-top:15px}
#pw-preview #pw-details{padding:20px 0 0}
#pw-preview .pw-detail-title{font-size:12px;letter-spacing:2px;color:#ffe384}
#pw-preview .pw-detail-title span{float:right;font-size:10px;letter-spacing:0;color:#a0a49a}
#pw-preview dl{margin:9px 0 0}
#pw-preview dl div{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid #29302e;font-size:12px}
#pw-preview dt{color:#a8afa7}#pw-preview dd{margin:0;color:#e7e6d7;text-align:right}
#pw-preview.pw-playing .pw-character{animation:pw-jump var(--duration,5.2s) linear both}
#pw-preview.pw-playing .pw-card-holder{animation:pw-card-in var(--duration,5.2s) linear both}
#pw-preview.pw-playing .pw-frame{animation:pw-outline var(--duration,5.2s) linear both}
#pw-preview.pw-playing .pw-impact{animation:pw-impact var(--duration,5.2s) linear both}
#pw-preview.pw-playing .pw-reveal{animation:pw-copy var(--duration,5.2s) linear both}
#pw-preview.pw-playing .pw-foil{animation:pw-foil var(--duration,5.2s) ease-out both}
#pw-preview.pw-playing .pw-door{animation:pw-door var(--duration,5.2s) linear both}
#pw-preview.pw-ready .pw-card-holder{opacity:1;animation:pw-hover 4.5s ease-in-out infinite}
#pw-preview.pw-ready .pw-reveal{opacity:1}
#pw-preview.pw-ready .pw-foil{animation:pw-idle-foil 6s ease-in-out infinite}
@keyframes pw-jump{
0%{opacity:0;transform:translate(0,-15px) scale(.07)}
6%{opacity:1;transform:translate(0,-15px) scale(.14)}
15%{opacity:1;transform:translate(-37px,-45px) scale(.28) rotate(-12deg)}
23%{opacity:1;transform:translate(-29px,45px) scale(.34) rotate(-3deg)}
31%{opacity:1;transform:translate(37px,-65px) scale(.55) rotate(9deg)}
39%{opacity:1;transform:translate(20px,61px) scale(.66) rotate(3deg)}
49%{opacity:1;transform:translate(-5px,-51px) scale(1.12) rotate(-8deg)}
57%{opacity:1;transform:translate(0,-56px) scale(1.14) rotate(-5deg)}
63%{opacity:1;transform:translate(0,-71px) scale(.88) rotate(4deg)}
72%{opacity:1;transform:translate(0,-55px) scale(.52) rotate(0)}
76%,100%{opacity:0;transform:translate(0,-55px) scale(.5)}
}
@keyframes pw-card-in{0%,59%{opacity:0;transform:scale(.72) rotateY(42deg)}67%{opacity:0;transform:scale(.92) rotateY(12deg)}73%{opacity:1;transform:scale(1.035) rotateY(0)}77%{opacity:1;transform:scale(.98)}84%,100%{opacity:1;transform:scale(1)}}
@keyframes pw-outline{0%,49%{opacity:0;transform:translateX(-50%) scale(.6) rotateY(50deg)}59%{opacity:.8;transform:translateX(-50%) scale(.83) rotateY(20deg)}70%{opacity:1;transform:translateX(-50%) scale(1)}79%,100%{opacity:0;transform:translateX(-50%) scale(1.18)}}
@keyframes pw-impact{0%,69%{opacity:0;transform:scale(.4)}73%{opacity:.85;transform:scale(1)}83%,100%{opacity:0;transform:scale(1.5)}}
@keyframes pw-copy{0%,77%{opacity:0;transform:translateY(15px)}92%,100%{opacity:1;transform:translateY(0)}}
@keyframes pw-foil{0%,76%{transform:translateX(-70%)}100%{transform:translateX(70%)}}
@keyframes pw-door{0%{opacity:0;transform:translateX(-50%) scale(.7)}13%{opacity:.8;transform:translateX(-50%) scale(1)}50%,100%{opacity:0;transform:translateX(-50%) scale(1.3)}}
@keyframes pw-hover{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-7px) rotate(1deg)}}
@keyframes pw-idle-foil{0%,30%{transform:translateX(-70%)}70%,100%{transform:translateX(70%)}}
@media(max-width:360px){#pw-preview .pw-shell{padding:12px 16px 16px}#pw-preview .pw-bigtype{font-size:96px}#pw-preview .pw-character{width:300px}#pw-preview h2{font-size:40px}}
@media(prefers-reduced-motion:reduce){#pw-preview *{animation:none!important;transition:none!important}#pw-preview .pw-character,#pw-preview .pw-frame,#pw-preview .pw-door,#pw-preview .pw-impact{opacity:0!important}#pw-preview .pw-card-holder,#pw-preview .pw-reveal{opacity:1!important}}
#pw-preview{color:#302817}
#pw-preview .pw-shell{background:radial-gradient(ellipse at 50% 29%,#fff8ce 0%,#ffe98b 29%,#f4ce46 65%,#eebe30 100%);--gold:#fff8d0}
#pw-preview header>span,#pw-preview .pw-replay{color:#514321}
#pw-preview .pw-halo{background:radial-gradient(ellipse at 50% 44%,#fffde8,transparent 68%);opacity:1}
#pw-preview .pw-grid{background-image:linear-gradient(#88660c20 1px,transparent 1px),linear-gradient(90deg,#88660c20 1px,transparent 1px)}
#pw-preview .pw-door{border-color:#a8791940;box-shadow:0 0 50px #fff9d570,inset 0 0 60px #fff9d560}
#pw-preview .pw-bigtype{color:#79540012}
#pw-preview .pw-floor{background:radial-gradient(ellipse,#8d631955,transparent 70%)}
#pw-preview .pw-card{box-shadow:0 0 25px #fff7d055,0 20px 38px #78581e55}
#pw-preview .pw-phase,#pw-preview .pw-overline{color:#655021}
#pw-preview h2{color:#302a1c;text-shadow:0 2px 0 #fff9d150}
#pw-preview h2 span,#pw-preview .pw-edition small,#pw-preview .pw-reveal p{color:#665330}
#pw-preview .pw-edition{color:#614411}
#pw-preview .pw-actions button{background:#fff6cf88;color:#342e20;border-color:#97702155}
#pw-preview .pw-actions .pw-info{background:#292d2c;color:#fff4cd;border-color:#292d2c}
#pw-preview .pw-status{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 22px;margin:0 0 18px;padding:12px 0;border-top:1px solid #8d67172e;border-bottom:1px solid #8d67172e;font-size:11px;color:#665330}
#pw-preview .pw-status strong{margin-left:6px;color:#3d341f;font-weight:500}
#pw-preview footer,#pw-preview .pw-detail-title span{color:#675431}
#pw-preview .pw-detail-title{color:#44351c}
#pw-preview dl div{border-color:#97702133}
#pw-preview dt{color:#665330}#pw-preview dd{color:#342a18}
#pw-preview .pw-market{margin-top:18px;padding:17px 14px 10px;background:#fff9df88;border-radius:12px}
#pw-preview .pw-market-top{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:12px}
#pw-preview .pw-market-top small{display:block;margin-top:4px;color:#765d2a;font-size:10px}
#pw-preview .pw-price{font-size:22px;letter-spacing:-.6px;color:#302c1d}
#pw-preview .pw-price-date{text-align:right;font-size:10px;color:#765d2a;margin-top:4px}
#pw-preview .pw-chart{display:block;width:100%;height:auto}
#pw-preview .pw-days{display:flex;justify-content:space-between;gap:2px}
#pw-preview .pw-days button{flex:1;min-width:0;min-height:44px;padding:0;border:0;border-radius:6px;background:transparent;color:#685426;font-size:11px}
#pw-preview .pw-days button[aria-pressed="true"]{background:#34382b;color:#fff5c6}
#pw-preview .pw-market p{font-size:10px;line-height:1.6;color:#735d2b;margin:10px 0 0}
#pw-preview .pw-aurora{position:absolute;top:-72px;left:-20%;width:140%;height:200px;z-index:12;pointer-events:none;opacity:0;border-radius:45%;background:conic-gradient(from 190deg at 50% 30%,#5ddcff,#a987ff,#ff87c5,#fff4b8,#71e9e0,#5ddcff);filter:blur(24px);-webkit-mask-image:radial-gradient(ellipse at 50% 20%,transparent 35%,#000 57%,transparent 76%);mask-image:radial-gradient(ellipse at 50% 20%,transparent 35%,#000 57%,transparent 76%)}
#pw-preview .pw-rainbow-wave{position:absolute;top:60px;left:50%;width:220px;height:220px;border-radius:50%;z-index:10;pointer-events:none;opacity:0;background:conic-gradient(from 40deg,#91eaff,#b795ff,#ff9ccb,#fff4b5,#7cecdf,#91eaff);-webkit-mask-image:radial-gradient(circle,transparent 48%,#000 57%,#000 64%,transparent 72%);mask-image:radial-gradient(circle,transparent 48%,#000 57%,#000 64%,transparent 72%);filter:blur(3px)}
#pw-preview .pw-holo-rim{position:absolute;inset:0;padding:3px;border-radius:inherit;pointer-events:none;opacity:0;z-index:4;background:conic-gradient(from 30deg,#fff8dd,#79e9ff,#b795ff,#ff9cce,#fff2a0,#80f4d2,#fff8dd);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude}
@media(prefers-reduced-motion:reduce){#pw-preview .pw-aurora,#pw-preview .pw-rainbow-wave,#pw-preview .pw-holo-rim{display:none}}