:root{--bg:#0e1a10;--panel-bg:#1c2b1e;--panel-border:#3a4d3c;--text:#f1f5f0;--text-dim:#b8c4b8;--accent:#f2b705;color:var(--text);background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:16px/145% system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}#root{min-height:100svh}.game-shell{width:100vw;height:100svh;position:fixed;inset:0;overflow:hidden}.phaser-container{width:100%;height:100%;line-height:0;position:absolute;inset:0}.phaser-container canvas{display:block}.hud-chip{-webkit-backdrop-filter:blur(6px);background:#080e0c8c;border:1px solid #ffffff24;border-radius:14px;box-shadow:0 8px 20px #00000059,inset 0 1px #ffffff0f}.energy-bar-wrap{z-index:10;padding:10px 46px 10px 10px;position:fixed;top:68px;left:16px}.profile-row{z-index:10;align-items:center;gap:8px;display:flex;position:fixed;top:16px;left:16px}.profile-chip{cursor:pointer;color:var(--text);text-align:left;border-radius:999px;align-items:center;gap:8px;padding:6px 14px 6px 6px;display:flex}.profile-chip:hover{border-color:var(--accent)}.profile-chip__avatar{object-fit:cover;background:var(--bg);border:1px solid #fff3;border-radius:50%;width:32px;height:32px}.profile-chip__name{font-size:13px;font-weight:700}.profile-chip__level{color:var(--text-dim);font-size:11px}.elo-badge{color:var(--accent);letter-spacing:.03em;border-color:#f2b7058c;border-radius:999px;align-items:center;padding:8px 18px;font-size:13px;font-weight:800;display:inline-flex;box-shadow:0 8px 20px #00000059,inset 0 1px #ffffff14,0 0 0 1px #f2b7052e}.energy-bar{width:230px;height:49px;position:relative}.energy-bar__frame{width:100%;height:100%;display:block;position:absolute;inset:0}.energy-bar__segments{align-items:stretch;gap:3px;display:flex;position:absolute;inset:30% 15% 30% 19%}.energy-bar__segment{background:0 0;border-radius:1px;flex:1}.energy-bar__segment--filled{background:#3fa9ff;box-shadow:0 0 4px #3fa9ffcc}.energy-bar__label{color:var(--text-dim);font-size:12px;position:absolute;top:50%;right:-34px;transform:translateY(-50%)}.energy-bar__regen{color:var(--text-dim);white-space:nowrap;font-size:10px;position:absolute;top:calc(50% + 12px);right:-34px}.currency-display{z-index:10;border-radius:999px;gap:14px;padding:10px 18px;display:flex;position:fixed;top:16px;right:16px}.currency-display__item{align-items:center;gap:5px;font-size:14px;font-weight:600;display:flex}.currency-icon{width:14px;height:14px;display:inline-block}.currency-icon--coin{background:radial-gradient(circle at 35% 30%,#ffe58a,#f2b705 55%,#b9840a 100%);border-radius:50%;box-shadow:inset 0 0 0 1px #8a5f03}.currency-icon--gem{clip-path:polygon(50% 0%,100% 38%,82% 100%,18% 100%,0% 38%);background:linear-gradient(135deg,#9be8ff,#2b8fe0 55%,#1a5fa0)}.action-bar{z-index:10;gap:10px;display:flex;position:fixed;bottom:20px;left:20px}.action-bar__button{cursor:pointer;filter:drop-shadow(0 4px 8px #0006);background:0 0;border:none;width:72px;height:72px;padding:0;transition:transform .1s}.action-bar__button:hover{transform:translateY(-2px)}.action-bar__button img{object-fit:contain;width:100%;height:100%}.pvp-panel{width:680px;max-width:calc(100vw - 40px);max-height:calc(100vh - 40px);padding:20px 22px;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.pvp-panel__launch{color:#2b1c02;letter-spacing:.02em;cursor:pointer;background:linear-gradient(135deg,#ff6f91,#f2b705 85%);border:1px solid #b9840a;border-radius:10px;width:100%;margin-bottom:14px;padding:14px;font-size:15px;font-weight:800}.pvp-panel__launch:hover{filter:brightness(1.05)}.pvp-panel__launch:disabled{opacity:.5;cursor:not-allowed;filter:none}.pvp-panel__searching{background:#0003;border:1px solid #ffffff14;border-radius:12px;margin-bottom:14px;padding:14px 18px}.pvp-panel__searching-text{color:var(--text-dim);margin-bottom:8px;font-size:14px}.pvp-panel__searching-footer{justify-content:space-between;align-items:center;margin-top:6px;display:flex}.pvp-panel__cancel{border:1px solid var(--panel-border);color:var(--text);cursor:pointer;background:#00000040;border-radius:8px;padding:6px 14px;font-size:12px}.pvp-panel__cancel:hover{border-color:var(--accent);color:var(--accent)}.pvp-panel__list{flex-direction:column;gap:10px;display:flex}.pvp-panel__row{background:#0000002e;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:16px;padding:14px 18px;display:flex}.pvp-panel__avatar{width:44px;height:44px;color:var(--text-dim);background:#ffffff14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:800;display:flex}.pvp-panel__info{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.pvp-panel__name{font-size:15px;font-weight:700}.pvp-panel__meta{color:var(--text-dim);font-size:12px}.pvp-panel__side{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}.pvp-panel__timer{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:12px}.pvp-panel__accept{color:#06210f;cursor:pointer;background:linear-gradient(#6fdc8c,#2fa85a);border:none;border-radius:999px;padding:7px 18px;font-size:13px;font-weight:700}.pvp-panel__accept:hover{filter:brightness(1.08)}.pvp-panel__bar{background:#ffffff1a;border-radius:999px;height:6px;overflow:hidden}.pvp-panel__bar-fill{background:linear-gradient(90deg,#f2b705,#ff6f91);height:100%;transition:width 1s linear}.crash-screen{z-index:100;background:var(--bg);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.crash-screen__card{text-align:center;border:1px solid var(--panel-border);background:var(--panel-bg);border-radius:16px;width:320px;padding:24px}.crash-screen__card h2{margin:0 0 8px}.crash-screen__card p{color:var(--text-dim);margin:0 0 16px}.crash-screen__card button{color:#2b1c02;cursor:pointer;background:linear-gradient(#ffd75e,#f2b705 55%,#d69a04);border:1px solid #b9840a;border-radius:10px;width:100%;padding:12px;font-weight:800}.coming-soon-panel{top:50%;left:50%;transform:translate(-50%,-50%)}.login-screen{background:url(/assets/login/login-bg.webp?v=1) 50%/cover no-repeat;justify-content:center;align-items:flex-end;padding-bottom:9vh;display:flex;position:fixed;inset:0}.login-card{width:320px;max-width:calc(100vw - 40px);position:static}.login-card__header{justify-content:center;margin-bottom:2px}.login-card__header h2{font-size:19px}.login-form{flex-direction:column;gap:10px;display:flex}.login-form__input{border:1px solid var(--panel-border);background:var(--bg);color:var(--text);border-radius:8px;padding:10px 12px;font-size:14px}.login-form__input:focus{border-color:var(--accent);outline:none}.login-form__error{color:#e0512b;margin:0;font-size:12px}.login-form__submit{border:1px solid var(--accent);background:var(--accent);color:#0e1a10;cursor:pointer;border-radius:8px;padding:10px;font-weight:700}.login-form__submit:disabled{opacity:.6;cursor:not-allowed}.loading-shell{z-index:20;background:var(--bg);color:var(--text-dim);justify-content:center;align-items:center;font-size:14px;display:flex;position:fixed;inset:0}.loading-shell__retry{flex-direction:column;align-items:center;gap:10px;display:flex}.loading-shell__retry button{border:1px solid var(--panel-border);background:var(--panel-bg);color:var(--text);cursor:pointer;border-radius:8px;padding:8px 18px;font-size:13px}.loading-shell__retry button:hover{border-color:var(--accent);color:var(--accent)}.logout-button{z-index:10;border:1px solid var(--panel-border);background:var(--panel-bg);color:var(--text-dim);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:12px;position:fixed;top:78px;right:20px}.logout-button:hover{border-color:var(--accent);color:var(--accent)}.shop-button{z-index:10;border:1px solid var(--panel-border);background:var(--panel-bg);color:var(--text-dim);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:12px;position:fixed;top:116px;right:20px}.shop-button:hover{border-color:var(--accent);color:var(--accent)}.toast{z-index:100;max-width:min(90vw,420px);color:var(--text);border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-size:13px;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 12px 28px #00000080}.toast--error{background:#1e0a08eb;border:1px solid #e0512b80}.toast--info{background:#0a180aeb;border:1px solid #7ed95780}.toast__message{flex:1}.toast__close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:2px;font-size:12px}.toast__close:hover{color:var(--accent)}.panel{z-index:10;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:12px;width:280px;padding:16px;position:fixed;box-shadow:0 12px 30px #00000080}.panel__header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.panel__header h2{margin:0;font-size:17px}.panel__close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;font-size:16px}.panel__hint{color:var(--text-dim);margin:4px 0 12px;font-size:13px}.hud-frame{background:radial-gradient(130% 160% at 50% -15%,#f2b70517,#0000 55%),linear-gradient(#21331f 0%,#182518 55%,#0f1a10 100%);border:1px solid #4a3d24;border-radius:16px;box-shadow:0 0 0 1px #f2b70529,0 0 0 5px #0000004d,0 24px 50px #0009,inset 0 1px #ffffff0d}.hud-frame .panel__header{border-bottom:1px solid #f2b70529;margin-bottom:4px;padding-bottom:12px}.hud-frame .panel__header h2{letter-spacing:.01em;text-shadow:0 2px 4px #00000080;font-size:20px}.hud-frame .panel__close{border:1px solid var(--panel-border);background:#00000040;border-radius:8px;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.hud-frame .panel__close:hover{border-color:var(--accent);color:var(--accent)}.battle-select{top:50%;left:50%;transform:translate(-50%,-50%)}.adventure-drop-panel{z-index:60;width:300px;top:50%;left:50%;transform:translate(-50%,-50%)}.profile-panel{width:300px;top:50%;left:50%;transform:translate(-50%,-50%)}.profile-panel__top{align-items:center;gap:14px;padding:4px 0 18px;display:flex}.profile-panel__avatar{object-fit:cover;background:var(--bg);border:2px solid var(--accent);border-radius:50%;width:64px;height:64px}.profile-panel__name{font-size:17px;font-weight:700}.profile-panel__level{color:var(--text-dim);margin-top:2px;font-size:13px}.profile-panel__stats{border-top:1px solid #f2b70529;padding-top:14px;display:flex}.profile-panel__stat{flex-direction:column;flex:1;align-items:center;gap:2px;display:flex}.profile-panel__stat-value{color:var(--accent);font-size:20px;font-weight:800}.profile-panel__stat-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;font-size:11px}.battle-select__list{flex-direction:column;gap:8px;display:flex}.battle-select__option{color:var(--text);cursor:pointer;text-align:left;background:#0000002e;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:10px;padding:8px 12px;font-size:14px;font-weight:600;display:flex}.battle-select__option:hover{border-color:var(--accent)}.battle-select__option img{object-fit:contain;width:36px;height:36px}.dragon-panel__egg-preview{justify-content:center;padding:12px 0 4px;display:flex}.dragon-panel__egg-preview img{filter:drop-shadow(0 10px 16px #00000080);width:160px;height:auto}.dragon-panel--full{width:680px;max-width:calc(100vw - 40px);max-height:calc(100vh - 40px);padding:20px 22px;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.dragon-panel__title{align-items:center;gap:6px;display:flex}.dragon-panel__edit-icon{width:22px;height:22px;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:13px;display:flex}.dragon-panel__edit-icon:hover{color:var(--accent);background:#f2b7051f}.dragon-panel__name-input{background:var(--bg);border:1px solid var(--accent);color:var(--text);border-radius:6px;padding:2px 6px;font-size:17px;font-weight:700}.dragon-panel__level-row{color:var(--text-dim);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;display:flex}.dragon-panel__level-row>span:first-child{color:var(--text);letter-spacing:.02em;font-weight:700}.dragon-panel__badge{color:#0e1a10;text-transform:uppercase;letter-spacing:.03em;border-radius:999px;padding:4px 12px;font-size:11px;font-weight:700;box-shadow:inset 0 1px #ffffff59,0 1px 3px #0006}.dragon-panel__xp-bar{background:#00000059;border:1px solid #00000080;border-radius:999px;height:16px;margin-bottom:18px;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #00000080}.dragon-panel__xp-fill{background:linear-gradient(#7cc6ff,#3fa9ff 60%,#2b8fe0);height:100%;box-shadow:inset 0 1px #fff6}.dragon-panel__xp-label{color:#fff;text-shadow:0 1px 2px #000c;justify-content:center;align-items:center;font-size:10px;font-weight:600;display:flex;position:absolute;inset:0}.dragon-panel__top{gap:18px;margin-bottom:18px;display:flex}.dragon-panel__preview{background:radial-gradient(circle at 30% 20%,#ffffff0f,#0000 60%),#0a120a;border:3px solid #00000073;border-radius:14px;flex:0 0 132px;justify-content:center;align-items:center;height:132px;display:flex;position:relative;overflow:hidden}.dragon-panel__preview:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 2px #ffffff0f}.dragon-panel__preview img{object-fit:contain;width:100%;height:100%}.dragon-panel__preview-fallback{color:#0e1a10;text-align:center;justify-content:center;align-items:center;width:100%;height:100%;padding:8px;font-size:13px;font-weight:700;display:flex}.dragon-panel__stats-block{flex:1;min-width:0}.dragon-panel__parts-block{flex:1.25;min-width:0}.dragon-panel__stats-block h3,.dragon-panel__parts-block h3{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:8px;margin:0 0 10px;font-size:11px;font-weight:700;display:flex}.dragon-panel__stats-block h3:after,.dragon-panel__parts-block h3:after{content:"";background:linear-gradient(90deg,#f2b70559,#0000);flex:1;height:1px}.dragon-panel__stat-row{grid-template-columns:14px 70px 1fr 48px;align-items:center;gap:8px;margin-bottom:8px;display:grid}.stat-icon{border-radius:5px;width:14px;height:14px;box-shadow:inset 0 0 0 1px #ffffff40,0 1px 2px #0006}.stat-icon--hp{background:#4caf50}.stat-icon--attack{background:#e0512b}.stat-icon--defense{background:#f2b705}.stat-icon--speed{background:#ffe600}.stat-icon--magic{background:#2b8fe0}.stat-icon--resistance{background:#7e57c2}.dragon-panel__stat-label{color:var(--text-dim);white-space:nowrap;font-size:11px}.dragon-panel__stat-bar{background:#00000059;border-radius:999px;height:8px;overflow:hidden;box-shadow:inset 0 1px 3px #0009}.dragon-panel__stat-fill{height:100%;box-shadow:inset 0 1px #ffffff4d}.stat-fill--hp{background:#4caf50}.stat-fill--attack{background:#e0512b}.stat-fill--defense{background:#f2b705}.stat-fill--speed{background:#ffe600}.stat-fill--magic{background:#2b8fe0}.stat-fill--resistance{background:#7e57c2}.dragon-panel__stat-value{color:var(--text);text-align:right;justify-content:flex-end;align-items:baseline;gap:3px;font-size:12px;font-weight:600;display:flex}.dragon-panel__stat-bonus{color:#7fd88f;font-size:10px;font-weight:600}.dragon-panel__part-row{background:#0000002e;border:1px solid #ffffff0a;border-radius:8px;align-items:center;gap:8px;margin-bottom:6px;padding:5px 8px;display:flex}.dragon-panel__part-row:hover{border-color:#f2b70540}.dragon-panel__part-row--empty{opacity:.75;border-style:dashed}.dragon-panel__part-icon{border-radius:7px;flex:0 0 26px;justify-content:center;align-items:center;width:26px;height:26px;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #fff3,0 1px 3px #0006}.dragon-panel__part-icon img{object-fit:cover;width:100%;height:100%}.dragon-panel__part-name{flex:0 0 50px;font-size:12px}.dragon-panel__part-bonus{color:#7fd88f;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:11px;overflow:hidden}.dragon-panel__part-bonus--empty{color:var(--text-dim);font-style:italic}.dragon-panel__part-icon--empty{border:1px dashed var(--panel-border)}.dragon-panel__part-action{border:1px solid var(--panel-border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:6px;flex:none;padding:3px 8px;font-size:10px}.dragon-panel__part-action:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.dragon-panel__part-action:disabled{opacity:.4;cursor:not-allowed}.dragon-panel__bottom{border-top:1px solid #ffffff0f;gap:18px;margin-bottom:18px;padding-top:16px;display:flex}.dragon-panel__equipment{flex:1.3;min-width:0}.dragon-panel__tabs{background:#00000040;border:1px solid #ffffff0a;border-radius:10px;gap:4px;margin-bottom:12px;padding:3px;display:flex}.dragon-panel__tab{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:7px;flex:1;padding:7px 8px;font-size:12px;font-weight:600;transition:background .15s,color .15s}.dragon-panel__tab--active{background:var(--accent);color:#0e1a10;box-shadow:0 2px 6px #f2b70559}.dragon-panel__equip-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.dragon-panel__equip-slot{color:var(--text-dim);cursor:pointer;background:radial-gradient(circle at 50% 30%,#ffffff0a,#0000 70%),#0003;border:1px dashed #ffffff26;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;display:flex;box-shadow:inset 0 2px 4px #0006}.dragon-panel__equip-slot:hover{border-color:var(--accent);color:var(--accent);box-shadow:inset 0 2px 4px #0006,0 0 0 1px #f2b70540}.dragon-panel__equip-plus{font-size:16px}.dragon-panel__equip-label{font-size:10px}.dragon-panel__cosmetics{flex-direction:column;flex:1;gap:10px;min-width:0;padding-top:30px;display:flex}.dragon-panel__cosmetic-label{color:var(--text-dim);margin-bottom:4px;font-size:11px;display:block}.dragon-panel__swatches{gap:6px;display:flex}.dragon-panel__swatch{cursor:pointer;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;display:flex;position:relative}.dragon-panel__swatch--locked{opacity:.45}.dragon-panel__swatch--equipped{border:2px solid var(--accent);box-shadow:0 0 0 2px #f2b70559}.dragon-panel__swatch-lock{filter:drop-shadow(0 1px 1px #000000e6);font-size:9px}.dragon-panel__swatch-check{color:#fff;text-shadow:0 1px 2px #000000e6;font-size:11px;font-weight:800}.inventory-panel{width:340px;max-height:calc(100vh - 150px);padding:18px 20px;bottom:110px;left:20px;overflow-y:auto}.shop-panel{width:360px;max-height:calc(100vh - 80px);padding:18px 20px;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.shop-panel__gold{color:var(--accent);align-items:center;gap:6px;margin:0 0 6px;font-size:15px;font-weight:700;display:flex}.shop-panel__gold .currency-icon{width:16px;height:16px}.shop-item{border-bottom:1px solid #f2b7051a;align-items:center;gap:10px;padding:8px 0;display:flex}.shop-item:last-of-type{border-bottom:none}.shop-item__img{object-fit:contain;flex-shrink:0;width:32px;height:32px}.shop-item__icon{text-align:center;flex-shrink:0;width:32px;font-size:20px}.shop-item__info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.shop-item__name{color:var(--text);font-size:13px;font-weight:600}.shop-item__meta{color:var(--text-dim);font-size:11px}.shop-item__buy{border:1px solid var(--accent);color:var(--accent);cursor:pointer;background:#f2b7051f;border-radius:999px;flex-shrink:0;padding:6px 12px;font-size:12px;font-weight:600}.shop-item__buy:hover:not(:disabled){background:#f2b70540}.shop-item__buy:disabled{opacity:.4;cursor:not-allowed;border-color:var(--panel-border);color:var(--text-dim);background:0 0}.inventory-section-title{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:8px;margin:14px 0 8px;font-size:11px;font-weight:700;display:flex}.inventory-section-title:after{content:"";background:linear-gradient(90deg,#f2b70559,#0000);flex:1;height:1px}.inventory-potions{gap:12px;display:flex}.inventory-potion{background:#0000002e;border:1px solid #ffffff0a;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:10px;display:flex}.inventory-potion__count{color:var(--text-dim);font-size:12px;font-weight:700}.inventory-potion__img{object-fit:contain;filter:drop-shadow(0 4px 6px #00000080);width:36px;height:44px}.starter-chest{background:#0000002e;border:1px solid #f2b7054d;border-radius:10px;align-items:center;gap:10px;margin-bottom:4px;padding:10px;display:flex}.starter-chest__icon{background:linear-gradient(#c9862e 0%,#8a5518 100%);border-radius:4px 4px 6px 6px;flex:none;width:36px;height:30px;position:relative;box-shadow:inset 0 0 0 1px #00000059}.starter-chest__icon:before{content:"";background:#00000059;height:3px;position:absolute;top:10px;left:0;right:0}.starter-chest__icon:after{content:"";background:#f2b705;border-radius:50%;width:6px;height:6px;position:absolute;top:8px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #8a5f03}.starter-chest__info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.starter-chest__name{color:var(--text);font-size:13px;font-weight:700}.starter-chest__desc{color:var(--text-dim);font-size:11px}.starter-chest__open{border:1px solid var(--accent);color:var(--accent);cursor:pointer;background:#f2b70524;border-radius:8px;flex:none;padding:8px 14px;font-size:12px;font-weight:700}.starter-chest__open:hover{background:#f2b70542}.inventory-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.inventory-slot{aspect-ratio:1;color:var(--text);cursor:pointer;background:#0000002e;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:6px;display:flex;overflow:hidden}.inventory-slot:hover{border-color:#f2b70559}.inventory-slot--selected{border-color:var(--accent);background:#f2b7051f;box-shadow:0 0 0 1px #f2b70540}.inventory-slot__img{object-fit:contain;width:70%;height:70%}.inventory-slot__fallback{border-radius:50%;width:60%;height:60%}.inventory-slot__label{color:var(--text-dim);text-align:center;font-size:10px;line-height:1.1}@media (width<=640px){.profile-row{gap:6px;max-width:62vw;top:10px;left:10px}.profile-chip{gap:6px;min-width:0;padding:4px 10px 4px 4px}.profile-chip__avatar{flex-shrink:0;width:26px;height:26px}.profile-chip__name{display:none}.elo-badge{padding:5px 10px;font-size:11px}.energy-bar-wrap{padding:8px 38px 8px 8px;top:54px;left:10px}.energy-bar{width:170px;height:36px}.energy-bar__label,.energy-bar__regen{right:-30px}.currency-display{gap:8px;padding:7px 12px;top:10px;right:10px}.currency-display__item{font-size:12px}.logout-button,.shop-button{padding:5px 10px;font-size:11px;right:10px}.logout-button{top:60px}.shop-button{top:92px}.action-bar{gap:6px;bottom:10px;left:10px}.action-bar__button{width:56px;height:56px}.panel{width:calc(90vw - 21.6px);padding:14px}.pvp-panel,.dragon-panel--full,.shop-panel{width:calc(90vw - 21.6px);max-width:calc(90vw - 21.6px);max-height:calc(100svh - 198px);padding:16px;top:122px;left:50%;transform:translate(-50%)}.inventory-panel{width:calc(90vw - 18px);max-height:calc(100svh - 130px);padding:14px 16px;left:10px;right:auto}.dragon-panel__top,.dragon-panel__bottom{flex-direction:column;gap:14px}.dragon-panel__preview{flex:none;width:100%;max-width:200px;margin:0 auto}.dragon-panel__cosmetics{padding-top:0}}@media (width<=360px){.profile-row{max-width:56vw}.energy-bar{width:148px}.currency-display__item{font-size:11px}.currency-display{gap:6px;padding:6px 10px}}