:root{color:#23172f;font-synthesis:none;text-rendering:geometricprecision;background:#261047;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:repeating-linear-gradient(135deg,#ffffff0d 0 12px,#0000 12px 24px),linear-gradient(145deg,#2e1559 0%,#110e2e 100%);min-width:320px;margin:0}button{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}.app-shell{background:linear-gradient(#ffffffb8,#0000 23%),linear-gradient(#51e6ff 0%,#a7f7ff 17%,#ffb4e1 48%,#ffe36b 72%,#7cf7b3 100%);width:min(100%,540px);min-height:100vh;margin:0 auto;padding:14px 12px 34px;position:relative;overflow:hidden}.app-shell:before{content:"";pointer-events:none;background:linear-gradient(90deg,#fff3 1px,#0000 1px) 0 0/28px 28px,linear-gradient(#ffffff2e 1px,#0000 1px) 0 0/28px 28px,linear-gradient(135deg,#0000 0 46%,#ffffff2e 47% 53%,#0000 54% 100%) 0 0/84px 84px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 82%);mask-image:linear-gradient(#000,#0000 82%)}.walkthrough-backdrop{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#180a2ab8;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.walkthrough-card{background:linear-gradient(135deg,#fffffff5 0 34%,#fff278f5 35% 48%,#ff64b8eb 49% 62%,#4fe2fff2 63% 100%);border:4px solid #291744;border-radius:28px;width:min(100%,500px);max-height:min(92vh,780px);padding:18px;overflow:auto;box-shadow:0 12px #291744,0 30px 80px #00000061}.walkthrough-card h2{color:#24143a;text-shadow:0 3px #fff,0 6px #ff5ba847;max-width:12ch;margin:0 0 14px;font-size:clamp(2rem,9vw,3.1rem);font-weight:1000;line-height:.86}.walkthrough-steps{gap:10px;display:grid}.walkthrough-step{background:#ffffffe0;border:3px solid #291744;border-radius:20px;grid-template-columns:30px 44px minmax(0,1fr);align-items:center;gap:9px;min-height:86px;padding:10px;display:grid;box-shadow:0 5px #291744}.step-number,.step-icon{border-radius:999px;place-items:center;font-weight:1000;display:grid}.step-number{color:#fff;background:#291744;width:28px;height:28px}.step-icon{color:#291744;background:linear-gradient(#fff06f,#ff63b8);border:3px solid #291744;width:42px;height:42px}.step-icon svg{width:20px;height:20px}.walkthrough-step strong,.walkthrough-step p{display:block}.walkthrough-step strong{color:#24143a;font-size:.96rem;font-weight:1000}.walkthrough-step p{color:#5a3b73;margin:3px 0 0;font-size:.78rem;font-weight:850;line-height:1.22}.walkthrough-start{color:#291744;cursor:pointer;background:linear-gradient(#fff,#fff06f 45%,#ff9f32);border:4px solid #291744;border-radius:20px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:54px;margin-top:14px;font-weight:1000;display:inline-flex;box-shadow:0 7px #291744}.top-hud,.hero-panel,.studio-panel,.wardrobe-panel,.gift-panel,.vote-panel,.cards-panel,.parent-panel{z-index:1;position:relative}.top-hud,.brand-lockup,.hud-pills,.hud-pill,.theme-tags,.section-heading,.studio-heading,.action-row,.reaction-row,.player-chip{align-items:center;display:flex}.top-hud{justify-content:space-between;gap:10px;padding:6px 6px 12px}.brand-lockup{gap:8px;min-width:0}.brand-mark{color:#fff;background:linear-gradient(145deg,#ff5ba8,#ffe066);border:3px solid #291744;border-radius:13px;place-items:center;width:42px;height:42px;font-size:1.35rem;font-weight:1000;display:grid;box-shadow:0 4px #291744,inset 0 2px #ffffffb3}.brand-lockup strong{color:#24143a;font-size:1.15rem;font-weight:1000;line-height:1;display:block}.brand-lockup small{color:#5d4875;margin-top:2px;font-size:.73rem;font-weight:900;display:block}.hud-pills{justify-content:flex-end;gap:7px}.hud-pill,.guide-button{color:#4a2d65;white-space:nowrap;background:#fff;border:2px solid #291744;border-radius:999px;gap:5px;min-height:32px;padding:6px 9px;font-size:.74rem;font-weight:1000;box-shadow:0 3px #291744}.guide-button{cursor:pointer;background:linear-gradient(#fff,#ffd7ef);align-items:center;display:inline-flex}.guide-button svg{width:15px;height:15px}.hud-pill svg,.eyebrow svg,.section-heading svg,.studio-heading svg,.primary-action svg,.secondary-action svg,.gift-button svg,.reaction-row svg{width:16px;height:16px}.coin-pill{color:#4a2b0b;background:linear-gradient(#fff4a5,#ffbf3f)}.hero-panel,.studio-panel,.wardrobe-panel,.gift-panel,.vote-panel,.cards-panel,.parent-panel{border:3px solid #291744;border-radius:24px;margin-bottom:14px;overflow:hidden;box-shadow:0 7px #291744,0 18px 32px #2f134c33}.hero-panel{color:#fff;background:linear-gradient(112deg,#fffc 0 16%,#0000 17% 100%),linear-gradient(135deg,#fff06f 0%,#ff72bd 48%,#51e6ff 100%);padding:15px}.hero-panel:after,.studio-panel:after,.broono-card:after{content:"";pointer-events:none;border-radius:19px;position:absolute;inset:5px;box-shadow:inset 0 2px #ffffffb8}.eyebrow{color:#e92379;text-transform:uppercase;background:#ffffffbd;border:2px solid #ff5ba859;border-radius:999px;align-items:center;gap:5px;margin:0 0 8px;padding:5px 8px;font-size:.68rem;font-weight:1000;display:inline-flex}.theme-copy h1{color:#fff;letter-spacing:0;text-shadow:0 3px #291744,0 7px #29174442;max-width:9ch;margin:0;font-size:clamp(2.65rem,12vw,4rem);font-weight:1000;line-height:.84}.theme-copy p{color:#fff;margin:13px 0 0;font-size:.98rem;font-weight:850;line-height:1.32}.how-flow{grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr) 18px minmax(0,1fr);align-items:center;gap:6px;margin-top:13px;display:grid}.how-flow span{color:#291744;text-align:center;background:#ffffffeb;border:3px solid #291744;border-radius:14px;place-items:center;min-height:40px;padding:7px;font-size:.67rem;font-weight:1000;display:grid;box-shadow:0 4px #291744}.how-flow i{background:#291744;border-radius:999px;height:5px}.theme-tags{flex-wrap:wrap;gap:7px;margin-top:13px}.theme-tags span{color:#3b245b;background:#fffffff0;border:2px solid #291744;border-radius:999px;padding:7px 9px;font-size:.74rem;font-weight:1000;box-shadow:0 3px #291744}.studio-panel{background:linear-gradient(125deg,#fffffff5 0 44%,#ffee5bb3 45% 54%,#ff66b88c 55% 70%,#4ee0ffb8 71% 100%);padding:14px}.studio-heading{justify-content:space-between;gap:12px;margin-bottom:11px}.studio-heading h2,.section-heading h2,.gift-panel h2{color:#24143a;margin:0;font-size:1.25rem;font-weight:1000;line-height:1}.studio-heading h2,.section-heading h2{align-items:center;gap:7px;display:inline-flex}.studio-heading p,.gift-panel p,.empty-state{color:#654d7e;margin:6px 0 0;font-size:.8rem;font-weight:850;line-height:1.25}.score-orb{background:radial-gradient(circle at center, #fff 0 47%, transparent 48%), conic-gradient(#ff2e9a var(--score), #29174424 0);border:3px solid #291744;border-radius:50%;flex:none;place-items:center;width:72px;height:72px;font-size:.9rem;font-weight:1000;display:grid;box-shadow:0 6px #291744,0 0 0 5px #ffffff8c}.studio-stage{background:linear-gradient(104deg, transparent 0 36%, #ffffff38 37% 45%, transparent 46% 100%), linear-gradient(180deg, color-mix(in srgb, var(--scene), #fff 26%) 0%, #f9f2ff 50%, color-mix(in srgb, var(--scene), #ff2e9a 35%) 100%);border:3px solid #291744;border-radius:24px;height:300px;position:relative;overflow:hidden;box-shadow:0 7px #291744,inset 0 0 0 5px #ffffff2e}.studio-stage:before{content:"";clip-path:polygon(44% 0,56% 0,100% 100%,0 100%);pointer-events:none;background:linear-gradient(#ffffff8c,#ffffff0d);width:220px;height:370px;position:absolute;top:-30px;left:50%;transform:translate(-50%)}.stage-sun,.stage-ribbon,.avatar,.broono-host{position:absolute}.stage-sun{background:linear-gradient(#fff16f,#ff9f32);border:3px solid #291744;border-radius:50%;width:48px;height:48px;top:30px;right:28px;box-shadow:0 4px #291744,inset 0 2px #ffffffa6}.stage-ribbon{background:#ffffffa3;border:3px solid #291744;border-radius:999px;height:18px}.ribbon-one{top:76px;left:-20px;right:160px;transform:rotate(-8deg)}.ribbon-two{bottom:54px;left:190px;right:-28px;transform:rotate(9deg)}.avatar{width:150px;height:230px;bottom:20px;left:50%;transform:translate(-50%)}.avatar:before{content:"";z-index:2;background:linear-gradient(145deg,#ffd7b5,#ffc092);border:4px solid #291744;border-radius:46% 46% 44% 44%;width:72px;height:78px;position:absolute;top:46px;left:50%;transform:translate(-50%)}.avatar-hair{background:var(--item);z-index:1;border:4px solid #291744;border-radius:48px 48px 28px 28px;width:96px;height:74px;position:absolute;top:22px;left:50%;transform:translate(-50%);box-shadow:inset 0 5px #ffffff8c,0 4px #29174429}.avatar-face{z-index:3;width:48px;height:18px;position:absolute;top:72px;left:50%;transform:translate(-50%)}.avatar-face:before,.avatar-face:after{content:"";background:#291744;border-radius:50%;width:8px;height:8px;position:absolute;top:0}.avatar-face:before{left:5px}.avatar-face:after{right:5px}.avatar-top{background:var(--item);z-index:2;border:4px solid #291744;border-radius:26px 26px 16px 16px;width:92px;height:72px;position:absolute;top:112px;left:50%;transform:translate(-50%);box-shadow:inset 0 5px #ffffff57}.avatar-bottom{background:var(--item);z-index:2;border:4px solid #291744;border-radius:10px 10px 24px 24px;width:86px;height:38px;position:absolute;top:170px;left:50%;transform:translate(-50%);box-shadow:inset 0 4px #ffffff47}.avatar-shoes{z-index:3;width:100px;height:24px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.avatar-shoes:before,.avatar-shoes:after{content:"";background:var(--item);border:4px solid #291744;border-radius:999px;width:44px;height:22px;position:absolute;bottom:0}.avatar-shoes:before{left:0}.avatar-shoes:after{right:0}.avatar-prop{background:var(--item);z-index:4;border:4px solid #291744;border-radius:50%;width:46px;height:46px;position:absolute;top:116px;right:1px;box-shadow:0 4px #29174438,inset 0 4px #ffffff80}.broono-host{background:linear-gradient(145deg,#7fffff,#6f51ff 50%,#ff35a7);border:4px solid #291744;border-radius:44% 44% 38% 38%;width:88px;height:80px;animation:2.8s ease-in-out infinite host-bob;bottom:16px;left:18px;box-shadow:0 8px #29174447,inset 0 5px #ffffff85}.broono-ear,.tiny-ear{background:#78f0ff;border:4px solid #291744;border-bottom:0;border-radius:20px 20px 3px 3px;position:absolute}.broono-ear{width:30px;height:34px;top:-22px}.broono-ear.left,.tiny-ear.left{left:9px;transform:rotate(-15deg)}.broono-ear.right,.tiny-ear.right{right:9px;transform:rotate(15deg)}.broono-face:before,.broono-face:after,.tiny-face:before,.tiny-face:after{content:"";background:#291744;border-radius:50%;position:absolute}.broono-face:before,.broono-face:after{width:8px;height:8px;top:32px}.broono-face:before{left:28px}.broono-face:after{right:28px}.broono-line{background:#ffffffe0;border:2px solid #29174429;border-radius:18px;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:10px;margin:13px 0;padding:9px;display:grid;box-shadow:inset 0 2px #ffffffd1}.tiny-broono{background:linear-gradient(145deg,#7fffff,#6f51ff 56%,#ff35a7);border:4px solid #291744;border-radius:44% 44% 38% 38%;width:48px;height:44px;position:relative}.tiny-ear{width:19px;height:23px;top:-17px}.tiny-face:before,.tiny-face:after{width:5px;height:5px;top:17px}.tiny-face:before{left:14px}.tiny-face:after{right:14px}.broono-line strong,.broono-line span{display:block}.broono-line strong{color:#24143a;font-size:.84rem;font-weight:1000}.broono-line span{color:#654d7e;margin-top:2px;font-size:.78rem;font-weight:850;line-height:1.22}.action-row{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:9px;display:grid}.primary-action,.secondary-action,.gift-button,.auth-row button,.reaction-row button{cursor:pointer;border:3px solid #291744;transition:transform .12s,box-shadow .12s}.primary-action,.secondary-action,.gift-button{border-radius:17px;justify-content:center;align-items:center;gap:7px;min-height:50px;font-size:.88rem;font-weight:1000;display:inline-flex;box-shadow:0 5px #291744}.primary-action{background:linear-gradient(#fff76f 0%,#ffb83f 55%,#ff7a32 100%)}.secondary-action{background:linear-gradient(#fff,#dffaff)}.primary-action:active,.secondary-action:active,.gift-button:active,.auth-row button:active,.reaction-row button:active,.item-chip:active{transform:translateY(3px);box-shadow:0 2px #291744}.result-card{background:#fff;border:2px solid #29174429;border-radius:18px;margin-top:12px;padding:10px}.result-card p{color:#654d7e;margin:8px 0 0;font-size:.74rem;font-weight:850;line-height:1.25}.broono-card{background:linear-gradient(112deg,#ffffffc7 0 18%,#0000 19% 100%),linear-gradient(135deg,#fff06f,#ff66b8 58%,#51e6ff);border:3px solid #291744;border-radius:20px;gap:5px;min-height:128px;padding:12px;display:grid;position:relative;box-shadow:0 6px #291744,0 12px 24px #29174424}.broono-card.compact{min-height:94px}.card-kicker{color:#e92379;text-transform:uppercase;background:#ffffffc2;border-radius:999px;align-items:center;gap:5px;width:fit-content;padding:5px 7px;font-size:.63rem;font-weight:1000;display:inline-flex}.card-kicker svg{width:13px;height:13px}.broono-card strong{color:#fff;text-shadow:0 2px #291744;font-size:1rem;font-weight:1000;line-height:1.05}.broono-card small{color:#fff;text-shadow:0 1px #29174480;font-size:.76rem;font-weight:900}.wardrobe-panel,.vote-panel,.cards-panel,.parent-panel{background:#fffffff0;padding:14px}.section-heading{justify-content:space-between;gap:10px;margin-bottom:10px}.section-heading>span{color:#4b3165;white-space:nowrap;background:#ffffffc7;border:2px solid #29174424;border-radius:999px;align-items:center;gap:5px;padding:6px 8px;font-size:.68rem;font-weight:1000;display:inline-flex}.wardrobe-rail{margin-top:12px}.wardrobe-rail h3{color:#372250;text-transform:uppercase;margin:0 0 7px;font-size:.82rem;font-weight:1000}.item-row{scrollbar-width:none;grid-auto-columns:minmax(128px,42%);grid-auto-flow:column;gap:9px;padding-bottom:4px;display:grid;overflow-x:auto}.item-row::-webkit-scrollbar{display:none}.item-chip{text-align:left;cursor:pointer;background:linear-gradient(145deg,#fff 0%,#f6fbff 58%,#ffe8f5 100%);border:3px solid #291744;border-radius:18px;gap:6px;min-height:112px;padding:10px;display:grid;box-shadow:0 5px #291744}.item-chip:disabled{cursor:not-allowed;opacity:.55;filter:grayscale(.5)}.item-chip.selected{background:linear-gradient(145deg,#fff06f,#ffd7ee 60%,#dffaff);box-shadow:0 5px #291744,0 0 0 4px #ff5ba838}.item-chip>span{background:var(--item);border:3px solid #291744;border-radius:13px;width:44px;height:34px;display:block;box-shadow:inset 0 4px #ffffffb8,0 3px #29174429}.item-chip strong{color:#24143a;font-size:.82rem;font-weight:1000;line-height:1.05}.item-chip small{color:#654d7e;font-size:.66rem;font-weight:850;line-height:1.2}.gift-panel{color:#fff;background:radial-gradient(circle at 88% 10%,#ffffff9e,#0000 18%),linear-gradient(135deg,#5a31bb,#ff5ba8);grid-template-columns:minmax(0,1fr);gap:12px;padding:14px;display:grid}.gift-panel h2,.gift-panel p{color:#fff}.gift-button{color:#291744;background:linear-gradient(#fff,#fff1a6)}.gift-button:disabled{cursor:not-allowed;filter:grayscale(.4);opacity:.78}.vote-grid,.saved-grid{gap:10px;display:grid}.vote-card{background:#ffffffc7;border:2px solid #29174424;border-radius:18px;padding:10px}.reaction-row{grid-template-columns:1fr;gap:7px;margin-top:9px;display:grid}.reaction-row button{color:#3c2857;background:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:7px;min-height:40px;padding:8px 9px;font-size:.75rem;font-weight:1000;display:flex;box-shadow:0 3px #291744}.reaction-row strong{background:#fff1a6;border-radius:999px;padding:3px 6px}.parent-panel{background:linear-gradient(145deg,#fff,#f6efff)}.player-chip{color:#3c2857;gap:7px;margin-bottom:10px;font-size:.82rem;font-weight:1000}.player-chip svg{width:17px;height:17px}.auth-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.auth-row button{background:linear-gradient(#fff,#fff3fb);border-radius:16px;min-height:45px;padding:9px 8px;font-size:.82rem;font-weight:1000;box-shadow:0 4px #291744}@keyframes host-bob{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-7px)rotate(1deg)}}@media (prefers-reduced-motion:reduce){.broono-host{animation:none}*{scroll-behavior:auto!important}}@media (width<=390px){.hud-pills{flex-direction:column;align-items:flex-end;gap:5px}.theme-copy h1{font-size:2.4rem}.studio-stage{height:278px}.action-row{grid-template-columns:1fr}.item-row{grid-auto-columns:minmax(118px,48%)}}@media (width>=760px){body{padding:24px 0}.app-shell{border:6px solid #291744;border-radius:36px;min-height:calc(100vh - 48px);box-shadow:0 24px 80px #00000059}}@media (display-mode:standalone){.app-shell{padding-top:calc(14px + env(safe-area-inset-top));padding-bottom:calc(34px + env(safe-area-inset-bottom))}}