.drop-panel{--drop-r:var(--rarity,var(--accent));isolation:isolate;color:var(--text-primary);background:radial-gradient(120% 90% at 0% 0%, color-mix(in srgb, var(--drop-r) 20%, transparent), transparent 60%),  linear-gradient(180deg, color-mix(in srgb, var(--bg-raised) 92%, #fff 4%), var(--bg-overlay));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--drop-r) 40%, transparent), 0 0 44px -8px color-mix(in srgb, var(--drop-r) 34%, transparent), var(--shadow-1);animation:drop-rise .36s var(--ease-out) both;border-radius:24px;gap:18px;margin-top:16px;padding:20px;display:grid;position:relative}@keyframes drop-rise{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:none}}.drop-hero{grid-template-columns:136px minmax(0,1fr);align-items:center;gap:20px;display:grid}.drop-hero-art{isolation:isolate;aspect-ratio:1;background:radial-gradient(70% 70% at 50% 45%, color-mix(in srgb, var(--drop-r) 40%, transparent), transparent 75%), color-mix(in srgb, var(--bg-raised) 85%, var(--drop-r) 10%);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--drop-r) 34%, transparent);border-radius:22px;place-items:center;display:grid;position:relative;overflow:hidden}.drop-hero-art:before{content:"";z-index:-1;pointer-events:none;background:repeating-conic-gradient(from 0deg, color-mix(in srgb, var(--drop-r) 30%, transparent) 0deg 9deg, transparent 9deg 30deg);animation:drop-rays 14s linear infinite, drop-rays-in .6s var(--ease-out) both;position:absolute;inset:-40%;-webkit-mask:radial-gradient(closest-side,#000 30%,#0000 72%);mask:radial-gradient(closest-side,#000 30%,#0000 72%)}@keyframes drop-rays{to{transform:rotate(360deg)}}@keyframes drop-rays-in{0%{opacity:0}}.drop-hero-art .item-art{filter:drop-shadow(0 10px 20px #00000073) drop-shadow(0 0 18px color-mix(in srgb, var(--drop-r) 60%, transparent));animation:drop-art-pop .5s var(--ease-out) both 80ms, drop-art-float 3.2s ease-in-out .62s infinite}@keyframes drop-art-pop{0%{opacity:0;transform:scale(.6)rotate(-8deg)}70%{transform:scale(1.06)}to{opacity:1;transform:none}}@keyframes drop-art-float{0%,to{transform:none}50%{transform:translateY(-6px)rotate(2deg)}}.drop-hero-copy{gap:8px;min-width:0;display:grid}.drop-tags{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.drop-rarity,.drop-tag,.drop-status{white-space:nowrap;border-radius:999px;align-items:center;min-height:28px;padding:0 12px;font-size:13px;font-weight:700;line-height:1;display:inline-flex}.drop-rarity{color:var(--drop-r);background:color-mix(in srgb, var(--drop-r) 14%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--drop-r) 40%, transparent)}.drop-tag{color:var(--text-primary);background:color-mix(in srgb, var(--text-primary) 8%, transparent)}.drop-status{white-space:normal;color:var(--accent);background:color-mix(in srgb, var(--accent) 13%, transparent);line-height:1.3}.drop-name{letter-spacing:-.01em;overflow-wrap:break-word;margin:0;font-size:26px;font-weight:800;line-height:1.15}.drop-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.drop-value{color:color-mix(in srgb, var(--drop-r) 70%, var(--text-primary));font-size:20px;font-weight:800}.drop-actions{flex-wrap:wrap;gap:10px;display:flex}.drop-actions>:only-child{flex:100%}.drop-btn{min-width:0;min-height:var(--h-xl,58px);border-radius:var(--r-control,14px);white-space:nowrap;flex-direction:column;flex:1 1 0;gap:3px;padding:8px 16px}.drop-btn.is-wide{flex-grow:1.4}.drop-btn-label{font-size:16px;font-weight:800;line-height:1.1}.drop-btn-price{opacity:.78;font-size:13px;font-weight:700;line-height:1.1}.drop-btn:disabled{opacity:.45;cursor:not-allowed}.drop-topup,.drop-note{text-align:center;flex-basis:100%;margin:0;font-size:13px}.drop-topup{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:4px;font-weight:700}.drop-note{color:var(--text-secondary);line-height:1.45}.drop-multi-head{gap:8px;display:grid}.drop-multi-title{letter-spacing:-.01em;margin:0;font-size:24px;font-weight:800}.drop-grid{grid-template-columns:repeat(var(--drop-cols,3), minmax(0, 1fr));gap:10px;display:grid}.drop-grid[data-count="2"]{--drop-cols:2}.drop-grid[data-count="3"]{--drop-cols:3}.drop-grid[data-count="4"]{--drop-cols:4}.drop-grid.is-many{--drop-cols:5}.drop-cell{--cell-r:var(--rarity,var(--accent));text-align:center;background:radial-gradient(80% 70% at 50% 30%, color-mix(in srgb, var(--cell-r) 26%, transparent), transparent 75%), color-mix(in srgb, var(--bg-raised) 92%, #fff 3%);min-width:0;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--cell-r) 32%, transparent);animation:drop-cell-in .38s var(--ease-out) both calc(var(--cell-index,0) * 55ms);border-radius:18px;align-content:start;justify-items:center;gap:8px;padding:14px 10px 12px;display:grid;position:relative}.drop-cell.is-best{box-shadow:inset 0 0 0 2px var(--cell-r), 0 0 26px -6px var(--cell-r)}.drop-cell.is-sold>*{opacity:.5}.drop-cell.is-sold .drop-cell-value{color:var(--text-secondary)}.drop-cell-art{place-items:center;width:72px;height:72px;display:grid}.drop-cell-art .item-art{filter:drop-shadow(0 6px 12px #00000073);width:100%!important;height:100%!important}.drop-cell-copy{gap:4px;width:100%;min-width:0;display:grid}.drop-cell-name{-webkit-line-clamp:2;color:var(--text-primary);overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;-webkit-box-orient:vertical;font-size:14px;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.drop-cell-value{color:color-mix(in srgb, var(--cell-r) 60%, var(--text-primary));font-size:13px;font-weight:800}@keyframes drop-cell-in{0%{opacity:0;transform:translateY(10px)scale(.94)}to{opacity:1;transform:none}}@media (max-width:640px){.drop-panel{border-radius:20px;gap:16px;padding:16px}.drop-hero{grid-template-columns:96px minmax(0,1fr);gap:14px}.drop-hero-art{border-radius:18px}.drop-hero-art .item-art{width:80px!important;height:80px!important}.drop-name{font-size:20px}.drop-value{font-size:17px}.drop-multi-title{font-size:20px}.drop-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.drop-btn.is-wide,.drop-topup,.drop-note,.drop-panel:not(.drop-panel-multi) .drop-actions>.button-ghost,.drop-actions>:only-child,.drop-actions>:last-child:nth-child(odd),.drop-panel-multi .drop-actions>.drop-btn.is-wide+.drop-btn{grid-column:1/-1}.drop-grid.is-few .drop-cell-art{width:60px;height:60px}.drop-grid.is-few .drop-cell-name{font-size:13px}.drop-grid.is-many{--drop-cols:2;gap:8px}.drop-grid.is-many .drop-cell{text-align:left;border-radius:14px;grid-template-columns:40px minmax(0,1fr);place-items:center start;gap:8px;padding:8px}.drop-grid.is-many .drop-cell-art{width:40px;height:40px}.drop-grid.is-many .drop-cell-name{font-size:13px}.drop-grid.is-many .drop-cell-value{font-size:12px}}@media (prefers-reduced-motion:reduce){.drop-panel,.drop-cell,.drop-hero-art .item-art,.drop-hero-art:before{animation:none}}.drop-empty-mark,.reel-tile-empty{color:var(--text-secondary);place-items:center;font-weight:800;line-height:1;display:grid}.drop-empty-mark{width:72px;height:72px;box-shadow:inset 0 0 0 2px var(--line);border-radius:50%;font-size:40px}.reel-tile-empty{aspect-ratio:1;width:56%;box-shadow:inset 0 0 0 2px var(--line);border-radius:50%;margin:6% auto 4%;font-size:30px}.drop-panel{position:relative}.drop-close{z-index:2;cursor:pointer;width:36px;height:36px;color:var(--text-secondary);background:color-mix(in srgb, var(--text-primary) 8%, transparent);border:0;border-radius:50%;place-items:center;padding:0;font-size:15px;transition:color .2s,background .2s;display:grid;position:absolute;top:12px;right:12px}.drop-close:hover,.drop-close:focus-visible{color:var(--text-primary);background:color-mix(in srgb, var(--text-primary) 15%, transparent)}.drop-panel>.drop-close~.drop-hero .drop-tags,.drop-panel>.drop-close~.drop-multi-head{padding-right:44px}
