*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:Instrument Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at 0% 0%,#ffd6ff 0,transparent 55%),radial-gradient(circle at 100% 0%,#ffc6e7 0,transparent 55%),radial-gradient(circle at 0% 100%,#ffb3e0 0,transparent 55%),radial-gradient(circle at 100% 100%,#ff9ad7 0,transparent 55%),linear-gradient(135deg,#2b021c 0,#110111 40%,#2b021c);color:#0b0415;display:flex;justify-content:center;align-items:stretch;overflow:hidden}.app-shell{max-width:1120px;width:100%;margin:24px;padding:16px 18px;border-radius:24px;background:radial-gradient(circle at top left,rgba(255,210,250,.3),transparent 55%),radial-gradient(circle at bottom right,rgba(255,170,210,.3),transparent 55%),repeating-radial-gradient(circle at 20% 30%,rgba(255,255,255,.18),rgba(255,255,255,.18) 1px,transparent 1px,transparent 4px),linear-gradient(145deg,#3f0429f5,#130028f5);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 24px 60px #02001499,0 0 0 1px #ffffff1f;display:flex;flex-direction:column;gap:16px;color:#fdf9ff;height:calc(100vh - 48px);min-height:0;overflow:hidden}.app-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.logo-lockup{display:flex;align-items:center;gap:12px}.logo-mark{width:38px;height:38px;border-radius:14px;background:conic-gradient(from 220deg,#ff5fbf,#ffc36b,#79ffe1,#ff5fbf);display:flex;align-items:center;justify-content:center;font-family:Syne,system-ui,sans-serif;font-weight:700;font-size:16px;color:#1a021f;box-shadow:0 0 0 2px #080014cc,0 14px 32px #00000080}.logo-text h1{font-family:Syne,system-ui,sans-serif;font-size:20px;letter-spacing:.08em;text-transform:uppercase;margin:0}.tagline{margin:2px 0 0;font-size:12px;opacity:.7}.layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.2fr);gap:16px;min-height:0;flex:1}.panel{border-radius:18px;padding:16px 16px 18px;background:radial-gradient(circle at top,#ffffff29,#0a011ee6);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px #ffffff05;display:flex;flex-direction:column;gap:12px;min-height:0}.panel h2{font-family:Syne,system-ui,sans-serif;font-size:15px;text-transform:uppercase;letter-spacing:.14em;margin:0}.story-panel{gap:10px;overflow:hidden}.character-card{display:flex;flex-direction:column;gap:10px;flex:1;min-height:0}.character-portrait{position:relative;border-radius:16px;flex-direction:row;gap:12px;align-items:stretch;background:radial-gradient(circle at 10% 0%,rgba(255,255,255,.7),transparent 55%),radial-gradient(circle at 80% 0%,rgba(255,180,240,.6),transparent 60%),repeating-radial-gradient(circle at 60% 30%,rgba(255,255,255,.55),rgba(255,255,255,.55) 1px,transparent 1px,transparent 4px),radial-gradient(circle at 20% 90%,#ff8ad2 0,#4a0630 60%,#120015);padding:10px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;flex:1;min-height:0}.character-portrait.event-rave{background:radial-gradient(circle at top,rgba(200,255,100,.6),transparent 55%),radial-gradient(circle at bottom,#3d5c1a 0,#2a4012),linear-gradient(to bottom,#b8ff66,#6b9e2e 50%,#3d5c1a 85%,#253314)}.character-portrait.event-ball{background:radial-gradient(ellipse 100% 60% at 50% 30%,rgba(255,220,180,.4),transparent 55%),linear-gradient(to top,#2d1820,#5c2d3a 25%,#8b4a5a 45%,#c4896b,#f5e6d8 95%,#fdf5eb)}.character-portrait.event-y2k{background:radial-gradient(circle at 10% 0%,rgba(255,255,255,.9),transparent 55%),repeating-linear-gradient(135deg,rgba(255,255,255,.4),rgba(255,255,255,.4) 1px,transparent 1px,transparent 6px),radial-gradient(circle at 80% 10%,#ffbdf2 0,#ff6ac8 40%,#2b0020)}.character-portrait.event-gallery{background:repeating-linear-gradient(to right,rgba(255,255,255,.12),rgba(255,255,255,.12) 1px,transparent 1px,transparent 18px),linear-gradient(to top,#05050a 0,#26263b 45%,#f3f5ff)}.character-portrait.event-beach{background:radial-gradient(ellipse 80% 50% at 50% 70%,rgba(255,120,60,.9),transparent 60%),linear-gradient(to top,#1a1628,#4a2c5c 25%,#e85a4f,#f4a261,#f5e6c8 85%,#e8d4b8)}.character-portrait.event-date{background:radial-gradient(circle at 20% 0,rgba(255,86,146,.6),transparent 60%),linear-gradient(to top,#1a0618 0,#4a1d3c 40%,#fdd6e5)}.avatar-view{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;flex:1;min-width:0}.avatar-label{font-size:10px;text-transform:uppercase;letter-spacing:.15em;opacity:.7;margin-bottom:4px}.avatar-svg{width:100%;max-width:160px;height:auto;aspect-ratio:180 / 260;filter:drop-shadow(0 18px 26px rgba(0,0,0,.7));max-height:40vh}.avatar-piece{opacity:0;transition:opacity .18s ease-out}.avatar-piece.visible{opacity:1}.speech-bubble{position:relative;border-radius:14px;padding:12px 14px;background:#0c0323f0;border:1px solid rgba(255,255,255,.2);color:#fef7ff;font-size:13px;line-height:1.5;box-shadow:0 16px 30px #0000008c,inset 0 0 0 1px #ffffff14}.speech-bubble:before{content:"";position:absolute;left:-6px;bottom:22px;width:12px;height:12px;background:inherit;transform:rotate(45deg);border-left:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2)}.event-card{border-radius:14px;padding:10px 12px 12px;background:linear-gradient(120deg,#ffffff14,#6938ff8c);display:flex;flex-direction:column;gap:6px;margin-top:4px}.event-label{font-size:11px;letter-spacing:.18em;text-transform:uppercase;opacity:.8}.event-name{font-family:Syne,system-ui,sans-serif;font-size:18px;letter-spacing:.08em;text-transform:uppercase}.event-description{font-size:13px;opacity:.9;margin:0 0 2px}.hint{font-size:12px;opacity:.8;margin:0 -2px}.wardrobe-panel{position:relative;overflow:hidden;min-height:0}.wardrobe-panel h2{color:#ffd4e5}.wardrobe-panel:before{content:"";position:absolute;top:10px;right:8px;bottom:56px;left:8px;border-radius:16px;border:1px solid rgba(255,255,255,.06);background:radial-gradient(circle at 10% 0%,rgba(255,255,255,.16),transparent 55%),linear-gradient(to right,rgba(255,255,255,.08) 1px,transparent 1px) 0 40px / 25% 1px repeat-x,linear-gradient(to top,rgba(0,0,0,.7),transparent 55%);pointer-events:none;opacity:.9}.categories-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:4px;flex:1;overflow:hidden auto;padding-right:2px;min-height:0}.category{border-radius:12px;padding:8px 8px 9px;position:relative;background:radial-gradient(circle at top,#ffffff24,#090318eb);border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:6px}.category-header{display:flex;justify-content:space-between;align-items:center;font-size:11px;text-transform:uppercase;letter-spacing:.18em;opacity:.9}.category-count{font-size:10px;opacity:.7}.category:before{content:"";position:absolute;left:8px;right:8px;top:30px;height:3px;border-radius:999px;background:linear-gradient(90deg,#ffffffa6,#ffffff26,#ffffffa6);opacity:.6}.items-row{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px;margin-top:8px}.closet-item{background:none;border:0;padding:0;cursor:pointer;flex:0 0 calc(50% - 4px);display:flex;justify-content:center;color:#ffd4e5}.closet-item-inner{display:flex;flex-direction:column;align-items:center;gap:6px}.closet-item-hanger{width:20px;height:12px;border-radius:20px 20px 10px 10px;border:2px solid rgba(255,255,255,.7);border-bottom:none;transform:translateY(2px)}.closet-item-photo{width:72px;height:64px;border-radius:12px;box-shadow:0 10px 18px #000000b3,0 0 0 1px #ffffff38;position:relative;overflow:hidden}.closet-item-photo:before{content:"";position:absolute;top:10px;right:14px;bottom:10px;left:14px;border-radius:16px 16px 18px 18px;background:linear-gradient(160deg,#fffffff2,#f8b0d6b3)}.closet-item-label{font-size:10px;text-align:center;line-height:1.3;max-width:80px;color:#ffd4e5}.closet-item.selected .closet-item-photo{background:linear-gradient(135deg,#ff7bd1,#ffc96e);box-shadow:0 14px 26px #000000e6,0 0 0 1px #0a0014d9}.closet-visual-hair_bubble-pigtails{background:radial-gradient(circle at top,#ffe6ff,#5d2b7e)}.closet-visual-hair_bubble-pigtails:before{border-radius:999px;background:radial-gradient(circle at top,#64328c,#3b144e);box-shadow:-10px 4px #5c2a7ae6,10px 4px #5c2a7ae6}.closet-visual-hair_sleek-bun{background:radial-gradient(circle at top,#f7eaff,#191022)}.closet-visual-hair_sleek-bun:before{border-radius:999px;background:radial-gradient(circle at top,#221426,#4a305f)}.closet-visual-hair_beach-waves{background:radial-gradient(circle at top,#ffe9cf,#c07b43)}.closet-visual-hair_beach-waves:before{border-radius:999px;background:linear-gradient(160deg,#f2c18a,#d38f5b)}.closet-visual-hair_space-buns{background:radial-gradient(circle at top,#fbe5ff,#2b103f)}.closet-visual-hair_space-buns:before{border-radius:999px;background:radial-gradient(circle at top,#4e2f94,#2b103f);box-shadow:-10px -4px #4e2f94,10px -4px #4e2f94}.closet-visual-hair_claw-clip{background:radial-gradient(circle at top,#f8f0eb,#211626)}.closet-visual-hair_claw-clip:before{border-radius:999px;background:linear-gradient(160deg,#211626,#463153)}.closet-visual-hair_curtain-bangs{background:radial-gradient(circle at top,#3a2845,#1a1020)}.closet-visual-hair_curtain-bangs:before{top:22px;right:20px;bottom:14px;left:20px;border-radius:50% 50% 40% 40%;background:linear-gradient(180deg,#2a1835,#4a3858)}.closet-visual-top_mesh-long-sleeve{background:radial-gradient(circle at top,#f4e6ff,#442067)}.closet-visual-top_mesh-long-sleeve:before{border-radius:14px 14px 18px 18px;background-image:linear-gradient(135deg,rgba(255,255,255,.5) 1px,transparent 1px),linear-gradient(-135deg,rgba(255,255,255,.4) 1px,transparent 1px);background-size:10px 10px;background-color:#8658d6b3}.closet-visual-top_corset{background:radial-gradient(circle at top,#f5dbff,#3b123f)}.closet-visual-top_corset:before{border-radius:18px 18px 22px 22px;background:linear-gradient(180deg,#642f76,#3b123f)}.closet-visual-top_baby-tee{background:radial-gradient(circle at top,#ffe1f3,#7d1d4b)}.closet-visual-top_baby-tee:before{border-radius:18px;background:linear-gradient(180deg,#ffb9dd,#f27cb6)}.closet-visual-top_satin-cami{background:radial-gradient(circle at top,#ffe9dc,#7a3b3b)}.closet-visual-top_satin-cami:before{border-radius:18px 18px 22px 22px;background:linear-gradient(160deg,#f7d5c8,#e9a990)}.closet-visual-top_oversized-shirt{background:radial-gradient(circle at top,#f1f6f0,#50625a)}.closet-visual-top_oversized-shirt:before{border-radius:18px 18px 22px 22px;background:linear-gradient(180deg,#f1f6f0,#c7d3c7)}.closet-visual-top_cropped-hoodie{background:radial-gradient(circle at top,#6a6a8a,#3a3a4a)}.closet-visual-top_cropped-hoodie:before{top:16px;right:14px;bottom:20px;left:14px;border-radius:12px;background:linear-gradient(180deg,#4a4a6a,#5a5a7a)}.closet-visual-bottom_cargo-mini{background:radial-gradient(circle at top,#dee1ff,#303785)}.closet-visual-bottom_cargo-mini:before{top:20px;right:14px;bottom:10px;left:14px;border-radius:18px;background:linear-gradient(180deg,#717bff,#4049b8)}.closet-visual-bottom_lowrise-jeans{background:radial-gradient(circle at top,#e0f0ff,#27496f)}.closet-visual-bottom_lowrise-jeans:before{top:18px;right:14px;bottom:8px;left:14px;border-radius:18px 18px 10px 10px;background:linear-gradient(180deg,#4d77a5,#2b4668)}.closet-visual-bottom_tulle-skirt{background:radial-gradient(circle at top,#ffe6ff,#854280)}.closet-visual-bottom_tulle-skirt:before{top:20px;right:10px;bottom:8px;left:10px;border-radius:20px 20px 26px 26px;background:linear-gradient(180deg,#f4c6ff,#f0a6ff)}.closet-visual-bottom_tailored-trousers{background:radial-gradient(circle at top,#e5e7ff,#191a25)}.closet-visual-bottom_tailored-trousers:before{top:18px;right:14px;bottom:6px;left:14px;border-radius:18px 18px 10px 10px;background:linear-gradient(180deg,#262634,#111119)}.closet-visual-bottom_knitted-shorts{background:radial-gradient(circle at top,#ffe7d2,#b06b47)}.closet-visual-bottom_knitted-shorts:before{top:22px;right:14px;bottom:10px;left:14px;border-radius:18px 18px 22px 22px;background:linear-gradient(180deg,#f1c9aa,#f7dcc5)}.closet-visual-bottom_wide-leg{background:radial-gradient(circle at top,#3a3a3a,#1a1a1a)}.closet-visual-bottom_wide-leg:before{top:12px;right:10px;bottom:16px;left:10px;border-radius:6px;background:linear-gradient(180deg,#2a2a2a,#4a4a4a)}.closet-visual-dress_slip-dress{background:radial-gradient(circle at top,#ffe4f1,#c56885)}.closet-visual-dress_slip-dress:before{top:16px;right:14px;bottom:4px;left:14px;border-radius:18px 18px 26px 26px;background:linear-gradient(180deg,#f0a5c0,#e06e9f)}.closet-visual-dress_ballgown{background:radial-gradient(circle at top,#f0d4ff,#3b123f)}.closet-visual-dress_ballgown:before{top:14px;right:10px;bottom:2px;left:10px;border-radius:20px 20px 32px 32px;background:linear-gradient(180deg,#4a215e,#2b0c3b)}.closet-visual-dress_metallic-mini{background:radial-gradient(circle at top,#fdf8ff,#a28ae2)}.closet-visual-dress_metallic-mini:before{top:18px;right:16px;bottom:10px;left:16px;border-radius:18px;background:linear-gradient(145deg,#f6f0ff,#c6b3ff)}.closet-visual-dress_cutout-knit{background:radial-gradient(circle at top,#ffe7ce,#c18754)}.closet-visual-dress_cutout-knit:before{top:16px;right:14px;bottom:4px;left:14px;border-radius:18px 18px 30px 30px;background:linear-gradient(180deg,#f3c8a0,#e0a56e)}.closet-visual-dress_archi-column{background:radial-gradient(circle at top,#f5f5f9,#9aa0b4)}.closet-visual-dress_archi-column:before{top:18px;right:18px;bottom:6px;left:18px;border-radius:16px;background:linear-gradient(180deg,#f2f2f5,#d9dde7)}.closet-visual-dress_blazer{background:radial-gradient(circle at top,#2a2a4a,#0a0a1a)}.closet-visual-dress_blazer:before{top:14px;right:12px;bottom:18px;left:12px;border-radius:8px;background:linear-gradient(180deg,#1a1a2e,#3a3a5a)}.closet-visual-shoes_holographic-platforms{background:radial-gradient(circle at top,#f8f2ff,#7a6bd6)}.closet-visual-shoes_holographic-platforms:before{top:28px;right:10px;bottom:8px;left:10px;border-radius:18px;background:linear-gradient(90deg,#f7f0ff,#c0b7ff)}.closet-visual-shoes_satin-heels{background:radial-gradient(circle at top,#ffe3ed,#c35e7a)}.closet-visual-shoes_satin-heels:before{top:30px;right:12px;bottom:8px;left:12px;border-radius:22px 22px 10px 18px;background:linear-gradient(160deg,#f9b8c6,#f3a2b5)}.closet-visual-shoes_pointed-flats{background:radial-gradient(circle at top,#f5f2ff,#a59db8)}.closet-visual-shoes_pointed-flats:before{top:30px;right:12px;bottom:10px;left:12px;border-radius:30px 10px 10px 30px;background:linear-gradient(160deg,#f3f0f5,#c7c1d1)}.closet-visual-shoes_beaded-sandals{background:radial-gradient(circle at top,#fff6da,#c09e52)}.closet-visual-shoes_beaded-sandals:before{top:30px;right:12px;bottom:12px;left:12px;border-radius:14px;background:linear-gradient(90deg,#f0e3c0,#ffd56b)}.closet-visual-shoes_furry-mules{background:radial-gradient(circle at top,#ffe6ff,#c07bb4)}.closet-visual-shoes_furry-mules:before{top:28px;right:12px;bottom:12px;left:12px;border-radius:20px;background:radial-gradient(circle at top,#ffeefd,#fdd9ff)}.closet-visual-shoes_chunky-boots{background:radial-gradient(circle at top,#3a3a3a,#0a0a0a)}.closet-visual-shoes_chunky-boots:before{top:20px;right:14px;bottom:12px;left:14px;border-radius:6px;background:linear-gradient(180deg,#1a1a1a,#2a2a2a)}.closet-visual-acc_neon-sunnies{background:radial-gradient(circle at top,#e9ffff,#208a97)}.closet-visual-acc_neon-sunnies:before{top:22px;right:14px;bottom:14px;left:14px;border-radius:10px;background:linear-gradient(90deg,#4cf5ff,#befdff)}.closet-visual-acc_pearl-choker{background:radial-gradient(circle at top,#fef6ff,#c2b0c2)}.closet-visual-acc_pearl-choker:before{top:26px;right:16px;bottom:18px;left:16px;border-radius:999px;background:radial-gradient(circle at center,#fff3ff 0 40%,transparent 45%)}.closet-visual-acc_butterfly-clips{background:radial-gradient(circle at top,#ffe0ff,#c97fb7)}.closet-visual-acc_butterfly-clips:before{top:22px;right:18px;bottom:18px;left:18px;border-radius:12px;background:linear-gradient(90deg,#ffb8f2,#f888e0)}.closet-visual-acc_giant-tote{background:radial-gradient(circle at top,#fdf4e3,#b69a60)}.closet-visual-acc_giant-tote:before{top:20px;right:16px;bottom:12px;left:16px;border-radius:10px;background:linear-gradient(180deg,#f6efe0,#e0d1b3)}.closet-visual-acc_gold-earrings{background:radial-gradient(circle at top,#fff7e4,#c78c3e)}.closet-visual-acc_gold-earrings:before{top:22px;right:20px;bottom:16px;left:20px;border-radius:999px;background:radial-gradient(circle at center,#f3b85c 0 40%,transparent 45%)}.closet-visual-acc_opera-gloves{background:radial-gradient(circle at top,#fef7ff,#cabde0)}.closet-visual-acc_opera-gloves:before{top:18px;right:18px;bottom:10px;left:18px;border-radius:18px;background:linear-gradient(180deg,#f6ecff,#d6c8f0)}.closet-visual-skin_porcelain{background:radial-gradient(circle at top,#ffece0,#f0b39a)}.closet-visual-skin_porcelain:before{top:18px;right:18px;bottom:12px;left:18px;border-radius:18px;background:linear-gradient(180deg,#fbe0d0,#f1b39a)}.closet-visual-skin_olive{background:radial-gradient(circle at top,#f4ddc6,#c8915b)}.closet-visual-skin_olive:before{top:18px;right:18px;bottom:12px;left:18px;border-radius:18px;background:linear-gradient(180deg,#f1c9aa,#d99a72)}.closet-visual-skin_bronze{background:radial-gradient(circle at top,#f0c99d,#b56935)}.closet-visual-skin_bronze:before{top:18px;right:18px;bottom:12px;left:18px;border-radius:18px;background:linear-gradient(180deg,#e5b28a,#c27a4a)}.closet-visual-skin_espresso{background:radial-gradient(circle at top,#e0b08b,#6a3315)}.closet-visual-skin_espresso:before{top:18px;right:18px;bottom:12px;left:18px;border-radius:18px;background:linear-gradient(180deg,#c58c5c,#8b4a28)}.closet-visual-skin_honey{background:radial-gradient(circle at top,#ffe4b8,#c9883f)}.closet-visual-skin_honey:before{top:18px;right:18px;bottom:12px;left:18px;border-radius:18px;background:linear-gradient(180deg,#f5d4a8,#e0a864)}.closet-visual-skin_mocha{background:radial-gradient(circle at top,#e0b88d,#6d4520)}.closet-visual-skin_mocha:before{top:18px;right:18px;bottom:12px;left:18px;border-radius:18px;background:linear-gradient(180deg,#c99a6d,#9d6b3a)}.closet-visual-makeup_soft-glam{background:radial-gradient(circle at top,#ffe3ef,#e6a0b2)}.closet-visual-makeup_soft-glam:before{top:22px;right:18px;bottom:16px;left:18px;border-radius:18px;background:radial-gradient(circle at center,#f49baf 0,#f49baf 45%,#ffd0de 55%)}.closet-visual-makeup_glitter-liner{background:radial-gradient(circle at top,#fbe5ff,#8246a6)}.closet-visual-makeup_glitter-liner:before{top:22px;right:18px;bottom:18px;left:18px;border-radius:18px;background-image:radial-gradient(circle at 30% 30%,#ffffff 0 2px,transparent 3px),radial-gradient(circle at 70% 40%,#7df9ff 0 2px,transparent 3px),radial-gradient(circle at 50% 70%,#ff9df2 0 2px,transparent 3px);background-color:transparent}.closet-visual-makeup_sunkissed{background:radial-gradient(circle at top,#ffe7ce,#c47a3f)}.closet-visual-makeup_sunkissed:before{top:24px;right:18px;bottom:18px;left:18px;border-radius:999px;background:radial-gradient(circle at center,#f2c18a 0 40%,transparent 45%)}.closet-visual-makeup_clean-girl{background:radial-gradient(circle at top,#fdf6ff,#c2becf)}.closet-visual-makeup_clean-girl:before{top:22px;right:18px;bottom:18px;left:18px;border-radius:16px;background:linear-gradient(180deg,#fff,#f3e9ff)}.closet-visual-makeup_siren{background:radial-gradient(circle at top,#f9d1e0,#6a2941)}.closet-visual-makeup_siren:before{top:24px;right:18px;bottom:16px;left:18px;border-radius:18px;background:linear-gradient(160deg,#4b2338,#99324f)}.closet-visual-makeup_bold-red{background:radial-gradient(circle at top,#ffd6e0,#b71c34)}.closet-visual-makeup_bold-red:before{top:26px;right:22px;bottom:18px;left:22px;border-radius:18px;background:linear-gradient(180deg,#c62838,#8b0000)}.rating-panel{align-self:stretch}.rating-score{font-family:Syne,system-ui,sans-serif;font-size:32px;margin-top:4px}.rating-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:11px;text-transform:uppercase;letter-spacing:.17em;border:1px solid transparent;margin-top:4px}.rating-badge:before{content:"";width:10px;height:10px;border-radius:999px;background:#ccc;box-shadow:0 0 12px #fff9}.rating-badge--idle{background:#ffffff0f;border-color:#ffffff38}.rating-badge--slay{background:linear-gradient(120deg,#40ffbf,#baff4d);color:#020905;border-color:#000000d9}.rating-badge--slay:before{background:radial-gradient(circle at 20% 20%,#fff,#5effb8)}.rating-badge--mid{background:linear-gradient(120deg,#ffd56f,#ff7aa0);color:#220207;border-color:#000c}.rating-badge--mid:before{background:radial-gradient(circle at 20% 20%,#fff,#ffb46a)}.rating-badge--flop{background:linear-gradient(120deg,#ff6f8d,#4036ff);color:#02011a;border-color:#000c}.rating-badge--flop:before{background:radial-gradient(circle at 20% 20%,#fff,#ff5e7f)}.rating-narrative{margin-top:6px;font-size:13px;line-height:1.5;opacity:.95}.result-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:stretch;justify-content:center;z-index:40}.result-screen.visible{display:flex}.result-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top,rgba(255,167,225,.35),transparent 65%),#060014e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.result-content{position:relative;max-width:none;width:100%;height:100%;padding-inline:0;display:flex;align-items:stretch}.result-card{border-radius:0;padding:18px 18px 20px;background:radial-gradient(circle at top left,rgba(255,230,255,.16),transparent 55%),linear-gradient(145deg,#0a0019fa,#3c073efa);border:1px solid rgba(255,255,255,.28);box-shadow:0 26px 60px #000000e6,0 0 0 1px #ffffff1f;box-sizing:border-box;width:100%;height:100%;display:flex;flex-direction:column;overflow-y:auto}.result-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.result-label{font-family:Syne,system-ui,sans-serif;font-size:13px;text-transform:uppercase;letter-spacing:.2em;opacity:.85}.result-close-btn{font-size:11px;padding-inline:12px}.result-body{display:flex;flex-direction:column;gap:12px;align-items:stretch;margin-top:6px}.result-avatar-wrap{position:relative;min-height:340px;border-radius:20px;overflow:hidden;background:radial-gradient(circle at top,rgba(255,255,255,.18),transparent 60%),radial-gradient(circle at bottom,#ff8ad2,#360624);box-shadow:0 18px 40px #000000e6,0 0 0 1px #ffffff2e}.result-avatar-halo{position:absolute;top:14px;right:18px;bottom:18px;left:18px;border-radius:999px;border:1px dashed rgba(255,255,255,.3);box-shadow:0 0 32px #ffc0f699}.result-copy{display:flex;flex-direction:column;gap:6px;max-width:560px}.result-score{font-family:Syne,system-ui,sans-serif;font-size:32px}.result-title{display:inline-flex;align-items:center;gap:6px;padding:3px 10px 4px;border-radius:999px;border:1px solid rgba(255,255,255,.35);font-size:11px;letter-spacing:.18em;text-transform:uppercase;margin-top:4px}.result-title:before{content:"";width:8px;height:8px;border-radius:999px;background:radial-gradient(circle at 30% 20%,#fff,#ff9ad7);box-shadow:0 0 12px #ffa6dbe6}.result-text{margin:4px 0 0;font-size:13px;line-height:1.6;opacity:.96}.result-avatar-mount{position:absolute;top:12px;right:26px;bottom:24px;left:26px;display:flex;align-items:center;justify-content:center;pointer-events:none}.result-avatar-mount svg{width:150px;height:230px;filter:drop-shadow(0 18px 32px rgba(0,0,0,.85))}.result-queen-wrap{position:absolute;right:20px;bottom:24px;width:140px;height:210px;pointer-events:none;z-index:2;display:flex;flex-direction:column;align-items:center;gap:4px}.result-queen-name{font-family:Syne,system-ui,sans-serif;font-size:13px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#fffffff2;text-shadow:0 2px 8px rgba(0,0,0,.6)}.result-queen-svg{width:100%;height:100%;filter:drop-shadow(0 8px 24px rgba(0,0,0,.7))}.result-queen-pose{display:none}.result-queen-wrap[data-tier=slay] .result-queen-pose--slay,.result-queen-wrap[data-tier=mid] .result-queen-pose--mid,.result-queen-wrap[data-tier=flop] .result-queen-pose--flop,.result-queen-wrap[data-tier=idle] .result-queen-pose--idle{display:block}.app-footer{display:flex;justify-content:center;gap:8px;font-size:11px;opacity:.8}.footer-dot{opacity:.5}button{font-family:inherit}.pill-button,.primary-button,.ghost-button{border-radius:999px;padding:7px 14px;font-size:12px;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;transition:box-shadow .18s ease-out,transform .1s ease-out,background .18s ease-out,color .18s ease-out,border-color .18s ease-out}.pill-button{background:#070118e6;color:#fef7ff;border:1px solid rgba(255,255,255,.4)}.pill-button:hover{transform:translateY(-1px);box-shadow:0 10px 20px #0000008c;background:#200750f2}.primary-button{margin-top:6px;width:100%;background:linear-gradient(120deg,#ff7bd1,#ffc96e);color:#240015;box-shadow:0 18px 40px #000c,0 0 0 1px #ffffff73}.primary-button:hover{transform:translateY(-1px);box-shadow:0 24px 50px #000000e6,0 0 0 1px #ffffffa6}.ghost-button{background:#0b0324cc;color:#fef7ff;border:1px solid rgba(255,255,255,.36);padding-inline:12px}.ghost-button:hover{transform:translateY(-1px);box-shadow:0 12px 26px #000000a6;background:#19074bf0}@media(max-width:980px){.layout{grid-template-columns:1.2fr 1.1fr;grid-template-rows:auto auto}.rating-panel{grid-column:1 / -1}}@media(max-width:780px){.app-shell{margin:12px;padding:14px 14px 16px}.layout{display:flex;flex-direction:column}.character-card{grid-template-columns:.9fr 1.4fr}}@media(max-width:560px){.app-header{flex-direction:column;align-items:flex-start}.character-portrait{flex-direction:column}.character-card{grid-template-columns:1fr}.speech-bubble:before{left:18px;bottom:-6px;transform:rotate(225deg)}.categories-grid{grid-template-columns:1fr}}