@font-face{font-family:PanelSystem;src:local("Segoe UI")}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#101014;color:#e9e6e4;font-family:PanelSystem,"Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.5}button,input,select{font:inherit}button,a,input,select{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #ef676d}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:default;opacity:.55}button{color:inherit}img,svg{display:block}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}h1,h2,h3,p{margin:0}button{border:0}button:disabled{cursor:default}[hidden]{display:none!important}.skip{position:fixed;left:16px;top:-80px;background:#a72431;padding:12px;z-index:100}.skip:focus{top:12px}.sidebar{width:250px;position:fixed;inset:0 auto 0 0;background:#0c0c10;border-right:1px solid #26242a;display:flex;flex-direction:column;padding:28px 18px 20px;z-index:30;overflow-y:auto}.brand{display:flex;align-items:center;gap:12px;padding:0 9px}.brand img{width:48px;height:52px;object-fit:contain}.brand>span{font-family:Georgia,serif;font-size:23px;letter-spacing:4px;font-weight:bold}.brand small{display:block;font-family:PanelSystem,"Segoe UI",sans-serif;font-size:7px;letter-spacing:2.1px;color:#8a8185;margin-top:4px}.sidebar-rule{height:1px;background:linear-gradient(90deg,transparent,#382a2f,transparent);margin:28px 3px 23px}.nav-label{font-size:9px;letter-spacing:1.6px;color:#756f79;padding:0 15px;margin-bottom:15px}.nav-item{display:flex;align-items:center;gap:13px;padding:13px 15px;margin:5px 0;border:1px solid transparent;border-radius:5px;color:#9d98a4;font-size:13px;transition:background .15s,color .15s}.nav-item:hover{color:#eee;background:#19171d}.nav-item[aria-current=page]{color:#f2d7db;background:linear-gradient(90deg,#6e1b294f,#421a2429);border-color:#6824326b}.nav-item[aria-current=page] svg{color:#e65363}.nav-item .nav-arrow{margin-left:auto;font-size:16px;color:#ba3a4e}.nav-item .nav-pix{margin-left:auto;border:1px solid #3f393f;border-radius:3px;padding:1px 5px;font-size:8px;letter-spacing:1px;color:#d9c5cb}.side-bottom{margin-top:auto;padding-top:35px}.side-story{margin:0 7px;padding:20px 16px 45px;border:1px solid #34232d;border-radius:5px;background:linear-gradient(90deg,#151119ed,#15111945),url('../assets/reaper.png') 64% 26%/auto 240px;min-height:156px}.side-story span{font-size:8px;letter-spacing:1.5px;color:#b07884}.side-story p{font:21px/1.3 Georgia,serif;margin-top:10px}.back-site{display:block;margin:22px 17px;color:#9f99a3;font-size:12px}.side-version{border-top:1px solid #222027;margin:0 12px;padding-top:18px;font-size:9px;letter-spacing:2px;color:#6a636d;display:flex;justify-content:space-between}.side-version span{color:#48434c;font-size:8px}.workspace{margin-left:250px;min-height:100dvh;display:flex;flex-direction:column}.topbar{height:84px;flex-shrink:0;border-bottom:1px solid #26242b;display:flex;align-items:center;justify-content:space-between;padding:0 38px;gap:16px;background:#111115}.topbar-left,.topbar-right{display:flex;align-items:center;gap:23px}.breadcrumb{font-size:11px;color:#696572}.breadcrumb i{font-style:normal;margin:0 14px;color:#45404c}.breadcrumb b{font-weight:400;color:#bfb8c5}.access-link{font-size:11px;color:#aaa0ab}.access-link span{margin-left:9px;color:#d3adb7}.top-divider{height:28px;width:1px;background:#302b32}.account-chip{display:flex;align-items:center;gap:10px}.account-avatar{height:35px;width:35px;background:linear-gradient(135deg,#46202d,#24141e);border:1px solid #71323f;border-radius:50%;display:grid;place-items:center;font:17px Georgia,serif;color:#efbac5}.account-chip p{font-size:11px}.account-chip small{display:block;color:#77707e;font-size:7px;letter-spacing:1.2px;margin-top:3px}.demo-banner{display:flex;align-items:center;gap:14px;margin:25px 38px 0;background:#b1853a0a;border:1px solid #6e582d52;border-radius:5px;padding:10px 15px;color:#9c9485;font-size:11px}.demo-label{font-size:8px;font-weight:600;letter-spacing:1.3px;color:#c2a66b;white-space:nowrap;display:flex;align-items:center;gap:8px}.demo-label i{width:5px;height:5px;border-radius:50%;background:#d6b86d}.demo-engine{margin-left:auto;color:#857b6a;font-size:10px;white-space:nowrap}#panel-main{padding:28px 38px 42px;flex:1;min-width:0;width:100%;max-width:1600px;margin:0 auto;outline:none}.page-heading{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:24px}.kicker{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:#b16a79;margin-bottom:8px}.page-heading h1{font-size:29px;font-weight:500;letter-spacing:-.8px;line-height:1.2}.subtext{font-size:12px;color:#8c8594;margin-top:8px}.muted{color:#8b8392}.tiny{font-size:10px}.page-tag{font-size:9px;letter-spacing:1px;color:#9d8d98;border:1px solid #393039;padding:7px 10px;border-radius:4px;white-space:nowrap}.welcome{position:relative;isolation:isolate;overflow:hidden;border:1px solid #502832;border-radius:7px;background:#1c1119;padding:30px 33px;min-height:232px;display:flex;align-items:center}.welcome:before{content:"";position:absolute;inset:0;z-index:-2;background:url('../assets/reaper.png') 75% 21%/cover}.welcome:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#180f18 5%,#1d1119ee 38%,#1c10193d 81%),linear-gradient(0deg,#130f17ab,transparent)}.welcome .kicker{font-size:8px;color:#ce8b98}.welcome h2{font:32px/1.25 Georgia,serif;letter-spacing:-.7px}.welcome h2 em{font-weight:400;color:#d9b3bc}.welcome p{font-size:12px;color:#a99ba7;margin:12px 0 20px;max-width:350px}.button{display:inline-flex;align-items:center;justify-content:center;gap:11px;border:1px solid #47343f;border-radius:4px;background:#201a24;padding:11px 18px;font-size:11px;font-weight:600;letter-spacing:.2px;min-height:42px}.button svg{width:17px;height:17px}.button:hover{filter:brightness(1.18)}.button-primary{background:linear-gradient(135deg,#a9293d,#811a2e);border-color:#b73e50;color:#fff0f3;box-shadow:0 4px 18px #66091e25}.button-ghost{background:transparent;color:#b5aab9;border-color:#3b303f}.button-small{padding:7px 12px;min-height:34px;font-size:10px}.button-full{width:100%}.button-row{display:flex;flex-wrap:wrap;gap:10px}.stats-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:19px 0 27px}.metric{display:flex;align-items:center;gap:16px;padding:20px;border:1px solid #2e2934;border-radius:6px;background:#17151c}.metric-icon{height:40px;width:40px;display:grid;place-items:center;border-radius:5px;background:#2a1b28;color:#c68090;border:1px solid #4a2c3e}.metric-label{font-size:10px;color:#8e8394}.metric strong{font-size:24px;font-weight:500;line-height:1.3;display:block}.metric small{font-size:9px;color:#796f82}.metric .pix-word{font-size:20px}.section-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:22px}.card{background:#17151c;border:1px solid #302a35;border-radius:6px;min-width:0}.card-head{padding:18px 21px;border-bottom:1px solid #2b2532;display:flex;align-items:center;justify-content:space-between;gap:12px}.card-head h2,.card-head h3{font-size:13px;font-weight:500}.card-head .text-link{font-size:10px;color:#b78090;white-space:nowrap}.card-head .text-link:hover{color:#e5a9ba}.card-head svg{width:17px;height:17px}.card-body{padding:21px}.char-row{display:flex;align-items:center;gap:13px;padding:17px 21px;border-bottom:1px solid #28232e}.char-row:last-child{border-bottom:0}.char-emblem{height:43px;width:43px;flex-shrink:0;border:1px solid #5e3542;background:radial-gradient(ellipse at top,#5a2635,#21141f);border-radius:5px;display:grid;place-items:center;color:#d28a9b}.char-emblem svg{width:25px;height:25px}.char-emblem.violet{border-color:#4f3e68;background:radial-gradient(ellipse at top,#403052,#1d1728);color:#b39bd0}.char-emblem.gold{border-color:#5e4b35;background:radial-gradient(ellipse at top,#50402b,#211d18);color:#c9ad77}.char-name{font-size:12px;font-weight:500}.char-class{font-size:10px;color:#83798e;margin-top:2px}.char-row-meta{margin-left:auto;text-align:right}.level{font-size:10px;color:#bfb0c4}.status{display:inline-flex;align-items:center;gap:6px;font-size:9px;color:#8e8398;white-space:nowrap}.status:before{content:"";width:5px;height:5px;border-radius:50%;background:#746878}.status.online{color:#84ae96}.status.online:before{background:#6aa583}.status.approved{color:#90b8a1}.status.approved:before{background:#82b59a}.status.pending{color:#ccae70}.status.pending:before{background:#c5a258}.status.expired{color:#8e8398}.char-row-meta .status{display:flex;justify-content:end;margin-top:5px}.table-scroll{overflow-x:auto;border-radius:6px}.data-table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap;font-size:11px}.data-table th{font-size:8px;font-weight:400;color:#7c7188;letter-spacing:.9px;background:#14121a;padding:13px 20px;border-bottom:1px solid #302737}.data-table td{padding:17px 20px;border-bottom:1px solid #292330;color:#a99baf}.data-table tr:last-child td{border-bottom:0}.data-table .name-cell{color:#e0d6e5}.data-table .amount{color:#d4c5db;font-weight:500}.data-table .order-id{color:#b89eaf;font-size:10px}.data-table .order-id small{display:block;color:#766a80;font-size:9px;margin-top:4px}.recent .data-table th,.recent .data-table td{padding-left:18px;padding-right:12px}.recent .data-table td{padding-top:20px;padding-bottom:20px}.section-note{font-size:10px;color:#74687d;padding:13px 20px;border-top:1px solid #2b2431}.hint-strip{display:flex;gap:12px;align-items:center;margin-top:23px;padding:15px 19px;background:#19151dc9;border:1px solid #332632;border-radius:5px;font-size:11px;color:#a291a6}.hint-strip svg{width:18px;height:18px;color:#ba7185;flex-shrink:0}.hint-strip strong{color:#d3bfda;font-weight:400}.panel-footer{margin:0 38px;border-top:1px solid #29222f;padding:21px 0;display:flex;gap:12px;justify-content:space-between;font-size:9px;color:#64586e}.panel-footer>span:nth-child(2){font-size:8px;letter-spacing:1.8px}.panel-footer a{color:#8b758e}.characters-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.character-card{overflow:hidden}.character-banner{padding:27px 24px 21px;position:relative;background:radial-gradient(ellipse at top,#5423344d,transparent 70%);text-align:center}.character-banner .char-emblem{height:74px;width:74px;border-radius:50%;margin:0 auto 15px;box-shadow:0 0 0 7px #2b1c2729}.character-banner .char-emblem svg{width:36px;height:36px}.character-banner h2{font:24px Georgia,serif;margin-bottom:6px}.character-banner p{color:#97849e;font-size:12px}.character-banner>.status{position:absolute;top:14px;right:16px}.character-details{padding:0 23px 23px}.detail-pair{display:flex;justify-content:space-between;gap:15px;font-size:11px;padding:10px 0;border-bottom:1px solid #2a2231;color:#85728e}.detail-pair strong{font-weight:400;color:#cfbfd7}.character-details .button{margin-top:20px}.character-details .detail-link{display:block;text-align:center;margin-top:13px;font-size:10px;color:#9f7eaa}.donate-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.85fr);gap:25px;align-items:start}.form-section{padding:23px 26px;border-bottom:1px solid #302635}.form-section:last-child{border-bottom:0}.step-title{font-size:13px;font-weight:500;display:flex;align-items:center;gap:12px;margin-bottom:21px}.step-title span{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;font-size:9px;border:1px solid #603748;background:#392031;color:#db9db6}.field{display:block;font-size:11px;color:#baacc1;margin-bottom:17px}.field:last-child{margin-bottom:0}.field input,.field select{display:block;width:100%;padding:12px 13px;margin-top:8px;border:1px solid #403046;border-radius:4px;background:#110e17;color:#e1d3e9;min-height:45px}.field input::placeholder{color:#63526e}.field small{display:block;font-size:10px;color:#806b8c;margin-top:7px}.quantity-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:20px}.quantity-presets button{padding:12px 0;background:#1a131f;border:1px solid #3d2c45;border-radius:4px;font-size:14px;color:#a88cb3}.quantity-presets button[aria-pressed=true]{background:#68263845;border-color:#a14862;color:#ffd3e3}.quantity-presets small{display:block;font-size:8px;letter-spacing:.5px;margin-top:3px}.payment-option{display:flex;align-items:center;gap:13px;border:1px solid #3e564e7a;background:#1b30252e;border-radius:5px;padding:15px}.payment-option svg{color:#79bca5;width:28px;height:28px}.payment-option strong{display:block;font-size:14px;font-weight:500}.payment-option p{font-size:10px;color:#8c9c94;margin-top:3px}.payment-option .check-dot{margin-left:auto;width:17px;height:17px;border-radius:50%;background:#8bc6af;color:#10271d;display:grid;place-items:center;font-size:10px}.item-summary{display:flex;gap:16px;align-items:center;padding-bottom:22px;border-bottom:1px solid #382a3e}.item-gem{height:60px;width:60px;flex-shrink:0;display:grid;place-items:center;background:radial-gradient(ellipse,#7d274d70,#2c1325);border:1px solid #6e3154;transform:rotate(0deg);border-radius:8px;color:#e58fad}.item-gem svg{width:35px;height:35px}.item-summary h3{font:20px Georgia,serif}.item-summary p{font-size:10px;color:#926c90;margin-top:5px}.summary-lines{padding:16px 0}.summary-line{display:flex;justify-content:space-between;gap:15px;padding:8px 0;font-size:11px;color:#8f789c}.summary-line strong{font-weight:400;color:#d2bddf}.summary-total{border-top:1px solid #3b2b41;padding:20px 0;display:flex;align-items:center;justify-content:space-between;color:#a78bb3;font-size:12px}.summary-total strong{font-size:29px;letter-spacing:-.8px;font-weight:500;color:#f1d9ee}.summary-foot{text-align:center;font-size:9px;color:#806588;margin-top:13px}.secure-note{margin-top:17px;font-size:10px;line-height:1.7;color:#92769f;padding:0 5px}.secure-note strong{font-weight:400;color:#c5a9cf}.form-error{color:#ffadbd;font-size:12px;margin-top:14px}.filter-row{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:15px 20px;border-bottom:1px solid #302337}.filter-buttons{display:flex;flex-wrap:wrap;gap:5px}.filter-buttons button{font-size:10px;border:1px solid transparent;background:transparent;color:#9d81a9;padding:7px 11px;border-radius:4px}.filter-buttons button[aria-pressed=true]{color:#e3c4ed;background:#3e2449;border-color:#654372}.stats-tabs{display:flex;gap:5px;flex-wrap:wrap;margin:0 0 23px;padding:5px;background:#17121e;border:1px solid #302137;border-radius:5px}.stats-tabs button{color:#9981a5;background:transparent;font-size:11px;padding:10px 15px;border-radius:3px}.stats-tabs button[aria-selected=true]{background:#54263b;color:#f7d4e8}.ranking-position{color:#937499;font:15px Georgia,serif}.ranking-position.top{color:#d8b479}.rank-name{display:flex;align-items:center;gap:10px}.rank-name .char-emblem{height:30px;width:30px}.rank-name .char-emblem svg{width:18px;height:18px}.rank-name small{display:block;color:#82688d;font-size:9px;margin-top:2px}.boss-grid,.siege-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.boss-card{padding:24px;display:flex;gap:19px;align-items:center}.boss-symbol{height:53px;width:53px;display:grid;place-items:center;flex-shrink:0;color:#c791a3;background:#36202c;border:1px solid #694051;border-radius:50%}.boss-symbol svg{height:28px;width:28px}.boss-card h2{font:23px Georgia,serif;margin-bottom:5px}.boss-card p{font-size:10px;color:#93769b;margin-top:5px}.boss-card .status{margin-top:12px}.siege-card{padding:25px}.siege-card svg{width:30px;height:30px;color:#c9a177;margin-bottom:15px}.siege-card h2{font:24px Georgia,serif}.siege-card .detail-pair{padding:12px 0}.note-box{padding:15px 19px;color:#a18aa9;border:1px solid #4a354e;border-radius:5px;margin-top:22px;font-size:11px;line-height:1.7;background:#25172d2e}.empty-state{padding:45px;text-align:center;color:#9a80a4}.empty-state svg{width:35px;height:35px;margin:0 auto 15px;color:#ba8cb9}.empty-state h2{font:24px Georgia,serif;margin-bottom:8px}.icon-button{display:grid;place-items:center;border:1px solid #51404f;border-radius:4px;height:32px;width:32px;background:transparent;color:#bca6bd}.menu-button{display:none}.loading{padding:80px;text-align:center;color:#a390af}.toast{position:fixed;bottom:25px;left:calc(50% + 125px);transform:translateX(-50%);z-index:70;max-width:calc(100% - 35px);background:#302333;color:#e9d7ed;border:1px solid #775778;box-shadow:0 12px 40px #0006;padding:14px 20px;border-radius:5px;font-size:12px}dialog{width:min(590px,calc(100% - 28px));max-height:calc(100dvh - 32px);padding:0;background:#19121f;border:1px solid #6a3c60;border-radius:8px;color:#e6d8ed;box-shadow:0 25px 100px #000a}dialog::backdrop{background:#08070cd6;backdrop-filter:blur(5px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;padding:21px 25px;border-bottom:1px solid #3e2947;gap:15px}.dialog-head h2{font-size:17px;font-weight:500}.dialog-body{padding:25px}.qr-wrap{text-align:center}.qr-demo{background:#f5f0f6;color:#201323;display:inline-grid;place-items:center;width:172px;height:172px;padding:11px;border-radius:6px;margin:17px auto 10px;position:relative}.qr-demo svg{width:150px;height:150px;stroke:none;fill:currentColor}.qr-demo>span{position:absolute;inset:auto 0 61px;background:#f5f0f6e8;color:#4c2147;font-size:11px;font-weight:700;letter-spacing:1.5px;padding:5px}.qr-wrap .qr-amount{font-size:29px;font-weight:500;margin-top:10px}.qr-wrap p{font-size:11px;color:#a085ac}.copy-box{border:1px dashed #634767;padding:13px;margin:18px 0;font-size:10px;color:#ac90b6;overflow-wrap:anywhere;border-radius:4px;text-align:center}.payment-success{text-align:center;padding:5px 0 15px}.success-mark{height:61px;width:61px;display:grid;place-items:center;background:#284334;border:1px solid #557b61;border-radius:50%;margin:5px auto 18px;color:#a4d2b2;font-size:28px}.payment-success h3{font:26px Georgia,serif;margin-bottom:12px}.payment-success p{font-size:12px;color:#ad8eb5;line-height:1.8}.auth .sidebar{display:none}.auth .workspace{margin-left:0}.auth .topbar{max-width:none}.auth .breadcrumb{font-size:12px}.auth .account-chip,.auth .top-divider{display:none}.auth #panel-main{padding-top:30px;max-width:1250px}.auth-layout{display:grid;grid-template-columns:1fr 440px;gap:75px;align-items:center;min-height:600px}.auth-story{align-self:stretch;border-radius:7px;min-height:530px;position:relative;overflow:hidden;background:linear-gradient(0deg,#140b17 3%,#180e1a36 65%),url('../assets/reaper.png') 65% center/cover;display:flex;flex-direction:column;justify-content:end;padding:36px}.auth-story:after{content:"";position:absolute;inset:0;border:1px solid #6a344a67;border-radius:7px;pointer-events:none}.auth-story img{width:170px;height:auto;filter:drop-shadow(0 5px 25px #000);margin-bottom:20px}.auth-story h1{font:36px/1.2 Georgia,serif;max-width:380px}.auth-story p{font-size:12px;line-height:1.8;color:#bfa3bb;margin-top:13px}.auth-form .kicker{color:#b97594}.auth-form h2{font-size:29px;font-weight:500;letter-spacing:-.7px;margin-bottom:9px}.auth-form>p{font-size:12px;line-height:1.8;color:#9b7ea6;margin-bottom:25px}.auth-form form{margin-top:25px}.auth-form .field{margin-bottom:19px}.auth-form .field input{background:#17111e}.auth-form .button{margin-top:7px}.auth-switch{font-size:11px;color:#95759f;text-align:center;margin-top:22px}.auth-switch a{color:#d48fae}.auth-caption{font-size:10px;color:#7e608a;text-align:center;margin-top:20px}.register-confirm{padding:15px;border:1px solid #58734f;border-radius:5px;color:#b3d1a4;font-size:12px;margin-top:18px}.scrim{display:none}.preview-pill{font-size:8px;color:#c6a2c8;border:1px solid #654b68;padding:2px 5px;border-radius:3px;margin-left:7px}.detail-dialog .char-emblem{width:65px;height:65px;margin-bottom:17px}.action-cell button{background:none;color:#c996b5;font-size:10px;padding:5px 0}.history-delivery{font-size:9px;color:#94769f;display:block;margin-top:5px}
@media(min-width:1700px){.topbar{padding-left:55px;padding-right:55px}.demo-banner{margin-left:55px;margin-right:55px}#panel-main{padding-left:55px;padding-right:55px}.welcome{min-height:265px}.welcome h2{font-size:38px}}
@media(max-width:1250px){.sidebar{width:220px;padding-left:13px;padding-right:13px}.brand>span{font-size:20px;letter-spacing:3px}.brand img{width:40px}.workspace{margin-left:220px}.topbar{padding:0 25px}.demo-banner{margin-left:25px;margin-right:25px}#panel-main{padding-left:25px;padding-right:25px}.panel-footer{margin-left:25px;margin-right:25px}.breadcrumb{font-size:10px}.topbar-left,.topbar-right{gap:14px}.access-link{font-size:10px}.metric{padding:15px;gap:12px}.section-grid{gap:16px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.metric-icon{width:34px;height:34px}.characters-grid{gap:14px}.character-details{padding:0 16px 20px}.character-banner{padding-left:15px;padding-right:15px}.donate-layout{gap:18px}.form-section{padding:22px}.toast{left:calc(50% + 110px)}}
@media(max-width:1050px){.sidebar{transform:translateX(-100%);width:250px;transition:transform .2s}.menu-open .sidebar{transform:none}.workspace{margin-left:0}.menu-button{display:grid}.scrim{display:block;position:fixed;inset:0;width:100%;height:100%;background:#0009;z-index:25}.menu-open{overflow:hidden}.auth .menu-button{display:none}.toast{left:50%}.topbar{height:72px}.section-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.auth-layout{gap:35px;grid-template-columns:1fr 390px}.auth-story h1{font-size:31px}.auth-story{padding:30px}.auth-story img{width:145px}.welcome:before{background-position:73% 22%}}
@media(max-width:750px){.topbar{padding:0 20px}.breadcrumb{font-size:10px}.breadcrumb>i,.breadcrumb>b{display:none}.topbar-right .account-chip p,.top-divider{display:none}.account-avatar{width:30px;height:30px}.access-link{font-size:10px}.demo-banner{margin:18px 20px 0;flex-wrap:wrap;gap:6px 12px;padding:10px 12px}.demo-banner p{font-size:10px;flex-basis:100%;order:3}.demo-engine{font-size:9px}.demo-label{font-size:7px}#panel-main{padding:23px 20px 30px}.page-heading{margin-bottom:20px}.page-heading h1{font-size:25px}.subtext{font-size:11px}.page-tag{display:none}.welcome{padding:25px;min-height:230px}.welcome:after{background:linear-gradient(90deg,#160b17f2 0%,#1d0d1ce0 35%,#1c101960 90%)}.welcome h2{font-size:29px}.welcome p{font-size:11px;max-width:270px}.welcome:before{background-position:68% center;background-size:auto 110%}.stats-summary{gap:10px;margin-bottom:22px}.metric{padding:14px;display:block}.metric-icon{height:29px;width:29px;margin-bottom:11px}.metric-icon svg{width:17px;height:17px}.metric-label{font-size:9px}.metric strong{font-size:22px;margin-top:3px}.metric small{font-size:8px}.section-grid{grid-template-columns:1fr;gap:20px}.characters-grid{grid-template-columns:1fr 1fr}.characters-grid .character-card:last-child{grid-column:1/-1}.donate-layout{grid-template-columns:1fr;gap:20px}.donate-layout>.summary-column{grid-row:2}.form-section{padding:21px}.card-head{padding:17px 18px}.panel-footer{margin:0 20px;flex-wrap:wrap;font-size:8px}.panel-footer>span:nth-child(2){display:none}.auth-layout{grid-template-columns:1fr;min-height:0;gap:27px;max-width:440px;margin:0 auto}.auth-story{display:none}.auth-form{padding:15px 0 20px}.auth-form:before{content:"";display:block;width:85px;height:87px;background:url('../assets/logo.png') center/contain no-repeat;margin:0 auto 25px}.auth-form h2{font-size:27px}.auth-form .kicker,.auth-form>h2,.auth-form>p{text-align:center}.auth #panel-main{padding-top:10px}.auth .topbar-left .breadcrumb{display:block}.boss-grid,.siege-grid{grid-template-columns:1fr}.stats-tabs button{padding:9px 12px;font-size:10px}.data-table th,.data-table td{padding-left:16px;padding-right:16px}.hide-mobile{display:none}.boss-card{padding:22px}.hint-strip{align-items:start;font-size:10px;padding:15px}.topbar-left,.topbar-right{gap:11px}.dialog-body{padding:22px}.dialog-head{padding:18px 22px}.page-heading .button{padding:8px 10px;font-size:9px;min-height:35px}.note-box{font-size:10px}.toast{font-size:11px;width:max-content}}
@media(max-width:390px){.topbar{padding:0 15px}.access-link{font-size:9px}.topbar-right{gap:9px}.demo-banner{margin-left:15px;margin-right:15px}#panel-main{padding-left:15px;padding-right:15px}.welcome{padding:23px 19px}.welcome h2{font-size:26px}.welcome p{max-width:230px}.welcome .button{font-size:10px}.stats-summary{gap:7px}.metric{padding:12px 9px}.metric strong{font-size:21px}.metric-label{font-size:8px}.metric small{font-size:7px}.characters-grid{grid-template-columns:1fr}.characters-grid .character-card:last-child{grid-column:auto}.card-body{padding:18px}.quantity-presets{gap:7px}.form-section{padding:18px}.summary-total strong{font-size:26px}.filter-row{padding:12px}.filter-buttons button{padding:7px 8px}.stats-tabs{gap:3px}.stats-tabs button{padding:8px 10px}.page-heading h1{font-size:24px}.breadcrumb{font-size:9px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.sidebar-close{display:none;position:absolute;right:12px;top:12px;width:25px;height:25px}
@media(max-width:1050px){.sidebar-close{display:grid}.sidebar .brand{margin-top:15px}}