:root{--bg:#090b10;--bg-2:#10131b;--panel:#171b27;--panel-2:#1d2231;--panel-3:#22283a;--line:#2a3041;--gold:#c79a43;--gold-2:#edc671;--orange:#e79a2b;--green:#57c77b;--blue:#61a9df;--red:#d26b61;--text:#e8e8ea;--dim:#89909d;--faint:#5e6572;--serif:"Cinzel",Georgia,serif;--sans:Inter,Segoe UI,Arial,sans-serif}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px}button,input,select{font:inherit}button{cursor:pointer}.cabinet-page{min-height:100vh}
.cabinet-topbar{position:fixed;z-index:30;top:0;left:0;right:0;height:70px;display:flex;align-items:center;padding:0 24px;border-bottom:1px solid var(--line);background:rgba(17,20,29,.98);box-shadow:0 8px 24px rgba(0,0,0,.2)}.cabinet-brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none}.cabinet-brand-mark{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--gold);border-radius:50%;color:var(--gold-2);font:700 14px var(--serif);box-shadow:inset 0 0 0 3px #11151e}.cabinet-brand b{display:block;font:600 16px var(--serif)}.cabinet-brand small{display:block;margin-top:2px;color:var(--gold);font:600 8px var(--serif);letter-spacing:.22em;text-transform:uppercase}.cabinet-menu-toggle{display:none;margin-left:15px;width:40px;height:40px;border:1px solid var(--line);background:var(--panel);color:var(--dim)}.cabinet-user{margin-left:auto;display:flex;align-items:center;gap:10px}.cabinet-lang,.cabinet-logout{height:36px;border:1px solid var(--line);background:var(--panel);color:var(--dim)}.cabinet-lang{width:42px;border-radius:50%;font-size:10px}.cabinet-logout{padding:0 13px}.cabinet-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(145deg,#766441,#242730);color:#fff;font:600 15px var(--serif)}.cabinet-user>span+span b{display:block;font-size:12px}.cabinet-user>span+span small{display:block;margin-top:2px;color:var(--faint);font-size:9px}
.cabinet-sidebar{position:fixed;z-index:25;top:70px;left:0;bottom:0;width:250px;padding:22px 15px;overflow:auto;border-right:1px solid var(--line);background:#0e1119}.server-select{padding:14px;border:1px solid var(--line);border-radius:7px;background:var(--panel)}.server-select>small,.cabinet-sidebar-foot>small{display:block;margin-bottom:10px;color:var(--faint);font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.server-select button{width:100%;padding:11px 12px;text-align:left;border:0;border-radius:5px;background:var(--orange);color:#17191f}.server-select button span{display:block;font-weight:800}.server-select button i{display:block;margin-top:2px;font-size:9px;font-style:normal}.cabinet-nav{display:grid;gap:4px;margin-top:16px}.cabinet-nav button,.cabinet-sidebar-foot a{display:grid;grid-template-columns:26px 1fr auto;align-items:center;width:100%;min-height:42px;padding:0 10px;border:0;border-left:2px solid transparent;background:transparent;color:#747b89;text-align:left;text-decoration:none}.cabinet-nav button:hover,.cabinet-nav button.active{border-left-color:var(--orange);background:rgba(231,154,43,.08);color:#eee}.cabinet-nav i,.cabinet-sidebar-foot i{color:var(--orange);font-style:normal;font-size:17px}.cabinet-nav span,.cabinet-sidebar-foot span{font-size:12px}.cabinet-nav em{min-width:21px;padding:3px 6px;border-radius:10px;background:var(--orange);color:#161820;font-size:9px;font-style:normal;text-align:center}.cabinet-sidebar-foot{margin-top:22px;padding-top:16px;border-top:1px solid var(--line)}
.cabinet-main{min-height:100vh;margin-left:250px;padding:94px 26px 50px}.cabinet-screen{display:none;max-width:1600px;margin:auto}.cabinet-screen.active{display:block}.cabinet-welcome{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;padding:23px 25px;border:1px solid var(--line);border-left:3px solid var(--orange);border-radius:8px;background:linear-gradient(110deg,var(--panel),#121620)}.cabinet-welcome small,.screen-heading small{color:var(--gold);font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.cabinet-welcome h1,.screen-heading h1{margin:4px 0 7px;font:600 clamp(26px,3vw,42px) var(--serif)}.cabinet-welcome h1 b{color:var(--gold-2)}.cabinet-welcome p,.screen-heading p{margin:0;color:var(--dim);line-height:1.6}.welcome-server{display:flex;align-items:center;gap:12px;min-width:170px;padding:13px;border:1px solid var(--line);background:var(--panel-2)}.welcome-server>span{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.welcome-server small,.welcome-server b{display:block}.welcome-server small{color:var(--faint);font-size:9px}.welcome-server b{margin-top:3px;font:600 14px var(--serif)}
.cabinet-card{margin-top:18px;border:1px solid var(--line);border-radius:8px;background:var(--panel);overflow:hidden}.cabinet-card>header{display:flex;align-items:center;gap:12px;padding:17px 20px;border-left:3px solid var(--orange);border-bottom:1px solid var(--line);background:#151925}.cabinet-card>header>span{color:var(--gold-2);font-size:18px}.cabinet-card h2{margin:0;font:600 15px var(--serif)}.cabinet-card header p{margin:4px 0 0;color:var(--faint);font-size:10px}.account-create-form{display:grid;grid-template-columns:1fr 1fr 260px;gap:14px;align-items:end;padding:20px}.account-create-form label>span,.transfer-card label>span,.promo-card label>span,.amount-label>span{display:block;margin-bottom:7px;color:var(--dim);font-size:10px;font-weight:700}.account-create-form input,.transfer-card input,.transfer-card select,.promo-card input,.amount-label input{width:100%;height:44px;padding:0 13px;border:1px solid var(--line);outline:none;background:#10131c;color:#fff}.account-create-form input:focus,.transfer-card input:focus,.transfer-card select:focus,.promo-card input:focus,.amount-label input:focus{border-color:var(--orange);box-shadow:0 0 0 2px rgba(231,154,43,.08)}.password-field{display:flex}.password-field input{border-right:0}.password-field button{width:44px;border:1px solid var(--line);background:#151a25;color:var(--dim)}.cabinet-action{display:flex;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 18px;border:0;border-radius:4px;font-size:11px}.cabinet-action.primary{background:var(--orange);color:#16181e}.cabinet-action.primary:hover{background:#f0aa43}.cabinet-action.wide{width:100%;margin-top:18px}.cabinet-form-msg{display:none;margin:0 20px 18px;padding:11px 13px;border:1px solid var(--line);font-size:11px}.cabinet-form-msg.show{display:block}.cabinet-form-msg.ok{border-color:rgba(87,199,123,.4);background:rgba(87,199,123,.08);color:#7ed49b}.cabinet-form-msg.err{border-color:rgba(210,107,97,.45);background:rgba(210,107,97,.08);color:#df8b82}
.account-table-wrap{overflow-x:auto}.account-table{width:100%;border-collapse:collapse;min-width:720px}.account-table th{padding:11px 14px;text-align:left;color:#9da4af;background:#151925;font-size:9px;text-transform:uppercase}.account-table td{padding:12px 14px;border-top:1px solid var(--line);color:#79818e;font-size:11px}.account-table td:first-child{color:#ececef;font-weight:700}.account-table .password-mask{color:#606773}.account-table .row-action{width:30px;height:28px;border:1px solid rgba(231,154,43,.35);border-radius:4px;background:rgba(231,154,43,.12);color:var(--gold-2)}
.screen-heading{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:20px;padding:3px}.balance-chip{min-width:150px;padding:12px 15px;border:1px solid var(--line);background:var(--panel)}.balance-chip span{display:block;color:var(--faint);font-size:9px}.balance-chip b{display:block;margin-top:3px;color:var(--gold-2);font:600 22px var(--serif)}.balance-layout{display:grid;grid-template-columns:minmax(320px,.72fr) minmax(400px,1.28fr);gap:18px}.topup-card,.bonus-card{margin-top:0}.amount-label{display:block;padding:20px 20px 8px}.amount-range{width:calc(100% - 40px);margin:5px 20px 15px;accent-color:var(--orange)}.bonus-lines{display:grid;gap:8px;padding:0 20px}.bonus-lines>div{display:flex;justify-content:space-between;padding:12px;border:1px solid var(--line);background:var(--panel-2);color:var(--dim)}.bonus-lines b{color:var(--green)}.bonus-lines em{font-style:normal}.topup-total{display:flex;justify-content:flex-end;align-items:center;gap:9px;padding:17px 20px 9px;color:var(--dim)}.topup-total b{color:var(--gold-2);font-size:18px}.currency-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 20px;padding:15px 0;border-top:1px solid var(--line)}.currency-preview div{text-align:center}.currency-preview small{display:block;color:var(--faint);font-size:9px}.currency-preview b{display:block;margin-top:4px}.topup-card .wide{width:calc(100% - 40px);margin:4px 20px 20px}.deposit-tiers{display:grid;gap:12px;padding:20px}.deposit-tiers>div{padding:18px;border:1px solid #554267;border-radius:7px;background:linear-gradient(105deg,rgba(102,69,130,.17),transparent)}.deposit-tiers b{display:block;color:var(--gold-2);font:600 13px var(--serif)}.deposit-tiers span{display:block;margin-top:11px;color:var(--dim);font-size:11px}
.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.shop-item{display:flex;flex-direction:column;min-height:280px;border:1px solid var(--line);border-radius:8px;background:var(--panel);overflow:hidden}.shop-item-visual{display:grid;place-items:center;height:120px;background:radial-gradient(circle,rgba(231,154,43,.2),transparent 65%),#121620;color:var(--gold-2);font:600 46px var(--serif)}.shop-item-body{display:flex;flex:1;flex-direction:column;padding:16px}.shop-item h2{margin:0;font:600 15px var(--serif)}.shop-item p{color:var(--dim);font-size:11px;line-height:1.5}.shop-item-price{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.shop-item-price b{color:var(--gold-2)}.shop-item-price button{height:34px;padding:0 13px;border:0;border-radius:4px;background:var(--orange);color:#181a20;font-size:10px;font-weight:700}
.pack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.pack-card{display:flex;flex-direction:column;min-height:610px;border:1px solid var(--line);border-radius:9px;background:var(--panel);overflow:hidden}.pack-cover{height:170px;background-position:center;background-size:cover;position:relative}.pack-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--panel),transparent 55%)}.pack-card:nth-child(1) .pack-cover{background-image:url("../img/wiki-l2day-letters.png")}.pack-card:nth-child(2) .pack-cover{background-image:url("../img/wiki-halloween-spirit-box.png")}.pack-card:nth-child(3) .pack-cover{background-image:url("../img/wiki-artifacts-banner-legacy.png")}.pack-title{display:flex;justify-content:space-between;align-items:center;padding:0 17px 14px;border-bottom:1px solid var(--line)}.pack-title h2{margin:0;font:600 16px var(--serif)}.pack-title b{color:var(--gold-2);font-size:17px}.pack-items{display:grid;gap:6px;padding:13px}.pack-items div{display:flex;justify-content:space-between;gap:12px;padding:10px;border:1px solid var(--line);background:var(--panel-2);color:#c5c8ce;font-size:10px}.pack-items b{color:var(--orange)}.pack-card>button{height:42px;margin:auto 13px 13px;border:0;border-radius:4px;background:var(--orange);font-weight:800}
.transfer-card{max-width:900px}.transfer-card form{display:grid;grid-template-columns:1fr 1fr 120px 220px;gap:13px;align-items:end;padding:22px}.warehouse-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.warehouse-item{padding:16px;border:1px solid var(--line);border-radius:6px;background:var(--panel)}.warehouse-item i{display:grid;place-items:center;width:45px;height:45px;margin-bottom:12px;border:1px solid rgba(231,154,43,.3);background:rgba(231,154,43,.08);color:var(--gold-2);font:normal 19px var(--serif)}.warehouse-item b{display:block;font:600 12px var(--serif)}.warehouse-item span{display:block;margin-top:6px;color:var(--dim);font-size:10px}.empty-state{padding:80px 20px;text-align:center;border:1px dashed var(--line);color:var(--dim)}.empty-state[hidden]{display:none}.empty-state>span{font-size:38px;color:var(--gold)}.empty-state h2{font:600 19px var(--serif)}.empty-state p{font-size:11px}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.stats-grid>div{padding:22px;border:1px solid var(--line);border-left:2px solid var(--orange);background:var(--panel)}.stats-grid small{display:block;color:var(--dim);font-size:10px}.stats-grid b{display:block;margin-top:7px;color:var(--gold-2);font:600 26px var(--serif)}.activity-card{max-width:900px}.activity-card>div{padding:0 20px}.activity-entry{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid var(--line);color:var(--dim);font-size:11px}.activity-entry:last-child{border:0}.activity-entry time{color:var(--faint);font-size:9px}.promo-card{max-width:760px;padding:28px}.promo-visual{display:grid;place-items:center;width:80px;height:80px;margin:0 auto 20px;border:1px solid rgba(231,154,43,.35);border-radius:50%;background:radial-gradient(circle,rgba(231,154,43,.2),transparent 70%);color:var(--gold-2);font-size:34px}.promo-card form{display:grid;grid-template-columns:1fr 180px;gap:12px;align-items:end}.promo-card>p{text-align:center;color:var(--faint);font-size:10px}
.cabinet-toast{position:fixed;z-index:80;right:20px;bottom:20px;max-width:340px;padding:14px 18px;border:1px solid rgba(87,199,123,.4);border-radius:6px;background:#17231d;color:#8bdba4;font-size:11px;opacity:0;transform:translateY(12px);pointer-events:none;transition:.25s}.cabinet-toast.show{opacity:1;transform:none}
@media(max-width:1050px){.cabinet-menu-toggle{display:block}.cabinet-sidebar{transform:translateX(-100%);transition:.25s}.cabinet-sidebar.open{transform:none}.cabinet-main{margin-left:0}.balance-layout{grid-template-columns:1fr}.pack-grid{grid-template-columns:1fr 1fr}.shop-grid{grid-template-columns:1fr 1fr}.transfer-card form{grid-template-columns:1fr 1fr}.warehouse-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.cabinet-topbar{height:62px;padding:0 12px}.cabinet-brand b{font-size:12px}.cabinet-brand-mark{width:34px;height:34px}.cabinet-menu-toggle{width:34px;height:34px}.cabinet-user>span+span,.cabinet-logout{display:none}.cabinet-sidebar{top:62px;width:270px}.cabinet-main{padding:80px 12px 35px}.cabinet-welcome,.screen-heading{align-items:flex-start;flex-direction:column}.welcome-server,.balance-chip{width:100%}.account-create-form,.shop-grid,.pack-grid,.transfer-card form,.warehouse-grid,.stats-grid,.promo-card form{grid-template-columns:1fr}.valakas-title h2{font-size:26px}.currency-preview{grid-template-columns:repeat(3,1fr)}.cabinet-card>header{padding:14px}.account-create-form{padding:15px}.pack-card{min-height:0}.promo-card{padding:18px}.cabinet-welcome h1,.screen-heading h1{font-size:27px}}