.level-chip{display:grid;gap:2px;min-width:90px;padding:7px 11px;border:1px solid #d6dfc0;border-radius:15px;background:#fffcf0;color:#315a3d;cursor:pointer;text-align:left;box-shadow:0 3px 8px #3a562010}.level-chip strong{font-size:13px;letter-spacing:.04em}.level-chip span{font-size:10px;font-weight:650}.level-chip progress{width:100%;height:4px;border:0;accent-color:#779d51}.level-chip progress::-webkit-progress-bar{background:#e3e9d6;border-radius:5px}.level-chip progress::-webkit-progress-value{background:#779d51;border-radius:5px}#level-celebration{position:absolute;top:20%;left:50%;transform:translateX(-50%);z-index:16;display:grid;gap:5px;padding:17px 25px;border-radius:22px;border:1px solid #e3c887;background:#fff7dbf5;color:#365435;box-shadow:0 12px 45px #4a512735;text-align:center;pointer-events:none;max-width:min(85vw,440px);animation:level-arrive .28s ease-out}#level-celebration[hidden]{display:none}#level-celebration strong{font-size:25px;letter-spacing:.06em}#level-celebration span{font-size:12px}.expansion-card{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #e1e6d4;padding:15px 0}.expansion-card h3,.expansion-card p{margin:4px 0}.expansion-card img{width:48px;height:48px;object-fit:contain;float:left;margin-right:10px}.expansion-card small{color:#69745b}.expansion-card button{padding:10px 16px;border:0;border-radius:12px;background:#527848;color:white;white-space:nowrap}.expansion-card button:disabled{opacity:.5}.tool:disabled{opacity:.5}.shop-item .owned{min-height:1.2em}.shop-item .buy-button:disabled{opacity:.55}#expansion-feedback{min-height:1.4em;color:#476e3e}@keyframes level-arrive{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}@media(max-width:640px){.level-chip{min-width:70px;padding:5px 7px;gap:1px}.level-chip strong{font-size:11px}.level-chip span{font-size:9px}.top-actions{gap:5px}}@media(prefers-reduced-motion:reduce){#level-celebration{animation:none}}
@media(max-width:480px){.topbar .brand-mark{display:none}.topbar .brand{min-width:0}.topbar .brand h1{font-size:13px;letter-spacing:.3px;white-space:nowrap}.topbar .brand-sub{display:block;font-size:0}.topbar .brand-sub b{font-size:8px}.level-chip{min-width:68px;flex-shrink:0}.top-actions{flex-shrink:0}.wallet{padding:7px 6px}.wallet strong{font-size:16px}.wallet svg{width:16px}}