/* PRIZZYPBElA World: illuminated couture stages and Guardian portraits. */
:root{--ink:#642145;--pink:#d12c82;--line:#ecc7d9;--paper:#fff8fdf5;--muted:#9b577e}
body{background:linear-gradient(#ffeef5eb,#f9def0ee),url(assets/kpop-world.png) center top/cover fixed;color:var(--ink)}
body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:radial-gradient(circle at 12% 20%,#fff 0,transparent 2px),radial-gradient(circle at 75% 54%,#fff 0,transparent 3px),radial-gradient(circle at 35% 85%,#db9c4d88 0,transparent 2px);background-size:180px 230px,260px 290px,320px 350px}
header{max-width:none;padding:24px max(5%,calc((100vw - 1296px)/2));background:linear-gradient(180deg,#fff9f4f5,#ffe4f1f5);border-bottom:2px solid #d6ad68;box-shadow:0 4px 24px #c64c8b1c}
.brand{font-size:33px;letter-spacing:-1.8px;color:#d02a79;text-shadow:1px 1px #ffeeb5,2px 2px #a96a39,3px 3px #fff}
.brand span{font-size:8px;color:#94536c;text-shadow:none;letter-spacing:3px;margin-top:10px}
.quiet{border-color:#d7ae76;background:#fff6fb8f;color:#8d3462;box-shadow:inset 0 1px #fff}
.hero{position:relative;grid-template-columns:.72fr 1.28fr;gap:35px;padding-top:49px;padding-bottom:48px;background:linear-gradient(115deg,#fff0f8dc,#ffecf4aa 40%,#f7d7ec55);isolation:isolate}
.hero:before{content:'♡';position:absolute;font-family:Georgia,serif;color:#d47baf1a;font-size:360px;left:-25px;bottom:-60px;z-index:-1}
.eyebrow{color:#b04478;font-size:9px;letter-spacing:1.7px}
h1{font-size:clamp(40px,4.5vw,65px);line-height:1.14;letter-spacing:-2px;color:#742044;text-shadow:0 2px #fff9}
h1 em{color:#d63287;text-shadow:0 1px #fff,1px 2px #e5b78466}
.hero-copy>p{color:#995c7b;font-size:13px;line-height:1.9}
.primary{background:linear-gradient(130deg,#df3a93,#b92470);border:1px solid #e9bc6c;box-shadow:0 5px 16px #c72b7a33,inset 0 1px 0 #ffbce3;color:white;border-radius:30px}
.hero-cta{min-width:225px;font-size:12px;margin-top:16px}
.hero-tags{color:#a56b85;font-size:6px;gap:11px}
.hero-art{max-height:none;border:3px solid #deb77b;border-radius:120px 120px 18px 18px;padding:5px;background:#ffe2f3;box-shadow:0 0 0 2px #fff4db,0 18px 40px #a93c7738,0 0 32px #e593c444}
.hero-art img{height:auto;width:100%;aspect-ratio:1.5;object-fit:cover;object-position:center;border-radius:110px 110px 11px 11px}
.hero-art:after{inset:65% 5px 5px;border-radius:0 0 12px 12px;background:linear-gradient(transparent,#662343d9)}
.art-label{top:18px;z-index:2;background:#fff2d9dc;color:#985b67;border:1px solid #d6ab68;font-size:6px}
.art-caption{bottom:23px;left:25px}.art-caption strong{font-size:21px}.art-caption span{font-size:7px}
.studio-section{background:linear-gradient(180deg,#fce8f4e6,#f8def0ef),url(assets/kpop-world.png) center/cover;border-top:2px solid #d9b379;position:relative;padding-top:35px}
.section-heading h2{font-size:32px;color:#812654}.section-heading p{color:#a76c8f;font-size:10px}
.guardian-picker{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:30px}
.guardian{display:block;padding:5px;border:1px solid #dbb57d;border-radius:70px 70px 13px 13px;background:linear-gradient(135deg,#fff8ff,#ffe7f3);overflow:hidden;box-shadow:0 6px 16px #b3497c1a;transition:transform .2s,box-shadow .2s;position:relative}
.guardian:hover{transform:translateY(-3px);box-shadow:0 10px 25px #bd43812c}
.guardian.selected{border:2px solid #d5388c;background:linear-gradient(140deg,#ffe0ef,#fff5fb);box-shadow:0 0 0 3px #f6c89c99,0 10px 26px #ca38862b}
.guardian-picture{height:174px;display:block;border-radius:63px 63px 8px 8px;background-image:url(assets/kpop-world.png);background-size:300% auto;background-repeat:no-repeat}
.picture-paris{background-position:0% 38%}.picture-pika{background-position:50% 38%}.picture-prima{background-position:100% 38%}
.guardian-info{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px}
.guardian b{font:25px 'Playfair Display',Georgia,serif;color:#9b2864}.guardian small{font-size:7px;color:#ae718f;letter-spacing:1px;margin-top:5px}
.guardian-sound{font-size:8px;color:#a45b86;display:flex;align-items:center;gap:8px}.guardian-sound>span{font-size:18px;color:#d5ae68;opacity:.5}.selected .guardian-sound>span{color:#d72b84;opacity:1}
.panel{border:1px solid #d6b27e;box-shadow:0 8px 25px #b7498120,inset 0 1px #fff;border-radius:17px;background:linear-gradient(150deg,#fffafd,#fff4fbeF)}
.panel-top{padding-bottom:15px;border-bottom:1px solid #ead1de;margin-bottom:21px}.panel-top h3{color:#9a2c66;font-size:23px}.step{border-color:#d7b77c;color:#a87846;background:#fff3dd}.pill{color:#b33d80;background:#fde3f1;border:1px solid #f4c8df}
label{color:#a15b83}input:not([type=range]),select,textarea{border-color:#ecc8de;background:#fffafd}input[type=range]{accent-color:#d5398b}
.outline{border-color:#dfb87d;border-radius:22px;background:linear-gradient(#fffaff,#fce7f3);color:#a3316e;box-shadow:inset 0 1px #fff}
.track{border-color:#eed3e1}.track-toggle{border-radius:50%;border-color:#e2bdcc}.track-toggle.active{background:linear-gradient(#f58bc0,#d64991);color:#fff;border-color:#dfad69;box-shadow:0 2px 6px #bc427533}
.track b{color:#92406e}.beat-cell{background:#f5ddeb;border-color:#ebc3da}.beat-cell.on{background:linear-gradient(#e264aa,#bc3b8b);border-color:#ce8b9c}.beat-cell.current{box-shadow:0 0 0 2px #e3b45f inset,0 0 5px #e3b45f}
.stage-panel{background:linear-gradient(145deg,#ffeff9eb,#efd8f4eb),url(assets/kpop-world.png) center/cover}
.record-disc{position:relative;width:190px;height:215px;border-radius:95px 95px 14px 14px;border:3px solid #d9b06a;background-image:url(assets/kpop-world.png);background-size:330% auto;background-position:var(--face-x,100%) 30%;box-shadow:0 0 0 3px #fff2fa,0 10px 30px #ce4a963d;overflow:hidden;display:flex;align-items:end;justify-content:center}
.record-disc:before{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#70254ee0)}
.disc-inner{position:relative;width:100%;height:auto;border-radius:0;background:transparent;color:white;padding:9px 3px 12px;z-index:1}.disc-inner>span{font-size:6px}.disc-inner b{font-size:25px;margin:2px 0 4px}.disc-inner small{font-size:5px;letter-spacing:1px}
.record-disc.spinning{animation:stage-glow 1s ease-in-out infinite alternate}@keyframes stage-glow{to{box-shadow:0 0 0 3px #fff2fa,0 0 30px #ec60b6,0 0 50px #f3b6dd77;transform:translateY(-3px)}}
.play-button{background:linear-gradient(130deg,#e13991,#ae2168);border-color:#e4bd71;border-radius:24px}.recording button{background:linear-gradient(#fbd4e9,#f5bbda);border:1px solid #dcb77e;border-radius:20px}.bottom-strip{border:1px solid #d3ad74;border-radius:14px;background:linear-gradient(105deg,#fff5f9,#f8d9ec);box-shadow:0 5px 15px #b64e7c10}.bottom-strip b{color:#9b2c64}.bottom-strip>span{color:#bd8b45}
footer{background:#fff0f7bf;border-top:1px solid #ddbd8b;max-width:none;padding-left:max(5%,calc((100vw - 1296px)/2));padding-right:max(5%,calc((100vw - 1296px)/2))}footer .brand{font-size:24px}footer>span{color:#b57494}
@media(max-width:1100px){.hero{grid-template-columns:.8fr 1.2fr;gap:22px}h1{font-size:43px}.hero-art{border-radius:90px 90px 16px 16px}.hero-art img{border-radius:82px 82px 10px 10px}.art-caption strong{font-size:16px}.hero-tags{font-size:5px;gap:6px}.guardian-picture{height:145px}.guardian-info{padding:10px}.guardian b{font-size:23px}.guardian-sound{font-size:7px}.section-heading h2{font-size:27px}.record-disc{margin:0}}
@media(max-width:650px){header{padding:20px 5%}.brand{font-size:24px}.brand span{font-size:6px;letter-spacing:1.6px}.hero{grid-template-columns:1fr;gap:26px;padding-top:32px}.hero-copy h1{font-size:43px;line-height:1.16}.hero-copy>p{font-size:12px;max-width:340px}.hero-art{width:100%;max-height:none;border-radius:85px 85px 16px 16px}.hero-art img{height:auto;aspect-ratio:1.5;border-radius:78px 78px 10px 10px}.hero-tags{font-size:6px}.art-caption{bottom:17px;left:18px}.art-caption strong{font-size:16px}.art-caption span{font-size:6px;margin-bottom:5px}.art-label{font-size:5px;top:14px}.section-heading h2{font-size:28px}.guardian-picker{grid-template-columns:repeat(3,1fr);gap:7px}.guardian{padding:3px;border-radius:38px 38px 10px 10px}.guardian-picture{height:102px;border-radius:33px 33px 6px 6px;background-position-y:33%}.guardian-info{display:block;text-align:center;padding:8px 1px}.guardian b{font-size:20px}.guardian small{font-size:5px;letter-spacing:.4px}.guardian-sound{justify-content:center;font-size:6px;margin-top:7px}.guardian-sound>span{font-size:9px}.guardian.selected{box-shadow:0 0 0 1px #e9ba87,0 5px 16px #cf368b20}.record-disc{margin:0 auto 20px;width:215px;height:230px}.workbench{gap:18px}.bottom-strip b{font-size:14px}footer .brand{font-size:21px}}