*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:linear-gradient(180deg,#2a1740,#11162d);color:#fff;font-family:Arial,Helvetica,sans-serif}
.wrap{width:min(980px,100%);margin:auto;padding:12px}
header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}
.brand{font-size:1.4rem;font-weight:1000;color:#ff9fe4;text-shadow:0 0 18px rgba(255,120,220,.3)}
.sub{color:#c5bad7;font-size:.84rem}
.stats{display:flex;gap:7px}.stats div{min-width:80px;text-align:center;background:#211936;border:1px solid rgba(255,159,228,.15);border-radius:12px;padding:7px 9px}.stats span{display:block;color:#af9ec4;font-size:.62rem;text-transform:uppercase}.stats b{font-size:1rem}
.challenge{background:linear-gradient(135deg,#6738a4,#c13f91);border-radius:14px;padding:10px 14px;font-weight:1000;margin-bottom:10px}
.game{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.stage,.closet{background:rgba(15,15,33,.82);border:1px solid rgba(255,159,228,.13);border-radius:22px;min-height:600px}
.stage{position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden}
.spotlight{position:absolute;width:360px;height:520px;background:radial-gradient(ellipse,rgba(255,255,255,.16),rgba(255,255,255,0) 68%);top:40px}
.avatar{position:relative;width:230px;height:470px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;z-index:2}
.head{font-size:66px;margin-bottom:-8px}.hair{font-size:50px;margin-bottom:-12px}.top{font-size:88px}.bottom{font-size:86px;margin-top:-12px}.shoes{font-size:60px;margin-top:-12px}.accessory{position:absolute;right:8px;top:115px;font-size:48px}
.theme-card{position:absolute;left:18px;bottom:18px;background:rgba(9,8,24,.86);border-radius:14px;padding:10px 12px;max-width:220px}.theme-card span{display:block;font-size:.62rem;color:#d59be7}.theme-card strong{display:block;font-size:1.05rem;margin:2px 0}.theme-card small{color:#bfb2d0}
.closet{padding:16px}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.tabs button{border:0;border-radius:999px;background:#2a2346;color:#fff;padding:8px 10px;font-weight:800;cursor:pointer}.tabs button.active{background:linear-gradient(135deg,#a547cb,#ff5aa9)}
.options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.option{min-height:100px;border:1px solid rgba(255,255,255,.1);background:#211b39;color:#fff;border-radius:16px;font-size:2.8rem;cursor:pointer}.option.selected{outline:3px solid #ff8bd4;background:#34204c}.option small{display:block;font-size:.68rem;color:#c5b5d5;margin-top:6px}
.submit,.secondary,.result button{width:100%;border:0;border-radius:14px;padding:12px;margin-top:12px;color:#fff;font-weight:1000;cursor:pointer}.submit,.result button{background:linear-gradient(135deg,#9d46db,#ff5eaa)}.secondary{background:#2b2742}
.result{position:fixed;inset:0;background:rgba(5,4,16,.75);display:flex;align-items:center;justify-content:center;padding:14px;z-index:10}.result.hidden{display:none}.result-card{width:min(420px,92%);background:#211936;border:1px solid rgba(255,159,228,.2);border-radius:22px;padding:24px;text-align:center}.result-icon{font-size:4rem}.result-card p{color:#c9bbd8;line-height:1.45}
@media(max-width:720px){header{flex-direction:column;align-items:flex-start}.stats{width:100%}.stats div{flex:1}.game{grid-template-columns:1fr}.stage{min-height:500px}.closet{min-height:auto}.options{grid-template-columns:repeat(3,1fr)}}

.online-strip{display:grid;grid-template-columns:minmax(150px,1fr) auto 1.4fr;gap:8px;align-items:center;background:#211936;border:1px solid rgba(255,159,228,.15);border-radius:14px;padding:9px;margin-bottom:10px}
.online-strip input{min-width:0;background:#100d20;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#fff;padding:10px 11px;outline:none}.online-strip input:focus{border-color:#ff8bd4}.online-strip button{border:0;border-radius:11px;background:linear-gradient(135deg,#9d46db,#ff5eaa);color:#fff;font-weight:1000;padding:10px 12px;cursor:pointer}.online-strip strong{font-size:.78rem;color:#c9bbd8}
.gallery-panel{margin-top:12px;background:#151126;border:1px solid rgba(255,159,228,.13);border-radius:20px;padding:14px}.gallery-head h2{margin:0;font-size:1.15rem}.gallery-head p{margin:3px 0 10px;color:#aa9dbd;font-size:.78rem}.online-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.look-card{background:#211936;border:1px solid rgba(255,255,255,.09);border-radius:15px;padding:10px;text-align:center}.look-card .look{font-size:1.65rem;line-height:1.18;min-height:82px;display:flex;flex-direction:column;justify-content:center}.look-card strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.look-card small{color:#ae9fc0}.empty{grid-column:1/-1;text-align:center;color:#9d91af;padding:16px}
@media(max-width:720px){.online-strip{grid-template-columns:1fr}.online-gallery{grid-template-columns:repeat(2,1fr)}}