:root{--bg:#0a0d0a;--bg-2:#0f130f;--panel:#141a14;--panel-2:#1a221b;--line:#29342a;--text:#eef3ee;--muted:#95a396;--accent:#2fb968;--accent-2:#74e6a0;--gold:#ffc84a;--win:#3ddc84;--lose:#ff5a6a;--radius:14px;--shadow:0 18px 50px #00000080}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:radial-gradient(1100px 600px at 12% -10%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 60%), radial-gradient(900px 500px at 92% 0%, color-mix(in srgb, var(--accent-2) 12%, transparent), transparent 55%), radial-gradient(700px 420px at 50% 8%, color-mix(in srgb, var(--gold) 6%, transparent), transparent 60%), var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5}h1,h2,h3,h4,.logo,.balance b,.hero-stats b{letter-spacing:.2px;font-family:Chakra Petch,Inter,sans-serif}a{color:inherit;text-decoration:none}code{word-break:break-all;font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:12px}main{min-height:60vh}.page{max-width:1240px;margin:0 auto;padding:26px 18px 60px}.page-title{margin:0 0 6px;font-size:30px}.muted{color:var(--muted)}.small{font-size:13px}.center{text-align:center}.row{flex-wrap:wrap;gap:10px;display:flex}.section{margin-top:42px}.section-title{align-items:center;gap:10px;margin:0 0 16px;font-size:20px;display:flex}.section-title:after{content:"";background:linear-gradient(90deg, var(--line), transparent);flex:1;height:1px}.coin{vertical-align:-2px;flex:none;margin-right:5px}.btn{font:inherit;cursor:pointer;color:var(--text);background:var(--panel-2);border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:6px;padding:10px 18px;font-weight:600;transition:transform .12s,filter .18s,background .18s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:linear-gradient(120deg, var(--accent), var(--gold));color:#0a1108;box-shadow:0 10px 26px color-mix(in srgb, var(--accent) 35%, transparent)}.btn-primary:not(:disabled):hover{filter:brightness(1.09)}.btn-ghost{border-color:var(--line);color:var(--text);background:0 0}.btn-ghost:not(:disabled):hover{border-color:var(--accent)}.btn-lg{padding:14px 26px;font-size:16px}.btn-wide{width:100%}button.btn-ghost{font:inherit;color:var(--muted);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:9px;padding:6px 12px;font-size:13px}button.btn-ghost:hover{color:var(--text);border-color:var(--accent)}.field{flex-direction:column;gap:6px;margin:12px 0;display:flex}.field>span{color:var(--muted);text-transform:uppercase;letter-spacing:.6px;font-size:12px}input{background:var(--bg-2);border:1px solid var(--line);color:var(--text);font:inherit;border-radius:10px;outline:none;padding:11px 13px;transition:border-color .15s}input:focus{border-color:var(--accent)}.form-error{color:var(--lose);margin:8px 0 0;font-size:13px}.panel{background:linear-gradient(180deg, var(--panel), var(--bg-2));border:1px solid var(--line);border-radius:var(--radius);margin-top:18px;padding:18px}.panel h3{margin:0 0 12px;font-size:17px}.panel .sub{color:var(--muted);text-transform:uppercase;letter-spacing:.6px;margin:18px 0 8px;font-size:13px}.kv{border-bottom:1px dashed var(--line);justify-content:space-between;gap:14px;padding:9px 0;font-size:13px;display:flex}.kv>span{color:var(--muted);white-space:nowrap}.kv>code{text-align:right}.verify-out{margin-top:14px}.hdr{z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#08090fd1;position:sticky;top:0}.hdr-inner{align-items:center;gap:22px;max-width:1240px;margin:0 auto;padding:12px 18px;display:flex}.logo{align-items:baseline;gap:2px;font-size:22px;font-weight:700;display:flex}.logo-mark{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text}.nav{gap:4px;margin-right:auto;display:flex}.nav-link{color:var(--muted);border-radius:10px;padding:8px 14px;font-weight:500;transition:color .15s,background .15s}.nav-link:hover{color:var(--text);background:#ffffff0a}.nav-link.on{color:var(--text);background:color-mix(in srgb, var(--accent) 18%, transparent)}.hdr-right{align-items:center;gap:12px;display:flex}.balance{background:var(--panel-2);border:1px solid var(--line);color:var(--text);font:inherit;cursor:pointer;border-radius:11px;align-items:center;gap:6px;padding:8px 12px;transition:border-color .15s;display:flex}.balance:hover{border-color:var(--gold)}.balance b{font-size:15px}.balance-plus{color:var(--gold);font-weight:700}.user-chip{align-items:center;gap:8px;display:flex}.avatar{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#0b0a14;border-radius:10px;place-items:center;width:32px;height:32px;font-weight:700;display:grid}.user-nick{font-size:14px;font-weight:600}.bonus-toast{color:var(--gold);font-size:13px;font-weight:600}.live{border-bottom:1px solid var(--line);background:#0d0f1899;align-items:stretch;gap:12px;padding:8px 18px;display:flex;overflow:hidden}.live-label{text-transform:uppercase;letter-spacing:1px;color:var(--muted);white-space:nowrap;align-items:center;gap:7px;font-size:12px;font-weight:600;display:flex}.live-dot{background:var(--win);width:7px;height:7px;box-shadow:0 0 10px var(--win);border-radius:50%;animation:1.6s infinite pulse}@keyframes pulse{50%{opacity:.35}}.live-track{scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.live-track::-webkit-scrollbar{display:none}.live-item{background:linear-gradient(180deg, color-mix(in srgb, var(--rarity) 16%, transparent), transparent);border:1px solid color-mix(in srgb, var(--rarity) 30%, var(--line));border-radius:10px;flex:none;align-items:center;gap:8px;padding:6px 12px 6px 8px;display:flex}.live-icon{width:40px;height:20px;color:var(--rarity);flex:none}.live-text{flex-direction:column;line-height:1.25;display:flex}.live-text b{font-size:12px}.live-text span{color:var(--muted);font-size:11px}.hero{grid-template-columns:1.4fr 1fr;align-items:center;gap:30px;padding:46px 0 10px;display:grid}.hero h1{margin:0 0 14px;font-size:44px;line-height:1.08}.grad{background:linear-gradient(100deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text}.hero-copy p{color:var(--muted);max-width:46ch;margin:0 0 22px;font-size:16px}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.hero-stats{grid-template-columns:1fr 1fr;gap:12px;display:grid}.hero-stats>div{background:linear-gradient(180deg, var(--panel), var(--bg-2));border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:2px;padding:16px;display:flex}.hero-stats b{font-size:24px}.hero-stats span{color:var(--muted);text-transform:uppercase;letter-spacing:.7px;font-size:12px}.case-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;display:grid}.case-card{background:linear-gradient(180deg, var(--panel), var(--bg-2));border:1px solid var(--line);border-radius:18px;flex-direction:column;gap:14px;padding:18px;transition:transform .18s,border-color .18s;display:flex;position:relative;overflow:hidden}.case-card:hover{border-color:color-mix(in srgb, var(--accent) 60%, var(--line));transform:translateY(-4px)}.case-glow{background:radial-gradient(closest-side, color-mix(in srgb, var(--accent) 45%, transparent), transparent);filter:blur(22px);pointer-events:none;position:absolute;inset:-40% 20% 60%}.case-box{place-items:center;height:118px;display:grid;position:relative}.case-lid{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 75%, #fff 10%), color-mix(in srgb, var(--accent) 45%, #000));width:130px;height:26px;box-shadow:0 8px 24px color-mix(in srgb, var(--accent) 45%, transparent);border-radius:8px 8px 3px 3px;transform:translateY(6px)rotate(-2deg)}.case-body{border:1px solid color-mix(in srgb, var(--accent) 40%, var(--line));width:148px;height:74px;box-shadow:inset 0 0 30px color-mix(in srgb, var(--accent) 22%, transparent);background:linear-gradient(#1c2030,#0f111a);border-radius:6px 6px 12px 12px;place-items:center;display:grid}.case-body span{text-transform:uppercase;letter-spacing:1.4px;color:color-mix(in srgb, var(--accent) 75%, #fff);font-family:Chakra Petch,sans-serif;font-size:13px;font-weight:700}.case-info h3{margin:0 0 2px;font-size:18px}.case-info p{color:var(--muted);margin:0 0 12px;font-size:13px}.case-foot{justify-content:space-between;align-items:center;display:flex}.case-price{background:#ffc84a1a;border:1px solid #ffc84a47;border-radius:9px;align-items:center;padding:5px 11px;font-weight:700;display:inline-flex}.case-top{color:var(--muted);font-size:12px}.top-list{flex-direction:column;gap:8px;display:flex}.top-row{background:linear-gradient(90deg, color-mix(in srgb, var(--rarity) 12%, transparent), var(--panel) 40%);border:1px solid var(--line);border-radius:12px;grid-template-columns:28px 46px 1fr auto auto;align-items:center;gap:12px;padding:10px 14px;display:grid}.top-rank{color:var(--muted);font-weight:700}.top-icon{width:46px;height:22px;color:var(--rarity)}.top-name b{font-weight:600}.top-nick{color:var(--muted);font-size:13px}.top-price{align-items:center;font-weight:700;display:inline-flex}.tile{text-align:left;background:linear-gradient(180deg, color-mix(in srgb, var(--rarity) 10%, var(--panel)), var(--bg-2));border:1px solid color-mix(in srgb, var(--rarity) 26%, var(--line));color:inherit;font:inherit;border-radius:13px;flex-direction:column;gap:4px;padding:12px;transition:transform .15s,border-color .15s;display:flex;position:relative;overflow:hidden}.tile:after{content:"";background:var(--rarity);height:3px;position:absolute;bottom:0;left:0;right:0}.tile-glow{background:radial-gradient(closest-side, color-mix(in srgb, var(--rarity) 40%, transparent), transparent);filter:blur(18px);pointer-events:none;position:absolute;inset:-30% 10% 40%}.tile.is-clickable{cursor:pointer}.tile.is-clickable:hover{border-color:var(--rarity);transform:translateY(-3px)}.tile.is-selected{border-color:var(--accent-2);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent-2) 45%, transparent)}.tile.is-dimmed{opacity:.4}.tile-art{place-items:center;padding:6px 0 10px;display:grid;position:relative}.tile-icon{width:100%;max-width:130px;color:var(--rarity);filter:drop-shadow(0 4px 14px color-mix(in srgb, var(--rarity) 45%, transparent))}.tile-meta{flex-direction:column;display:flex}.tile-name{color:var(--muted);text-transform:uppercase;letter-spacing:.6px;font-size:11px}.tile-skin{font-size:14px;font-weight:600}.tile-price{align-items:center;margin-top:4px;font-size:13px;font-weight:700;display:inline-flex}.tile-chance{color:var(--muted);background:#00000073;border-radius:7px;padding:3px 7px;font-size:11px;font-weight:600;position:absolute;top:10px;right:10px}.tile-sm{border-radius:11px;padding:9px}.tile-sm .tile-icon{max-width:72px}.tile-sm .tile-skin,.tile-sm .tile-price{font-size:12px}.tile-lg{padding:18px}.tile-lg .tile-icon{max-width:190px}.tile-lg .tile-skin{font-size:17px}.item-grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:12px;display:grid}.mini-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;max-height:320px;padding-right:4px;display:grid;overflow-y:auto}.mini-grid.tall{max-height:520px}.case-head{text-align:center;margin-bottom:22px;position:relative}.case-head h1{margin:6px 0 2px;font-size:34px}.back{color:var(--muted);font-size:13px;position:absolute;top:6px;left:0}.back:hover{color:var(--text)}.opener{min-height:190px}.roul-stack{flex-direction:column;gap:10px;display:flex}.roul{border:1px solid var(--line);background:linear-gradient(180deg, var(--panel), var(--bg-2));border-radius:16px;padding:14px 0;position:relative;overflow:hidden}.roul-track{will-change:transform;gap:12px;display:flex}.roul-cell{background:linear-gradient(180deg, color-mix(in srgb, var(--rarity) 14%, var(--panel-2)), var(--bg-2));border:1px solid color-mix(in srgb, var(--rarity) 28%, var(--line));border-bottom:3px solid var(--rarity);border-radius:12px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:4px;width:128px;height:132px;padding:8px;display:flex}.roul-icon{width:92px;color:var(--rarity);filter:drop-shadow(0 3px 10px color-mix(in srgb, var(--rarity) 50%, transparent))}.roul-name{text-align:center;font-size:12px;font-weight:600}.roul-price{color:var(--muted);align-items:center;font-size:11px;display:inline-flex}.roul-marker{z-index:3;background:linear-gradient(180deg, transparent, var(--accent-2), transparent);width:2px;box-shadow:0 0 14px var(--accent-2);position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.roul-fade{z-index:2;pointer-events:none;width:110px;position:absolute;top:0;bottom:0}.roul-fade-l{background:linear-gradient(90deg, var(--bg-2), transparent);left:0}.roul-fade-r{background:linear-gradient(270deg, var(--bg-2), transparent);right:0}.reveal{flex-direction:column;align-items:center;gap:18px;padding:10px 0;display:flex}.reveal-items{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.reveal-item{width:230px;filter:drop-shadow(0 10px 30px color-mix(in srgb, var(--rarity) 40%, transparent));animation:.45s cubic-bezier(.2,1.5,.4,1) both pop}@keyframes pop{0%{opacity:0;transform:scale(.82)}}.reveal-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.reveal-sum{color:var(--muted);align-items:center;display:inline-flex}.controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin:22px 0 6px;display:flex}.count-picker{background:var(--panel);border:1px solid var(--line);border-radius:12px;gap:4px;padding:4px;display:flex}.count-picker button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:9px;padding:7px 13px;font-weight:600}.count-picker button.on{background:color-mix(in srgb, var(--accent) 22%, transparent);color:var(--text)}.count-picker button:disabled{opacity:.4;cursor:not-allowed}.open-btn{min-width:230px}.switch{color:var(--muted);cursor:pointer;align-items:center;gap:8px;font-size:14px;display:inline-flex}.switch input{width:16px;height:16px;accent-color:var(--accent)}.upg-toolbar{align-items:center;gap:8px;margin:18px 0 14px;display:flex}.upg-icon-btn{background:var(--panel-2);border:1px solid var(--line);width:34px;height:34px;color:var(--muted);cursor:pointer;border-radius:10px;place-items:center;transition:color .15s,border-color .15s;display:grid}.upg-icon-btn svg{width:16px;height:16px}.upg-icon-btn:hover{color:var(--text);border-color:var(--accent)}.upg-icon-btn.on{color:var(--gold);border-color:color-mix(in srgb, var(--gold) 55%, var(--line))}.upg-hint{color:var(--muted);background:var(--panel);border:1px solid var(--line);border-radius:10px;flex:260px;padding:9px 13px;font-size:13px;animation:.18s both pop}.upg-hint code{color:var(--gold)}.upg-preview-row{grid-template-columns:1fr 1.05fr 1fr;align-items:stretch;gap:16px;display:grid}.upg-slot{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:100%;display:flex}.upg-slot h3{align-self:flex-start;margin:0 0 2px;font-size:15px}.upg-slot-hint{color:var(--muted);align-self:flex-start;margin:-8px 0 4px;font-size:12px}.upg-slot-empty{color:var(--muted);flex-direction:column;align-items:center;gap:10px;padding:18px 0;display:flex}.upg-slot-icon{width:52px;height:52px;color:var(--line)}.upg-slot-icon path{fill:currentColor}.upg-stake-chips{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:6px 0;display:flex}.upg-chip-thumb{background:linear-gradient(180deg, color-mix(in srgb, var(--rarity) 16%, var(--panel-2)), var(--bg-2));border:1px solid color-mix(in srgb, var(--rarity) 32%, var(--line));border-radius:10px;width:46px;height:46px;padding:6px;position:relative}.upg-chip-thumb svg{width:100%;height:100%;color:var(--rarity)}.upg-chip-more{background:var(--panel-2);border:1px dashed var(--line);width:46px;height:46px;color:var(--muted);border-radius:10px;place-items:center;font-size:12px;font-weight:700;display:grid}.upg-coin-chip{background:color-mix(in srgb, var(--gold) 14%, transparent);border:1px solid color-mix(in srgb, var(--gold) 35%, transparent);border-radius:10px;align-items:center;gap:4px;padding:8px 12px;font-size:13px;font-weight:700;display:inline-flex}.upg-slot-total{color:var(--muted);font-size:12px}.upg-slot-total b{color:var(--text);align-items:center;display:inline-flex}.upg-target-preview .tile{width:100%;max-width:210px}.upg-clear-btn{font-size:12px}.gauge-panel{flex-direction:column;align-items:center;gap:16px;display:flex}.gauge{width:234px;height:234px;position:relative}.gauge-ring{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.gauge-bg{fill:none;stroke:var(--line);stroke-width:15px}.gauge-fill{fill:none;stroke-width:15px;stroke-linecap:round;stroke:var(--gold);filter:drop-shadow(0 0 8px color-mix(in srgb, var(--gold) 55%, transparent));transition:stroke-dasharray .45s cubic-bezier(.2,.8,.2,1)}.gauge.flash-win .gauge-fill{stroke:var(--win);filter:drop-shadow(0 0 14px var(--win))}.gauge.flash-lose .gauge-fill{stroke:var(--lose);filter:drop-shadow(0 0 14px var(--lose))}.gauge.is-spinning .gauge-bg{filter:drop-shadow(0 0 10px color-mix(in srgb, var(--gold) 30%, transparent))}.gauge-tick{color:var(--muted);text-transform:uppercase;letter-spacing:.4px;font-size:11px;font-weight:600;position:absolute}.gauge-tick-top{top:-2px;left:50%;transform:translate(-50%)}.gauge-tick-left{top:50%;left:-6px;transform:translate(-100%,-50%)}.gauge-tick-right{top:50%;right:-6px;transform:translate(100%,-50%)}.gauge-orbit{width:0;height:0;position:absolute;top:50%;left:50%}.gauge-needle{background:linear-gradient(180deg, color-mix(in srgb, var(--gold) 45%, transparent) 0%, var(--gold) 55%, #fff8e0 100%);clip-path:polygon(18% 0%,82% 0%,50% 100%);width:5px;height:62px;filter:drop-shadow(0 0 6px color-mix(in srgb, var(--gold) 70%, transparent));position:absolute;top:58px;left:-2.5px}.gauge.flash-win .gauge-needle{background:linear-gradient(180deg, color-mix(in srgb, var(--win) 45%, transparent) 0%, var(--win) 55%, #eafff2 100%);filter:drop-shadow(0 0 9px var(--win))}.gauge.flash-lose .gauge-needle{background:linear-gradient(180deg, color-mix(in srgb, var(--lose) 45%, transparent) 0%, var(--lose) 55%, #ffecec 100%);filter:drop-shadow(0 0 9px var(--lose))}.gauge-center{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;inset:0}.gauge-center b{font-family:Chakra Petch,sans-serif;font-size:34px;transition:color .2s}.gauge-center span{text-transform:uppercase;letter-spacing:1px;font-size:12px;transition:color .2s}.upg-presets{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.upg-preset-group{gap:6px;display:flex}.upg-preset-sep{background:var(--line);width:1px;height:22px}.upg-preset-group button{background:var(--panel-2);border:1px solid var(--line);color:var(--muted);font:inherit;cursor:pointer;border-radius:9px;padding:7px 12px;font-size:13px;font-weight:600;transition:color .15s,border-color .15s}.upg-preset-group button:hover:not(:disabled){color:var(--text);border-color:var(--gold)}.upg-preset-group button:disabled{opacity:.35;cursor:not-allowed}.stake-row{justify-content:space-between;align-items:baseline;margin:4px 0 8px;display:flex}.stake-row>span{color:var(--muted);text-transform:uppercase;letter-spacing:.6px;font-size:12px}.stake-value{text-align:right;width:130px;color:var(--text);font:inherit;background:0 0;border:none;padding:0;font-size:16px;font-weight:700}.stake-value:focus{outline:none}.stake-slider{appearance:none;background:linear-gradient(90deg, var(--accent) 0%, var(--accent) var(--fill,0%), var(--line) var(--fill,0%), var(--line) 100%);border-radius:3px;width:100%;height:5px;margin:6px 0 12px}.stake-slider::-webkit-slider-thumb{appearance:none;background:var(--gold);width:16px;height:16px;box-shadow:0 0 0 3px color-mix(in srgb, var(--gold) 30%, transparent);cursor:pointer;border-radius:50%}.stake-slider::-moz-range-thumb{background:var(--gold);width:16px;height:16px;box-shadow:0 0 0 3px color-mix(in srgb, var(--gold) 30%, transparent);cursor:pointer;border:none;border-radius:50%}.quick{flex-wrap:wrap;gap:6px;display:flex}.quick button{background:var(--panel-2);border:1px solid var(--line);color:var(--muted);font:inherit;cursor:pointer;border-radius:9px;padding:6px 11px;font-size:13px}.quick button:hover{color:var(--text);border-color:var(--accent)}.stake-total{border-top:1px dashed var(--line);color:var(--muted);margin-top:14px;padding-top:12px}.stake-total b{color:var(--text);align-items:center;display:inline-flex}.upg-browse-row{grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;display:grid}.upg-browse-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.upg-browse-head h3{margin:0;font-size:15px}.upg-browse-count{color:var(--muted);font-size:12px}.outcome{text-align:center;border-radius:12px;flex-direction:column;gap:2px;width:100%;padding:12px;animation:.35s cubic-bezier(.2,1.5,.4,1) both pop;display:flex}.outcome b{font-family:Chakra Petch,sans-serif;font-size:18px}.outcome span{color:var(--muted);font-size:12px}.outcome.win{background:color-mix(in srgb, var(--win) 14%, transparent);border:1px solid color-mix(in srgb, var(--win) 40%, transparent)}.outcome.win b{color:var(--win)}.outcome.lose{background:color-mix(in srgb, var(--lose) 12%, transparent);border:1px solid color-mix(in srgb, var(--lose) 36%, transparent)}.outcome.lose b{color:var(--lose)}.inv-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.inv-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:50px 0;display:flex}.modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#04050ab8;place-items:center;padding:20px;animation:.18s both fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.modal{background:linear-gradient(180deg, var(--panel), var(--bg-2));border:1px solid var(--line);width:min(400px,100%);box-shadow:var(--shadow);border-radius:18px;animation:.25s cubic-bezier(.2,1.4,.4,1) both pop;overflow:hidden}.modal-tabs{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.modal-tabs button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:15px;font-weight:600}.modal-tabs button.on{color:var(--text);border-bottom-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent)}.modal-body{padding:18px}.modal-note{color:var(--muted);text-align:center;margin:12px 0 0;font-size:12px}.footer{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;margin-top:40px;padding:22px 18px;font-size:13px;display:flex}.footer-logo{color:var(--text);font-family:Chakra Petch,sans-serif;font-weight:700}.footer a:hover{color:var(--text)}@media (width<=1000px){.upg-preview-row,.upg-browse-row{grid-template-columns:1fr}.hero{grid-template-columns:1fr;padding-top:26px}.hero h1{font-size:34px}}@media (width<=720px){.hdr-inner{flex-wrap:wrap;gap:10px}.nav{scrollbar-width:none;order:3;width:100%;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.user-nick{display:none}.page{padding:18px 14px 50px}.page-title,.case-head h1{font-size:26px}.back{margin-bottom:8px;display:inline-block;position:static}.item-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.top-row{grid-template-columns:22px 36px 1fr auto}.top-nick{display:none}.reveal-item{width:170px}.open-btn{width:100%}}