/* DROPOMANIA: фирменный знак и витрина на существующем мобильном экране. */
.app-head{gap:10px}
.wordmark{gap:8px;letter-spacing:0;flex-shrink:0;text-align:left}
.wordmark .brand-symbol{width:26px;height:30px;fill:none;stroke:#e85d32;stroke-width:1.8;stroke-linejoin:round;flex-shrink:0;filter:drop-shadow(0 0 8px #e85d3225)}
.wordmark .brand-name{display:flex;flex-direction:column;gap:4px;color:#fff;font-size:initial;animation:none}
.brand-name b{font-size:17px;font-weight:900;letter-spacing:-.8px;line-height:1}
.wordmark .brand-name b span{font-size:inherit;color:#e85d32;letter-spacing:inherit;animation:none}
.brand-name small{font-size:7px;font-weight:650;letter-spacing:2.1px;color:#77777e;line-height:1}
.balance strong{font-variant-numeric:tabular-nums;font-size:20px;letter-spacing:-.6px}.balance small{font-size:10px}
.avatar{background:#111114;border-color:#2b2b30;box-shadow:inset 0 1px 0 #ffffff0a}
.case-rail{background:#101012;border-color:#242428;box-shadow:inset 0 1px 0 #ffffff05}
.case-card{color:#7e7e87;transition:background .25s,color .25s,transform .2s}
.case-card.selected{color:#fff;background:linear-gradient(135deg,color-mix(in srgb,var(--case-color) 20%,#151517),#18181b);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--case-color) 35%,#252528)}
.case-card strong{display:flex;align-items:center;gap:7px;font-size:15px}
.case-card strong:before{content:'';width:5px;height:5px;flex-shrink:0;border-radius:50%;background:var(--case-color);opacity:.35;transition:opacity .25s,box-shadow .25s}
.case-card.selected strong:before{opacity:1;box-shadow:0 0 9px color-mix(in srgb,var(--case-color) 70%,transparent)}
.rarity-bar{border-bottom:1px solid #ffffff08;padding-bottom:5px}
.rarity-bar>strong{font-variant-numeric:tabular-nums;font-weight:750}
.photo-wrap:before{background:radial-gradient(ellipse at 50% 58%,color-mix(in srgb,var(--rarity) 13%,transparent),transparent 66%)}
.display-orbit{display:block;left:9%;width:82%;bottom:12%;height:15%;border-color:color-mix(in srgb,var(--rarity) 20%,transparent);background:radial-gradient(ellipse,#ffffff04,transparent 65%);box-shadow:0 0 34px color-mix(in srgb,var(--rarity) 8%,transparent),inset 0 0 18px #ffffff03;animation:dm-orbit 5s ease-in-out infinite}
.display-orbit:after{content:'';position:absolute;inset:17% 10%;border:1px solid color-mix(in srgb,var(--rarity) 8%,transparent);border-radius:50%}
.photo-badge{color:#8b8b94;font-size:8px;letter-spacing:1.3px}
.item-copy>span{color:var(--rarity);font-weight:750;letter-spacing:2.6px}
.item-copy h1{color:#f7f7f9}
.actions button{background:#111114;border-color:#29292f;color:#dedee3;box-shadow:inset 0 1px 0 #ffffff04}
.actions button:disabled{background:#0b0b0d;border-color:#1d1d22;color:#72727c}
.actions #share{color:#babac4;border-color:#29292f}
.spin{box-shadow:0 6px 30px #e85d3227,inset 0 1px 0 #ffffff30;transition:transform .15s,box-shadow .2s}
.spin:active:not(:disabled){transform:scale(.98);box-shadow:0 2px 10px #e85d3220}
.spin span{font-variant-numeric:tabular-nums;background:#bd4524;border:1px solid #ffffff0b}
.selectors select,.selectors>button{color:#aaaab3}
#toast{color:#666670}#toast.has-message{color:#d8d8e1}
.app-nav{background:#09090b;border-top-color:#202024}
.app-nav button.active{background:#e85d320a}
.app-nav button.active:before{content:'';position:absolute;top:-7px;width:22px;height:2px;border-radius:2px;background:#e85d32;box-shadow:0 0 12px #e85d3260}
.profile-card,.stats-grid article,.item{background:linear-gradient(150deg,#17171b,#0c0c0f);border-color:#2c2c33!important}
.item button{background:#232329;color:#e2e2e9}
.daily-reward{background:radial-gradient(ellipse at top right,#e85d3215,transparent 75%),#131316;border-color:#503023}
.daily-reward strong,.profile-note strong{color:#ededf1}.daily-reward p{color:#92929b}
.profile-note{background:#111114;border-color:#2b2b31}
.box-face span{font-size:13px;letter-spacing:-.4px;padding:5px}.box-face small{font-size:5px;letter-spacing:.25px}
@keyframes dm-orbit{0%,100%{opacity:.45;transform:scale(.97)}50%{opacity:.9;transform:scale(1.03)}}
@media(max-width:360px){.app-head{gap:7px}.wordmark{gap:5px}.wordmark .brand-symbol{width:22px;height:26px}.brand-name b{font-size:14px}.brand-name small{font-size:6px;letter-spacing:1.8px}.balance strong{font-size:18px}.balance small{font-size:9px}.case-card strong{font-size:14px;gap:5px}}
@container(max-height:600px){.brand-name b{font-size:15px}.wordmark .brand-symbol{width:23px;height:27px}.brand-name small{font-size:6px}.balance strong{font-size:18px}}
@media(prefers-reduced-motion:reduce){.display-orbit{animation:none}.case-card,.spin{transition:none}}