body{margin:0;font-family:system-ui,sans-serif;background:#f5f7fb;color:#0f172a}.page{max-width:1160px;margin:0 auto;padding:24px}.hidden{display:none}.muted{color:#475569}.hub-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.hub-home{font-size:1.2rem;font-weight:900;color:#0f172a;text-decoration:none;cursor:pointer;background:none;border:none;padding:0}.hub-home:hover{color:#4f46e5}.hub-banner{background:linear-gradient(135deg,#f6d365,#d4a017 40%,#f9e076 60%,#c8981a);padding:14px 48px;border-radius:4px;clip-path:polygon(8% 0%,92% 0%,100% 50%,92% 100%,8% 100%,0% 50%);text-align:center}.hub-banner h1{margin:0;font-size:1.8rem;font-weight:900;color:#1a1a1a;text-shadow:0 1px 2px rgba(255,255,255,.3)}.hub-coins{display:flex;align-items:center;gap:6px;font-size:1.3rem;font-weight:900;color:#0f172a}.hub-coin-icon{width:28px;height:28px;background:linear-gradient(135deg,#f6d365,#d4a017);border-radius:50%;display:inline-block}.hub-preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:20px}.hub-preview-card{display:flex;flex-direction:column;align-items:center;cursor:pointer;background:#fff;border-radius:16px;padding:16px;border:2px solid transparent;transition:border-color .2s,transform .15s}.hub-preview-card:hover{border-color:#d4a017;transform:translateY(-3px)}.hub-preview-card:disabled{cursor:default;opacity:.7}.hub-preview-card:disabled:hover{border-color:transparent;transform:none}.hub-preview-frame{width:180px;height:200px;position:relative;overflow:hidden;border-radius:12px;margin-bottom:8px}.hub-preview-frame img{position:absolute;top:0;left:50%;transform:translate(-50%);height:100%;width:auto;object-fit:contain;pointer-events:none}.hub-preview-frame--monster{aspect-ratio:500 / 560;background:#fff;border:1px solid #dbeafe;height:auto}.hub-preview-frame--monster img{top:0;height:100%}.hub-preview-label{font-weight:700;font-size:1rem;color:#0f172a}.hub-preview-frame.locked-silhouette{display:flex;align-items:center;justify-content:center;background:#f1f5f9}.locked-silhouette svg{width:120px;height:120px;opacity:.25}.hub-cta{text-align:center;font-size:1.3rem;font-weight:800;color:#475569;margin-top:4px}.top{background:#fff;padding:16px;border-radius:14px;margin-bottom:16px;display:flex;justify-content:space-between;gap:16px;align-items:center}.top h1{margin:0}.top p{margin:6px 0 0;color:#475569}.top-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.coins{font-size:1.1rem}.home-btn{color:#4f46e5;text-decoration:none;font-weight:600}.pane{background:#fff;border-radius:14px;padding:18px}.room-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:12px}.room-card{text-align:left;border:1px solid #dbeafe;border-radius:12px;padding:14px;background:#f8fafc;color:#0f172a}.room-card span{font-weight:700;color:#4f46e5}.room-card.locked{background:#f1f5f9;opacity:.7}.room-card.locked span{color:#64748b}.avatar-top{display:flex;align-items:center;gap:12px;margin-bottom:12px}.avatar-top h2{margin:0}.avatar-layout{display:grid;grid-template-columns:minmax(240px,300px) minmax(0,1fr);gap:18px;align-items:start}.avatar-preview{border:1px solid #dbeafe;border-radius:12px;padding:12px;background:#f8fafc;position:sticky;top:12px;z-index:2;display:grid;gap:12px;align-items:start}.avatar-preview h3{margin:0}.preview-coin-balance{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #fde68a;border-radius:10px;background:#fffbeb;color:#92400e;padding:8px 10px;font-weight:800}.preview-coin-balance span{font-size:.82rem;text-transform:uppercase;letter-spacing:.04em;color:#b45309}.preview-coin-balance strong{display:inline-flex;align-items:center;gap:5px;font-size:1rem;color:#111827}.preview-coin-balance strong:before{content:"🪙";font-size:.95rem}.avatar-frame{height:clamp(240px,36vh,340px);border-radius:10px;background:#fef3c7;position:relative;overflow:hidden;margin-bottom:0}.avatar-layer{position:absolute;top:0;left:50%;transform:translate(-50%);height:100%;width:auto;object-fit:contain;pointer-events:none;z-index:1}.avatar-frame .avatar-layer{top:0;height:100%}.avatar-base{z-index:0}.avatar-body-frame .avatar-layer{top:-36%;height:140%}.robot-body-frame .avatar-layer{top:0;height:100%}.fishtank-frame .avatar-layer{top:-18%;height:124%}.preview-layer{filter:drop-shadow(0 0 10px rgba(79,70,229,.35))}.preview-message{border:1px solid #c7d2fe;background:#eef2ff;color:#3730a3;border-radius:8px;padding:8px 10px;margin:0;font-size:.9rem}.owned-drawer{border:1px solid #dbeafe;border-radius:12px;padding:12px;background:#f8fafc;margin:0;overflow:auto}.owned-drawer h3{margin:0 0 10px}.owned-mini-list{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-height:44px}.owned-mini-row{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:8px;font-size:.92rem}.owned-mini-items{display:flex;align-items:center;gap:6px;min-height:38px;flex-wrap:wrap}.owned-mini{width:44px;height:44px;border-radius:8px;border:1px solid #dbeafe;background:#fff;padding:2px;display:grid;place-items:center}.owned-mini img{width:100%;height:100%;object-fit:contain}.owned-mini.selected{background:#dcfce7;border-color:#16a34a}.owned-mini-empty{color:#64748b;font-size:.82rem}.owned-mini-extra{font-weight:800;color:#475569;font-size:.82rem}.equipped-list{display:grid;gap:8px}.equipped-row{display:grid;grid-template-columns:72px 34px 1fr;align-items:center;gap:8px;font-size:.92rem}.equipped-row .thumb{font-size:1.3rem}.equipped-thumb{width:34px;height:34px;object-fit:contain}.shop{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.item{background:#fff;border-radius:12px;padding:10px;border:1px solid #dbeafe}.item-thumb{height:110px;border-radius:10px;background:#fef3c7;position:relative;overflow:hidden;margin-bottom:8px}.item-thumb-base,.item-thumb-img{position:absolute;top:0;left:50%;transform:translate(-50%);height:100%;width:auto;max-width:100%;object-fit:contain}.item-thumb-base{opacity:.35;z-index:0}.item-thumb-img{z-index:1}.avatar-item-thumb .item-thumb-base,.avatar-item-thumb .item-thumb-img{top:-42%;height:155%}.avatar-item-thumb .item-thumb-img:not(:first-child){filter:drop-shadow(0 1px 1px rgba(15,23,42,.18))}.pet-item-thumb .item-thumb-base,.pet-item-thumb .item-thumb-img{height:118%;top:-8%}.robot-item-thumb .item-thumb-base,.robot-item-thumb .item-thumb-img{top:0;height:100%}.robot-item-thumb{height:170px}.robot-item-thumb .robot-part-img{max-width:none}.item-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:8px}.try-btn{background:#0f766e}.buy-btn{width:100%}button{background:#4f46e5;color:#fff;border:none;padding:8px 10px;border-radius:8px;cursor:pointer}button.secondary{background:#334155}button:disabled{background:#94a3b8;cursor:not-allowed}button.equipped-btn{background:#16a34a}#robotPane .avatar-frame{background:#fff}#robotPane .robot-body-frame{height:clamp(340px,42vh,420px)}#robotPane .item-thumb{background:#fff}#robotPane .item-thumb-base{opacity:1}.slot-group{margin-bottom:8px;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.slot-group-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#f8fafc;cursor:pointer;font-weight:700;font-size:.95rem;border:none;width:100%;color:#0f172a;text-align:left}.slot-group-header:hover{background:#f1f5f9}.slot-group-header .chevron{transition:transform .2s;font-size:.8rem;color:#64748b}.slot-group.collapsed .chevron{transform:rotate(-90deg)}.slot-group-body{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;padding:10px}.slot-group.collapsed .slot-group-body{display:none}.slot-group-header .slot-equipped{font-weight:400;font-size:.85rem;color:#16a34a;margin-left:8px}.slot-count{font-weight:600;color:#64748b;margin-left:6px}.shop-section-label{grid-column:1 / -1;font-size:.78rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#475569;padding:6px 2px 0}.fishtank-frame{background:linear-gradient(180deg,#e0f2fe,#7dd3fc 60%,#bae6fd)}.fishtank-thumb-img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:110%;width:auto;object-fit:contain}#fishtankPane .item-thumb{height:220px}.fishtank-item-thumb{background:linear-gradient(180deg,#e0f2fe,#7dd3fc)}@media(max-width:760px){.avatar-layout{grid-template-columns:1fr}.avatar-preview{top:0;padding:8px}.avatar-preview h3{margin-bottom:6px;font-size:1rem}.avatar-frame{height:clamp(220px,34vh,300px);margin-bottom:0}.avatar-frame .avatar-layer{top:0;height:100%}.preview-message{position:static;margin:0;padding:5px 8px;font-size:.78rem;max-width:none}.owned-drawer{max-height:none}.top{flex-direction:column;align-items:flex-start}.top-actions{align-items:flex-start}}@media(min-width:901px){.avatar-preview{top:12px}}