/* Royal white and gold concept — preview only. */
:root{color-scheme:light;color:#312a20;--royal-gold:#b48a3d;--royal-ink:#342b1d}
html,body,.stage{background:#f2efe5;color:var(--royal-ink)}
.room{width:100%;height:100%;left:0;filter:none;object-fit:fill}
.room-shade{background:radial-gradient(ellipse at 50% 40%,#fff0 45%,#9e864b12 100%)}
.stage::before{display:none}
.avatar{filter:brightness(1.03) contrast(1.02) drop-shadow(0 8px 12px #57431f26)}
.avatar-wrap::after{background:linear-gradient(110deg,#fff7dc88,#d2ac5c22);opacity:.1}
.cards-deployed-content .card{padding:1px;border:0;border-radius:14px;clip-path:polygon(0 0,92% 0,100% 17%,100% 100%,8% 100%,0 83%);background:linear-gradient(125deg,#8e692b,#edcf8e 32%,#b58b43 60%,#e9d6ad);box-shadow:none}
.cards-deployed-content .card.active{background:linear-gradient(125deg,#9b722b,#fce7ac 32%,#aa7b27 70%,#e5bd66)}
.cards-deployed-content .card-shell{clip-path:polygon(0 0,92% 0,100% 17%,100% 100%,8% 100%,0 83%);background:linear-gradient(135deg,#fffefa,#f4f0e6 70%,#e7dfce);border-radius:0;padding:clamp(14px,1.8vw,25px)}
.card-shell::before{left:0;top:17%;width:3px;height:38%;background:#c29c50;box-shadow:none}
.card.active .card-shell::before{background:#b9903f;height:64%}
.card-shell::after{content:'';position:absolute;inset:5px;border:1px solid #bca16d24;clip-path:polygon(0 0,91% 0,100% 18%,100% 100%,9% 100%,0 82%);pointer-events:none}
.peek-label{color:#463821;font-size:clamp(11px,1.1vw,16px);font-weight:700;line-height:1.2;gap:7px;padding:9px 4px}
.peek-series{font-size:6px;letter-spacing:1.15px;font-weight:700;color:#92713a;white-space:nowrap}
.peek-icon{width:33px;height:33px;color:#a47c32;border:1px solid #ceb57e;border-radius:50%;padding:7px;background:linear-gradient(135deg,#fffdf3,#ece1c7);box-shadow:inset 0 1px #fff}
.peek-icon:has(img){padding:2px}
.merch-card .peek-label{gap:5px;font-size:clamp(10px,1.05vw,15px)}
.merch-card .peek-label>span:last-child{position:static;margin-top:0;padding:0;background:none;color:#463821;text-shadow:none;z-index:auto}
.merch-card .peek-icon{position:static;z-index:auto;width:36px;height:36px;opacity:1;filter:none;flex-shrink:0;background:#fff9e9;border:1px solid #ceb57e}
.deployed-icon{width:38px;height:38px;border:1px solid #cdb27a;border-radius:10px;color:#9c742f;background:linear-gradient(135deg,#fffdf5,#eee3c8);padding:8px}
.deployed-icon:has(img){background:#fff9e9;padding:2px}
.deployed-title{color:#392e1d;font-family:Arial,sans-serif;font-weight:800;letter-spacing:-.2px}
.deployed-desc{color:#82745c}
.deployed-arrow{color:#a8823e;font-size:18px}
.qr-card-content strong{color:#382e20;letter-spacing:.2px}
.qr-card-note,.qr-save-status{color:#85704d}
.save-qr{background:linear-gradient(120deg,#c7a04e,#a47b2e);border-color:#99722d;color:#fffdf5;border-radius:7px;box-shadow:inset 0 1px #ffffff44}
.save-qr:hover{background:#a57b2e}
.pedestal,.pedestal-front{background:linear-gradient(#fffdf6,#e6dcc8 65%);border-color:#c3a364}
.pedestal{box-shadow:0 7px 0 #d0b77f,0 9px 0 #a88643,0 16px 28px #7b653c26}
.pedestal::before{border-color:#c2a36777;background:radial-gradient(ellipse,#fffdf8,#e5dcc7 75%);box-shadow:inset 0 1px #fff}
.pedestal-front{background:linear-gradient(transparent 45%,#e8dfcc 90%);border-bottom:2px solid #c5a054;border-left:1px solid #e6d19c;border-right:1px solid #a88034;box-shadow:0 5px 12px -5px #b68e45aa;filter:drop-shadow(0 0 calc(1px + 9px * var(--music-beat)) #d8b96299)}
.platform-name{filter:sepia(.95) saturate(.85) brightness(1.22) drop-shadow(0 1px 0 #fff9e9) drop-shadow(0 5px 7px #8e6a3033)}
.beat-lighting{width:100%;height:100%;left:0;opacity:calc(var(--music-beat) * .5);mix-blend-mode:plus-lighter}
.gaming-player{background:linear-gradient(110deg,#fffdf6f5,#eee7d8f8);border:1px solid #c4a263;border-radius:10px;clip-path:polygon(0 12px,12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);box-shadow:0 8px 25px #58472818}
.gaming-player::before{border-color:#c4a263;background:linear-gradient(90deg,#f0dfb533,transparent 45%);box-shadow:inset 3px 0 #be974a,inset 0 1px #fff}
.gaming-player::after{background:#b89140;box-shadow:0 0 10px #ddbd7433}
.gaming-player .music-toggle{background:linear-gradient(135deg,#e0c381,#ac8237);border-color:#aa7d2d;color:white}
.gaming-track strong{color:#40311b;letter-spacing:1.4px}
.gaming-artist{color:#9b855e}
.gaming-seek{color:#8b7651}
.equalizer{color:#b38a3b}
.gaming-volume{border-color:#af945c33}
.gaming-volume button{color:#9b793b}
.gaming-player input[type=range]{background:linear-gradient(90deg,#bd9549 var(--progress,0%),#d5c9b1 var(--progress,0%))}
.gaming-player input[type=range]::-webkit-slider-thumb{background:#8d6928;box-shadow:none}
.gaming-player input[type=range]::-moz-range-thumb{background:#8d6928}
.music-status{color:#806127}
button:focus-visible,a:focus-visible,.stage:focus-visible{outline-color:#95712e}
@media(max-width:699px),(max-aspect-ratio:9/10){
 .room{width:130%;left:-15%;height:100%;filter:none}
 .room-shade{background:linear-gradient(180deg,#fff0,#ddc79708)}
 .avatar-wrap{width:min(62vw,42svh);bottom:21%}
 .platform-badge{width:min(63vw,44svh)}
 .peek-label{font-size:11px;gap:7px;padding:10px 2px}
 .peek-icon{width:30px;height:30px;padding:6px}
 .peek-series{font-size:5px;letter-spacing:.6px}
 .merch-card .peek-label{font-size:10px;gap:5px}
 .merch-card .peek-icon{width:32px;height:32px}
 .merch-card .peek-label>span:last-child{padding:0}
 .beat-lighting{width:130%;left:-15%;height:100%;opacity:calc(var(--music-beat) * .35)}
 .deployed-title{font-size:14px}.deployed-desc{font-size:11px}
 .gaming-track strong{font-size:12px}.gaming-artist{font-size:7px}
}
@media(max-height:500px) and (min-aspect-ratio:10/9){.peek-icon,.merch-card .peek-icon{width:21px;height:21px;padding:4px}.peek-series{display:none}.peek-label,.merch-card .peek-label{font-size:10px;gap:4px}}
@media(prefers-reduced-motion:reduce){.beat-lighting{display:none}.pedestal-front{filter:none}}

/* Champagne glass cards — preview v62. */
.cards-deployed-content .card{background:linear-gradient(130deg,#ffffffd9,#c8a65c88 34%,#ffffffaa 66%,#aa823e77);box-shadow:0 12px 28px #73552212}
.cards-deployed-content .card.active{background:linear-gradient(130deg,#fffef5,#d2ac60b0 35%,#ffffffc9 70%,#b68d45a0)}
.cards-deployed-content .card-shell{background:linear-gradient(125deg,#ffffff59,#fffdf51c 47%,#dfcea533);backdrop-filter:blur(14px) saturate(115%);-webkit-backdrop-filter:blur(14px) saturate(115%);box-shadow:inset 0 1px 0 #ffffffeb,inset 0 -1px 0 #af904530}
.cards-deployed-content .card.active .card-shell{background:linear-gradient(125deg,#ffffffad,#fffdf577 52%,#eee2c28c)}
.card-shell::after{inset:4px;border-color:#ffffff8c;background:linear-gradient(115deg,#ffffff33,transparent 38%,transparent 64%,#ffffff24);}
.peek-icon,.merch-card .peek-icon{background:linear-gradient(135deg,#ffffffa6,#f5ecd14d);border-color:#c6a2588c;box-shadow:inset 0 1px 0 #fff,0 3px 8px #a0803410}
.peek-label{color:#463821;text-shadow:0 1px 1px #ffffffb3}
.peek-series{color:#85642b}
.tng-card.active .card-shell{background:linear-gradient(125deg,#fffef8ed,#f8f2e4e0)}
.cards-deployed-content .card{background:#ffffff12;border:1px solid #c1a16388;box-shadow:inset 0 1px 0 #fff,0 10px 24px #78613d12}
.cards-deployed-content .card.active{background:#ffffff40;border-color:#bc9449bb}
.cards-deployed-content .card-shell{background:linear-gradient(125deg,#ffffff80,#ffffff14 45%,#ecddb326)}
.cards-deployed-content .card.active .card-shell{background:linear-gradient(125deg,#ffffffb8,#fffdf56b 52%,#eee2c254)}
/* Defined crystal edges and readable labels — preview v63. */
.cards-deployed-content .card{background:linear-gradient(130deg,#b28a40,#f9e8b6 28%,#c29a4b 60%,#9b752f);border:0;padding:2px;filter:drop-shadow(0 7px 8px #6c512328)}
.cards-deployed-content .card.active{background:linear-gradient(130deg,#a67a2e,#fff2c6 30%,#bd903b 70%,#936a25);border:0;filter:drop-shadow(0 10px 14px #70522333)}
.cards-deployed-content .card-shell{background:linear-gradient(125deg,#fffef0db,#f6f2e4b8 47%,#e5d4abc9);box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #b99a6155;backdrop-filter:blur(12px) saturate(125%);-webkit-backdrop-filter:blur(12px) saturate(125%)}
.cards-deployed-content .card.active .card-shell{background:linear-gradient(125deg,#fffef7f0,#f9f4e4d9 52%,#e8d7b5e6)}
.card-shell::before{width:3px;background:#a67a2e;box-shadow:0 0 6px #c6a45933}
.card-shell::after{border-color:#fffefaad}
.peek-label,.merch-card .peek-label{color:#332714;text-shadow:0 1px 0 #fff;font-weight:800}
.peek-series{color:#77551f;font-weight:800}
.peek-icon,.merch-card .peek-icon{color:#8b631f;border:1px solid #ad823be0;background:linear-gradient(135deg,#fffef4,#e9d5a5);box-shadow:inset 0 1px 0 #fff,0 3px 7px #8f6e2926}
.deployed-title{color:#302413}.deployed-desc{color:#69583a}
.tng-card.active .card-shell{background:linear-gradient(125deg,#fffef8f5,#f8f2e4ed)}
.cards-deployed-content .card{background:#fff9e533;border:2px solid #b38a40;padding:0}
.cards-deployed-content .card.active{background:#fff9e566;border:2px solid #9b712b}
.cards-deployed-content .card-shell{background:linear-gradient(125deg,#fffef2d9,#fffdf58f 47%,#e7d7adc2)}
/* Smoked glass with champagne details — preview v64. */
.cards-deployed-content .card{padding:1px;border:0;background:linear-gradient(130deg,#e8d6a6aa,#a98d5b55 45%,#f7e5b588);filter:drop-shadow(0 7px 9px #34291d24)}
.cards-deployed-content .card.active{border:0;background:linear-gradient(130deg,#f3dfac,#b6965e99 50%,#f8e7bd);filter:drop-shadow(0 12px 18px #34291d33)}
.cards-deployed-content .card-shell{background:linear-gradient(125deg,#34363bd9,#25282cbd 50%,#48463ccc);backdrop-filter:blur(16px) saturate(85%);-webkit-backdrop-filter:blur(16px) saturate(85%);box-shadow:inset 0 1px 0 #ffffff2b,inset 0 -1px 0 #00000020}
.cards-deployed-content .card.active .card-shell{background:linear-gradient(125deg,#414247eb,#282a2ede 55%,#4b473edb)}
.card-shell::before{width:2px;background:#dcc38a;box-shadow:none}
.card-shell::after{inset:5px;border-color:#ffffff16;background:linear-gradient(120deg,#ffffff0d,transparent 45%,#d8be8410)}
.peek-label,.merch-card .peek-label{color:#fffaf0;text-shadow:0 1px 2px #0005;font-weight:700}
.peek-series{color:#e2ca97;font-weight:600}
.peek-icon,.merch-card .peek-icon{color:#f0d69e;background:linear-gradient(135deg,#ffffff15,#c3a16214);border:1px solid #d4b57877;box-shadow:inset 0 1px 0 #ffffff1a,0 2px 6px #0002}
.merch-card .peek-label>span:last-child{color:#fffaf0;text-shadow:0 1px 2px #0005}
.deployed-icon{color:#f0d69e;background:#ffffff0b;border-color:#d4b57866}
.deployed-icon:has(img){background:#ffffff12}
.deployed-title{color:#fffaf0}.deployed-desc{color:#d5d0c6}.deployed-arrow{color:#e8cc91}
.tng-card.active .card-shell{background:linear-gradient(125deg,#3a3b3ff5,#27292df0)}
.qr-card-content strong{color:#fffaf0}.qr-card-note,.qr-save-status{color:#d5c5a7}
/* Sculpted icon badges — preview v65. */
.peek-icon,.merch-card .peek-icon,.deployed-icon{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:10px;border-radius:12px;border:1px solid #e5c786b0;color:#fff4d9;background:linear-gradient(145deg,#e7cc8d35,#ffffff08 48%,#b48b4229);box-shadow:inset 0 1px 0 #fff8,inset 0 -1px 0 #0003,0 4px 9px #0002;flex-shrink:0;overflow:visible}
.peek-icon::after,.deployed-icon::after{content:'';position:absolute;inset:3px;border:1px solid #e5c78626;border-radius:8px;pointer-events:none}
.peek-icon svg,.deployed-icon svg{width:100%;height:100%;filter:drop-shadow(0 1px 2px #0005)}
.merch-card .peek-icon,.deployed-icon:has(img){padding:3px;background:linear-gradient(145deg,#f6e0ae36,#c49b5120)}
.peek-icon img,.deployed-icon img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 1px 2px #0006)}
.peek-label,.merch-card .peek-label{gap:6px}
@media(max-width:699px),(max-aspect-ratio:9/10){.peek-icon,.merch-card .peek-icon{width:36px;height:36px;padding:8px;border-radius:10px}.merch-card .peek-icon{padding:2px}.peek-label,.merch-card .peek-label{gap:6px}}
@media(max-height:500px) and (min-aspect-ratio:10/9){.peek-icon,.merch-card .peek-icon{width:26px;height:26px;padding:5px;border-radius:7px}.merch-card .peek-icon{padding:1px}}
.merch-card .peek-icon{inset:auto;z-index:auto;opacity:1;filter:none}
