:root{--bg:#0f1012;--panel:#191a1e;--line:#25262c;--text:#f5f5f6;--muted:#888a92;--yellow:#ffd914;--orange:#ff9418}*{box-sizing:border-box}html{background:var(--bg)}body{min-width:320px;margin:0;color:var(--text);font:14px/1.3 Inter,Arial,sans-serif;background:radial-gradient(ellipse at 55% 32%,#25210844,transparent 35%),var(--bg)}button,input{font:inherit}button{cursor:pointer}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:27px;height:68px;padding:0 26px;border-bottom:1px solid #202126;background:#191a1def;backdrop-filter:blur(12px)}.brand,.main-mark{display:flex;align-items:center;gap:8px;color:#fff;font-weight:900;font-size:23px;letter-spacing:-1.3px;text-decoration:none}.brand .chevrons,.main-mark .chevrons{transform:scale(.62)}.chevrons{position:relative;display:inline-block;width:36px;height:35px;background:linear-gradient(135deg,transparent 40%,var(--yellow) 41% 57%,transparent 58%) 0 0/100% 50% no-repeat}.chevrons:after{position:absolute;inset:13px 0 -13px;content:'';background:linear-gradient(135deg,transparent 40%,#a38d00 41% 57%,transparent 58%) 0 0/100% 50% no-repeat}.metric{display:flex;gap:9px;align-items:center;color:#a9abb1;font-size:12px}.metric>i{color:var(--yellow);font-size:17px;font-style:normal}.metric span{display:grid;gap:1px}.metric strong{color:#fff;font-size:14px}.chev-mini{color:var(--yellow);font-style:normal}.top-actions{display:flex;gap:10px;align-items:center;margin-left:auto}.social{display:grid;width:31px;height:31px;place-items:center;border:0;border-radius:50%;color:#aaa;background:#292a2e;font-size:16px}.login,.auth-state form button{height:45px;padding:0 18px;border:0;border-radius:8px;color:#191600;background:var(--yellow);font-weight:800;font-size:14px}.recent-rail{position:fixed;z-index:5;top:68px;bottom:0;left:0;width:201px;padding:7px 5px;border-right:1px solid #25262a;background:#111215;overflow:hidden}.rail-inner{height:100%;overflow:auto}.rail-title{padding:10px 8px;color:#d9d9dc;font-size:11px;font-weight:800}.rail-title small{display:block;margin:2px 0 0 20px;color:#777981;font-size:8px}.rail-list{display:grid;gap:3px}.rail-card{position:relative;display:grid;grid-template-columns:1fr 73px;align-items:end;min-height:79px;padding:9px 8px;border:0;border-left:3px solid #7550d4;color:#fff;background:#22232a;text-align:left;overflow:hidden}.rail-card:nth-child(3n){border-color:#d19719}.rail-card:nth-child(4n){border-color:#9c3c91}.rail-card:before{position:absolute;inset:0;opacity:.36;background:linear-gradient(90deg,#303250 0%,transparent 75%);content:''}.rail-card:hover{filter:brightness(1.22)}.rail-card img{position:absolute;right:0;top:4px;width:93px;height:58px;object-fit:contain;filter:drop-shadow(0 5px 5px #000)}.rail-card span{position:relative;display:grid;gap:2px;max-width:108px;font-size:10px;font-weight:900;text-transform:uppercase}.rail-card small{overflow:hidden;color:#bebfc5;font-size:8px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.rail-card b{position:relative;color:#f3d40d;font-size:9px;text-align:right}.app{width:min(1144px,calc(100% - 235px));margin-left:max(222px,calc((100% - 1144px)/2 + 110px));padding:48px 0 42px}.main-mark{justify-content:center;margin:0 auto 25px;font-size:27px}.toolbar{display:flex;gap:10px;margin:0 0 10px 4px}.toolbar button{padding:0;border:0;color:#d9d9da;background:transparent;font-size:17px}.toolbar .sound{color:#ffd600}.arena{display:grid;grid-template-columns:minmax(245px,368px) minmax(300px,385px) minmax(245px,368px);align-items:center;gap:40px}.selection-panel{position:relative;display:flex;flex-direction:column;min-height:343px;padding:25px 25px 16px;overflow:hidden;border-radius:12px;background:radial-gradient(circle at 45% 56%,#76660c32,transparent 38%),#191a1e;box-shadow:0 10px 28px #0004;text-align:center}.selection-panel:after{position:absolute;right:20px;bottom:29px;width:180px;height:100px;opacity:.1;background:linear-gradient(24deg,transparent 45%,#fff 46% 50%,transparent 51%);content:'';transform:rotate(-13deg)}.selection-panel h2{position:relative;z-index:1;margin:0;color:#f5f5f5;font-size:12px}.selection-panel>p{position:relative;z-index:1;margin:9px 0 0;color:#a6a7ab;font-size:10px}.panel-items{position:relative;z-index:1;display:flex;flex:1;gap:6px;align-content:center;align-items:center;justify-content:center;max-height:200px;padding:14px 0;overflow:auto}.ghost-mark{display:grid;place-items:center;opacity:.83}.ghost-mark .chevrons{width:80px;height:91px;transform:scale(1.2)}.ghost-mark .chevrons:after{inset:34px 0 -34px}.panel-pick{position:relative;flex:0 0 63px;width:63px;height:65px;padding:0;overflow:hidden;border:1px solid #565758;border-radius:7px;background:#24252a}.panel-pick img{width:100%;height:100%;object-fit:contain}.panel-pick b{position:absolute;top:2px;right:5px;color:white}.panel-total{position:relative;z-index:2;display:flex;justify-content:space-between;padding-top:10px;border-top:1px solid #292a30;color:#8a8b91;font-size:11px}.panel-total b{color:#ffdb1e}.upgrade-core{display:flex;flex-direction:column;align-items:center}.wheel{position:relative;display:grid;width:310px;height:310px;place-items:center;border-radius:50%;background:repeating-conic-gradient(from -2deg,#292a2f 0deg 1deg,transparent 1deg 8deg);filter:drop-shadow(0 13px 16px #0008)}.wheel:before{position:absolute;inset:15px;border-radius:50%;background:#202126;content:''}.wheel:after{position:absolute;inset:27px;border-radius:50%;background:conic-gradient(from -90deg,var(--yellow) calc(var(--chance)*1%),#ff981b calc(var(--chance)*1% + 5%),#1b1c20 calc(var(--chance)*1% + 7%),#1b1c20 100%);content:''}.wheel-fill{position:absolute;z-index:1;inset:45px;border-radius:50%;background:#0e0f12}.wheel-center{position:relative;z-index:3;display:grid;width:185px;height:185px;place-content:center;justify-items:center;border:1px solid #292a2e;border-radius:50%;background:#191a1f;text-align:center;box-shadow:inset 0 0 30px #000}.wheel-center .chevrons{width:74px;height:68px;transform:scale(.92)}.wheel-center .chevrons:after{inset:27px 0 -27px}.wheel-center strong{margin-top:6px;color:#ffdf15;font-size:23px}.wheel-center small{color:#898b91;font-size:8px;font-weight:800;letter-spacing:1px}.pointer{position:absolute;z-index:5;bottom:-12px;color:#ffd314;font-size:31px;font-style:normal;text-shadow:0 4px 7px #000}.quick{display:flex;gap:5px;margin:9px 0}.quick button{height:25px;min-width:35px;padding:0 6px;border:1px solid #33343a;border-radius:5px;color:#a5a6ad;background:#191a1e;font-size:10px;font-weight:800}.quick button:hover,.quick button.active{border-color:#a99306;color:#ffe51c}.upgrade{width:306px;height:57px;border:0;border-radius:12px;color:#191500;background:var(--yellow);font-size:19px;font-weight:800}.upgrade:disabled{cursor:not-allowed;filter:saturate(.2);opacity:.5}.bottom{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:24px}.inventory-box,.catalog-box{min-height:354px;overflow:hidden;border-radius:12px;background:#191a1e}.box-head{display:flex;height:63px;align-items:center;gap:9px;padding:0 14px;border-bottom:1px solid #26272c}.box-head h2{margin:0;font-size:16px;font-weight:500}.tab-icon{display:grid;width:44px;height:38px;place-items:center;border-radius:8px;color:#171500;background:#ffd814;font-size:25px}.box-icon{color:#b5b5b9}.auth-state{display:grid;justify-items:center;padding:59px 20px 30px;text-align:center}.auth-state h3{margin:0;color:#dcdde0;font-size:18px;font-weight:500}.auth-state p{margin:7px 0 20px;color:#8b8d94}.auth-state form{display:flex;gap:6px;width:min(100%,390px)}.auth-state input{width:100%;height:40px;padding:0 10px;border:1px solid #35363d;border-radius:7px;outline:0;color:#fff;background:#101114}.auth-state form button{height:40px;white-space:nowrap;font-size:11px}.catalog-head{gap:8px}.catalog-head>i{font-size:19px}.catalog-head h2{margin-right:auto}.catalog-head button{height:38px;border:1px solid #34353b;border-radius:9px;color:#babcc1;background:#24252a}.catalog-search,.range{display:flex;align-items:center;height:38px;border:1px solid #34353b;border-radius:8px;color:#8b8d93;background:#202126}.catalog-search input,.range input{width:100%;min-width:0;border:0;outline:0;color:#eee;background:transparent;font-size:10px}.catalog-search{width:128px;padding:0 8px}.range{width:71px;padding:0 6px;font-size:11px}.range input{padding-left:3px}.search-button{width:35px;font-size:20px}.catalog-status{padding:7px 12px;color:#8d8e95;font-size:10px}.catalog-status.error{color:#ee8974}.target-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;max-height:330px;padding:3px 6px 9px;overflow:auto}.target-card{position:relative;min-height:126px;padding:3px 5px 7px;overflow:hidden;border:1px solid #44454a;border-top-color:#e4b300;border-radius:7px;color:#eee;background:radial-gradient(circle at 50% 45%,#5e511b38,transparent 45%),#222329;text-align:center}.target-card:hover,.target-card.target{border-color:#ffdd11;box-shadow:inset 0 0 15px #e1bb0a25}.target-card b{display:block;overflow:hidden;color:#ffe313;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.target-card small{display:block;overflow:hidden;margin-top:2px;color:#e9e9eb;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.target-card img{display:block;width:100%;height:70px;margin:4px auto 1px;object-fit:contain;filter:drop-shadow(0 5px 5px #000)}.target-card .no-image{display:grid;height:70px;place-items:center;color:#898a8f;font-size:8px}.inventory-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;padding:9px;max-height:370px;overflow:auto}.inv{position:relative;min-height:112px;padding:4px;border:1px solid #35363c;border-radius:6px;color:#eee;background:#202126;text-align:left}.inv.selected{border-color:#ffd814}.inv img{width:100%;height:65px;object-fit:contain}.inv h3{overflow:hidden;margin:3px 0 0;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.inv p{margin:2px 0;color:#ffe01a;font-size:10px;font-weight:800}.toast{position:fixed;z-index:15;right:22px;bottom:22px;max-width:330px;padding:12px 15px;border:1px solid #48494e;border-radius:9px;color:#fff;background:#27282d;box-shadow:0 12px 30px #0009;opacity:0;transform:translateY(15px);transition:.2s}.toast.show{opacity:1;transform:translateY(0)}@media(max-width:1150px){.recent-rail{display:none}.app{width:min(1040px,calc(100% - 30px));margin:0 auto}.arena{gap:18px;grid-template-columns:1fr 310px 1fr}}@media(max-width:820px){.topbar{gap:13px;padding:0 13px}.brand{font-size:17px}.metric{display:none}.app{padding-top:25px}.arena{grid-template-columns:1fr}.upgrade-core{grid-row:1}.selection-panel{min-height:220px}.bottom{grid-template-columns:1fr}.catalog-head{flex-wrap:wrap;height:auto;padding:9px}.target-grid{max-height:360px}}@media(max-width:480px){.top-actions .social{display:none}.login{padding:0 10px;font-size:12px}.wheel{width:280px;height:280px}.upgrade{width:280px}.auth-state form{flex-direction:column}.auth-state form button{width:100%}.target-grid{grid-template-columns:repeat(3,1fr)}}