*{box-sizing:border-box}html,body{margin:0;background:#06000f;color:#fff;font-family:Arial,Helvetica,sans-serif;min-height:100%}
body{overflow-x:hidden}.home-screen{width:100%;max-width:1536px;margin:0 auto;position:relative;line-height:0}
.design-image{display:block;width:100%;height:auto;user-select:none;-webkit-user-drag:none}
#hotspots{position:absolute;inset:0}.hotspot{position:absolute;display:block;background:transparent;border:0;border-radius:14px;cursor:pointer;outline:none}.hotspot:focus-visible{box-shadow:0 0 0 3px #fff,0 0 18px #ff19db}.hotspot:hover{background:rgba(255,255,255,.025)}
.game-view{min-height:100vh;padding:16px;background:radial-gradient(circle at 50% 0,#28004f,#070010 55%,#030006);line-height:normal}
.game-top{max-width:1100px;margin:0 auto 18px;display:flex;align-items:center;gap:12px;justify-content:space-between;position:sticky;top:0;z-index:5;background:rgba(9,0,22,.92);border:1px solid #b51cff;border-radius:18px;padding:10px 14px;box-shadow:0 0 22px #b51cff55;backdrop-filter:blur(10px)}
.back,.home-mini,.primary,.game-btn{border:1px solid #ff36df;background:linear-gradient(135deg,#ff0a9b,#7d19ff);color:#fff;border-radius:999px;padding:10px 16px;font-weight:800;cursor:pointer;box-shadow:0 0 15px #ff12c777}
.home-mini{background:linear-gradient(135deg,#ffd900,#ff7b00);color:#230018}.game-brand{font-weight:900;font-size:18px}
#gameContent{max-width:1100px;margin:auto}.panel{background:linear-gradient(145deg,#17002e,#090014);border:1px solid #d728ff;border-radius:24px;padding:22px;box-shadow:0 0 30px #c10cff44}.panel h1,.panel h2{margin-top:0}.game-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.game-card{background:#0d021b;border:1px solid #7c21ff;border-radius:18px;padding:18px}.stat{font-size:20px;font-weight:800}.controls{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}
canvas{max-width:100%;background:#080013;border:1px solid #b522ff;border-radius:16px;display:block;margin:12px auto}.choices{display:grid;gap:10px}.choices button{padding:13px;border-radius:12px;border:1px solid #8f31ff;background:#19052c;color:white;cursor:pointer;text-align:left}.choices button:hover{background:#3a0b5d}.ok{border-color:#1aff9c!important}.bad{border-color:#ff4a6e!important}
.color-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.color-tools input,.color-tools select,.modal-card input{background:#090013;color:#fff;border:1px solid #8e2aff;border-radius:10px;padding:9px}.dress-stage{min-height:480px;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#3a075e,#08000f 70%);border-radius:20px;border:1px solid #b522ff;overflow:hidden}.avatar{font-size:150px;filter:drop-shadow(0 0 14px #ff22df)}.outfit{position:absolute;font-size:58px;transition:.15s}.item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.item-grid button{padding:10px;border-radius:12px;background:#130021;border:1px solid #7c21ff;color:#fff;cursor:pointer}.race-wrap{position:relative}.race-help{text-align:center}.modal{position:fixed;inset:0;background:#000b;display:grid;place-items:center;padding:20px;z-index:20}.modal-card{width:min(460px,100%);background:linear-gradient(145deg,#22003d,#07000e);border:1px solid #ff2cdd;border-radius:24px;padding:26px;box-shadow:0 0 50px #ff1cd777;position:relative}.modal-card input{width:100%;margin:10px 0}.x{position:absolute;right:12px;top:8px;border:0;background:none;color:#fff;font-size:30px;cursor:pointer}
[hidden]{display:none!important}@media(max-width:600px){.game-top{flex-wrap:wrap}.game-brand{order:-1;width:100%;text-align:center}.panel{padding:15px}.dress-stage{min-height:380px}.avatar{font-size:110px}}