/* Glamour layer: all pictorial controls use generated raster assets. */
:root{--pink:#eb68ad;--purple:#9461c8;--mint:#e6c3f5;--ink:#492c5b;--paper:#fff4fb;color:var(--ink)}
.ui-icon{width:1.5em;height:1.5em}.buy>.ui-icon,.primary>.ui-icon{width:1.3em;height:1.3em}.item-row>.buy{width:21cqw;min-width:21cqw;max-width:21cqw;flex-shrink:0;overflow:hidden;padding:2cqw 1cqw}.item-row>div{min-width:0}.mini-tutorial .ui-icon{width:7cqw;height:7cqw}
.shell{background:radial-gradient(ellipse at 50% 20%,#533b66,#1d1628 80%)}
#game{background:#352440;box-shadow:0 0 90px #e992d21f}.scene:after{background:linear-gradient(#38254438,transparent 28%,transparent 75%,#50375935)}
.square,.rail,.bottom-nav button{border:1px solid #ffedf9aa;border-radius:16px;background:linear-gradient(145deg,#fff5f0ec,#e8cff2dc 45%,#e4a6d4e6);box-shadow:inset 0 1px 2px #fff,0 3px 8px #3b24484a;padding:4px}
.square .ui-icon,.rail .ui-icon,.bottom-nav .ui-icon{background:none;border:0;padding:0;object-fit:contain;filter:drop-shadow(0 1px 1px #77497630)}
.square>.ui-icon,.rail>.ui-icon,.bottom-nav button>.ui-icon,.floating-invite>.ui-icon{width:100%;height:100%;display:block}.energy-wrap>span>.ui-icon,.wallet b>.ui-icon,.premium b>.ui-icon{width:100%;height:100%}
.ui-icon{object-fit:contain;display:inline-block;vertical-align:middle;flex-shrink:0}.currency{display:inline-flex;align-items:center;justify-content:center;gap:3px;white-space:nowrap}.currency>.ui-icon{width:1.5em;height:1.5em;object-fit:contain}
.wallet,.wallet.rate{transform:none;border:1px solid #fff3fa;background:linear-gradient(130deg,#fffaf5,#f5dff3);border-radius:30px;box-shadow:0 2px 6px #67417433;top:5.6%;height:2.7%;padding-left:5%}
.wallet strong{transform:none;font-size:3.8cqw;color:#583263}.wallet b,.wallet.rate>.ui-icon{transform:none;left:-12%;top:-39%;width:36%;height:170%}.wallet.rate{padding-left:3%}
.premium{border-radius:25px;border:1px solid #ffe5b8;background:linear-gradient(120deg,#fff8e0,#ffdba4);box-shadow:0 2px 8px #a5598333;color:#804e54}.premium b{background:#ffd9e6;border:1px solid #fff;border-radius:50%;width:26%;right:-8%;padding:1px;box-shadow:0 2px 4px #a8597744}
.energy-wrap{left:42%;width:20%;top:13.6%;height:1.2%}.energy-wrap #energy,.mini-energy progress{border:1px solid #fff0fc;border-radius:10px;transform:none;background:#775980;box-shadow:0 0 5px #ffafd388}.energy-wrap #energy::-webkit-progress-bar,.mini-energy progress::-webkit-progress-bar{background:#775980;border-radius:9px}.energy-wrap #energy::-webkit-progress-value,.mini-energy progress::-webkit-progress-value{background:linear-gradient(90deg,#c897ff,#ff9bd3);border-radius:9px}.energy-wrap>span{left:-23%;width:36%;height:300%}
.left-rail,.right-rail{top:16.4%;gap:1.7cqh}.rail{height:5.6cqh}.rail small.buff-timer{border-radius:7px;background:#9d5f9a;border:1px solid #ffe0f6;font-weight:800;font-size:2.5cqw;top:86%}
.utility{bottom:10.8%;height:5.6%}.bottom-nav{bottom:2.4%;height:6.2%;gap:3%;left:4%;right:4%}.bottom-nav button{border-radius:16px}.bottom-nav button.active{background:linear-gradient(140deg,#ffe9fa,#eaa1dd);box-shadow:0 0 0 2px #fff8,inset 0 1px 3px white}.badge{background:#ec639d}
.floating-invite,.floating-invite.second{padding:5px;background:#f9ddf1d9;border:1px solid #fff1f9;border-radius:50%;box-shadow:0 2px 8px #85528755}.floating-invite{left:4%;bottom:32%}.floating-invite.second{right:4%;bottom:28%}
.idol,.duet .idol{left:18%;width:56%;height:38%;bottom:20.5%;animation:none;transform:none}.idol img{width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 3px 1px #47244425);animation:perform-breathe 2.2s ease-in-out infinite;transform-origin:center bottom}
.floor-light{left:29%;width:34%;bottom:20.4%;height:1.4%;background:#4d325b63;filter:blur(5px);z-index:2}.duet .idol{left:38%;width:48%;height:36%}.partner{left:7%;bottom:23%;height:34%;width:45%;animation:none}.partner img{object-position:center bottom;animation:perform-breathe 2.4s ease-in-out infinite}
@keyframes perform-breathe{50%{transform:translateY(-1px) rotate(.25deg)}}
.story-mode .idol,.intro-mode .idol{left:14%;width:61%;height:42%;bottom:19%;animation:none}.story-mode .idol img{animation:none}.story-mode .partner{display:none!important}
.stream-brand{position:absolute;left:20%;right:20%;top:1.8%;display:flex;align-items:center;justify-content:center;gap:5px;z-index:5;color:#fff8ff;text-shadow:0 1px 3px #5f366e;font-size:2.7cqw;letter-spacing:1px;pointer-events:none}.stream-brand b{font-size:3.2cqw;letter-spacing:2px}.stream-brand small{position:absolute;top:110%;font-size:1.7cqw;letter-spacing:1.1px;white-space:nowrap}.live-dot{height:5px;width:5px;background:#ff76af;border-radius:50%;box-shadow:0 0 6px #ff73c6}
.stream-chat{position:absolute;right:5%;top:34%;width:46%;z-index:4;pointer-events:none}.stream-chat p{margin:0 0 5px;padding:5px 7px;color:#fff3fb;background:#3b254bbb;border:1px solid #f5cced44;border-radius:10px;font-size:2.35cqw;line-height:1.3;box-shadow:0 2px 5px #42234c22}.stream-chat b{display:block;color:#ffc2e4;font-size:2.2cqw}.stream-reactions{position:absolute;right:4%;top:45%;width:22%;height:35%;pointer-events:none;z-index:4}.stream-reaction{position:absolute;bottom:0;width:7cqw;height:7cqw;animation:stream-float 2.6s ease-out forwards}.stream-reaction img{width:100%;height:100%}@keyframes stream-float{0%{opacity:0;transform:translateY(0) scale(.6)}15%{opacity:1}100%{opacity:0;transform:translateY(-22cqh) rotate(12deg) scale(1.05)}}
.story-mode .stream-brand,.story-mode .stream-chat,.story-mode .stream-reactions{display:none}.particle{font-size:4cqw;color:#fff5fd;text-shadow:0 2px 3px #9a427c;display:flex;gap:3px;align-items:center}.particle .ui-icon{width:5cqw;height:5cqw}
#overlay{background:#301d425e;backdrop-filter:blur(2px)}
.panel{background:linear-gradient(160deg,#fff6fb,#f4e4f5);border:2px solid #fff3fc;border-radius:23px;box-shadow:0 0 0 1px #cd96c5,0 18px 55px #371d5155;color:#553567;overflow:hidden;max-height:86%}
.panel-head{padding:3cqw 4cqw;background:linear-gradient(115deg,#b884be,#e798c5 65%,#f1c4db);border:0;color:#fff;text-shadow:0 1px 1px #82447955;min-height:7cqh}.panel-head h2{font-family:'Unbounded','Nunito Sans',sans-serif;font-weight:600;font-size:4.4cqw;line-height:1.35;margin-bottom:.5cqh}.panel-head small{display:flex;gap:3cqw;color:#fff;font-size:2.8cqw}.panel-head small .ui-icon{width:4cqw;height:4cqw}
.close{width:8cqw;height:8cqw;min-width:28px;min-height:28px;border:1px solid #fff4fbbb;border-radius:11px;background:#fff1fa99;padding:5px;box-shadow:0 2px 3px #8047752b}.close .ui-icon{width:100%;height:100%}
.panel-body{padding:3.5cqw}.panel p{color:#705278}.panel .item-row p{color:#84658a}.item-row{border-color:#dec9e4;gap:3cqw}.item-row .item-icon{width:12cqw;height:12cqw;flex-shrink:0}.item-icon img{width:100%;height:100%}.item-row h3{font-size:3.5cqw}.item-row p{font-size:2.8cqw}.item-row .buy{min-width:20cqw;font-size:2.8cqw}
.primary,.buy{background:linear-gradient(140deg,#fda4d0,#ce72b6 65%,#a373c9);color:white;border:1px solid #fff0fa;box-shadow:0 3px 0 #97569444,inset 0 1px 0 #fff6;border-radius:13px;font-weight:800;text-shadow:0 1px 1px #844f9244}.primary:disabled,.buy:disabled{opacity:1;background:linear-gradient(#e8dce9,#d5c5dd);color:#96839f;border-color:#f7eff9;text-shadow:none;box-shadow:none}.secondary{border:1px solid #d4b6d9;background:#f8e9f5;color:#946297;border-radius:13px}.notice{background:#ead9ed;color:#775184!important;font-size:2.9cqw!important;border-radius:10px}.reward-art{width:28cqw;height:28cqw;padding:0;margin:2cqh auto}.reward-art img{width:100%;height:100%}.reward-title{font-size:4.5cqw!important}
.skill-panel{height:77cqh;overflow:visible;border-radius:22px}.skill-panel .panel-head{border-radius:20px 20px 0 0}.skill-panel .panel-body{padding:3cqh 3cqw 1cqh;gap:2.1cqh}.skill-panel .skill-row{border:1px solid #d7acd3;border-radius:13px;background:linear-gradient(135deg,#fff7fc,#eedcf0);box-shadow:0 2px 3px #bc94c433;grid-template-columns:21% 42% 33%;gap:2%}.skill-panel .skill-title{background:linear-gradient(90deg,#bc86bd,#e29bc4);border:1px solid #fff4fbbb;box-shadow:0 2px 2px #a4619933;border-radius:7px;color:white;top:-1.3cqh;font-size:3.1cqw;left:21%;right:4%}.skill-panel .skill-icon{height:5.2cqh;border:none;background:none;padding:0;box-shadow:none}.skill-icon .ui-icon{width:100%;height:100%;object-fit:contain}.skill-level{color:#9675a0;font-size:2.6cqw}.skill-panel .skill-bonus{color:#80608c!important;font-size:2.9cqw!important}.skill-bonus b{color:#b553a0}.skill-panel .skill-info .buy{background:linear-gradient(#f5b8dc,#cb90c9);color:#67426e;border-radius:8px;border:1px solid white;font-size:2.8cqw}.skill-panel .skill-info .buy:disabled{background:#e5d6e9;color:#ad94b4}.skill-panel .buy small{color:#9b7aa6;font-size:2.3cqw}.skill-row progress{background:#dac9e2;height:4px!important}.skill-row progress::-webkit-progress-value{background:#cb8fca}.skill-panel .modes{padding-bottom:1.2cqh}.modes button{transform:none;border-radius:9px;color:#aa84ad;border:1px solid #d6b8dc}.modes button.selected{background:#b982ba;color:white;border-color:#d3a6d4}.skill-panel .modes button{font-size:3cqw}
.dialogue{top:14%;height:24%;border:2px solid #e5b4d8;border-radius:19px;padding:3cqw;background:linear-gradient(140deg,#fffafb,#fcecf5);box-shadow:0 6px 20px #76486a25;color:#65456e}.dialogue .speaker{background:linear-gradient(110deg,#b885c4,#ec9cc5);border:2px solid #ffeff9;border-radius:10px;left:4%;bottom:calc(100% - 4px);font-size:3.8cqw;padding:.7cqw 3cqw}.dialogue p{font-size:4.35cqw;line-height:1.45;color:#63426a;font-weight:600}.dialogue:after{border-top-color:#fcecf5;filter:drop-shadow(-1px 2px 0 #e5b4d8);border-width:3cqh 4cqw 0 0}.dialogue .story-next{border:1px solid #ffe4f4;background:linear-gradient(130deg,#c987c0,#edabc9);border-radius:13px;font-size:3.8cqw;padding:1cqh 3cqw;display:flex;gap:1.5cqw;align-items:center}.story-next .ui-icon{width:5cqw;height:5cqw}
#overlay.map-overlay{padding:0;background:#3f264b}.location-screen{position:absolute;inset:0;background:radial-gradient(ellipse at 80% 0,#f7c8e8,#cfb9e6 48%,#ae93c6);color:#684177}.map-back{position:absolute;top:5%;left:5%;width:13%;height:6%}.location-screen>header{position:absolute;top:17%;width:100%;text-align:center}.location-screen header span{font-size:2.3cqw;letter-spacing:2px;color:#9b71aa}.location-screen h2{font:600 6cqw 'Unbounded',sans-serif;margin:1cqh 0}.location-carousel{position:absolute;left:2%;right:2%;top:28%;height:39%;display:flex;align-items:center;gap:1%}.carousel-arrow{width:10%;padding:0;border:0;background:none;flex-shrink:0}.carousel-arrow .ui-icon{width:100%;height:10cqw}.carousel-arrow:disabled{opacity:.15}.location-card{margin:0;background:#fff8fc;border:1px solid #fff;border-radius:12px;padding:3cqw;flex:1;min-width:0;box-shadow:0 10px 25px #6e46793b;transform:rotate(-1deg)}.location-photo{position:relative;aspect-ratio:1}.location-photo>img{width:100%;height:100%;object-fit:cover;border-radius:8px}.location-photo.locked>img{filter:grayscale(.8) brightness(.68)}.location-lock{position:absolute;inset:24%;display:grid;place-items:center}.location-lock .ui-icon{width:100%;height:100%;filter:drop-shadow(0 3px 4px #27153299)}.location-card h3{font-size:4.5cqw;text-align:center;margin:1cqh 0;color:#965d9b}.location-card p{font-size:3cqw;text-align:center;line-height:1.4;background:#f1e4f3;border-radius:8px;padding:1cqh 2cqw;margin:0 0 1cqh}.location-card progress{width:100%;height:6px}.location-action{position:absolute;top:73%;left:24%;right:24%}.location-action .primary{font-size:3.4cqw}.carousel-dots{position:absolute;top:84%;display:flex;gap:1.8cqw;justify-content:center;width:100%}.carousel-dots span{height:1.3cqw;width:1.3cqw;border-radius:50%;background:#fff7}.carousel-dots .selected{background:#a868a8;width:4cqw;border-radius:6px}
.wardrobe-panel{height:77cqh;max-height:88%}.wardrobe-panel .panel-body{flex:1;min-height:0;display:flex;flex-direction:column;padding:1cqh 3cqw;background:radial-gradient(ellipse,#ffe7f3,#e9d5ed)}.wardrobe-preview{position:relative;flex:1;min-height:0;display:flex;align-items:flex-end;justify-content:center}.wardrobe-preview img{height:96%;width:57%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 7px 3px #814c7630)}.wardrobe-preview .outfit-hero{z-index:2;margin-right:-14%}.wardrobe-preview .outfit-partner{height:92%;width:54%}.outfit-purchase{width:58%;margin:0 auto 1cqh}.outfit-purchase button{font-size:3.7cqw;padding:1cqh 2cqw}.outfit-tabs{display:flex;gap:1%;padding:1cqh 2cqw;background:#edd7ec;border-top:1px solid white}.outfit-tabs button{width:16%;padding:3px 1px;border:1px solid #dbc0de;border-radius:10px;background:#fff4fb;color:#8c6693;min-width:0}.outfit-tabs img{height:7cqh;width:100%;object-fit:contain}.outfit-tabs span{display:block;font-size:1.8cqw;white-space:normal;line-height:1.2}.outfit-tabs .selected{border-color:#b966ad;background:#edb9dc;box-shadow:0 0 0 1px #b966ad;color:#773970}.shop-grid{display:grid;grid-template-columns:1fr 1fr;gap:3cqw}.shop-pack{text-align:center;padding:2cqw;background:linear-gradient(#fff7fb,#efdfef);border:1px solid #d8b2d6;border-radius:15px}.shop-pack h3{color:#a1649f;font-size:4cqw;margin:0}.shop-pack>.ui-icon{width:20cqw;height:20cqw;margin:1cqh 0}.shop-pack .primary{width:100%;font-size:3.2cqw;padding:1cqh 0}.setting-line{color:#71527f}.setting-line label{font-size:3.5cqw}
.reference-mini{background:radial-gradient(ellipse at 60% 50%,#3c244e,#21162e)}.reference-mini .square{border-radius:15px}.reference-mini .mini-wallet,.reference-mini .mini-rate{transform:none;border:1px solid #f3c7e2;background:#fbe5f2;border-radius:20px;color:#844e8c}.mini-result{background:#301c43ef}.mini-result strong{color:#ffc1e1}.collector-preview{box-shadow:inset 0 0 20px #f6bbe78c}.mini-tutorial .primary{font-size:3.8cqw}.mini-instruction-icon{width:8cqw;height:8cqw}.mini-instruction-icon img{width:100%;height:100%}
#toast{background:#8d548bee;border:1px solid #ffd6ee;color:white;font-size:3.5cqw}.reduce-motion .stream-reaction{display:none}@media(prefers-reduced-motion:reduce){.stream-reaction{display:none}.idol img,.partner img{animation:none}}
/* Art-lead review fixes: contact, compact controls, small-screen legibility. */
.story-mode .floor-light{visibility:visible;left:32%;width:24%;bottom:18.7%;height:1%;background:#39253d88;filter:blur(3px)}
.floor-light{background:#39253d88;filter:blur(3px)}
.stream-chat p{font-size:clamp(9px,2.35cqw,12px)}.stream-chat b{font-size:clamp(9px,2.2cqw,11px)}
.skill-panel .skill-bonus{font-size:max(8px,2.9cqw)!important}.skill-level{font-size:max(8px,2.6cqw)}.skill-panel .buy small{font-size:max(7px,2.3cqw)}
.strings-mini{background:#261b36 url('assets/glam/fretboard.png') center/cover no-repeat}
.wardrobe-preview .outfit-partner{width:44%;height:78%;margin-left:5%}