.account-widget{position:relative;display:flex;align-items:center;gap:10px;min-width:160px;letter-spacing:-.02em}
.account-widget button{font-family:inherit}.account-widget svg{width:16px;height:16px;flex-shrink:0}
.account-avatar{width:40px;height:40px;background:#282828;border:0;border-radius:50%;color:#777;overflow:hidden;display:grid;place-items:end center;padding:3px 2px 0;flex-shrink:0}
.account-avatar svg{width:33px;height:33px;stroke:transparent}.account-details{display:flex;flex-direction:column;gap:5px;min-width:0}
.account-name{border:0;padding:0;background:none;text-align:left;display:flex;gap:13px;align-items:center;color:#f0f0f0;font-size:14px;font-weight:650;line-height:1.1}
.account-chevron{font-size:12px;color:#6c6c6c;transition:transform .2s}.account-name[aria-expanded=true] .account-chevron{transform:rotate(180deg)}
.account-balances{display:flex;align-items:center;gap:9px;white-space:nowrap;line-height:1;color:#ddd;font-size:12px;font-weight:650}
.account-balances>span{display:flex;align-items:center;gap:5px}.account-balances>span svg{width:14px;height:14px;color:#888}.account-balances>span+span:before{content:'·';color:#474747;margin-right:1px}
.balance-eye{border:0;background:none;padding:0;width:17px;height:17px;color:#777;display:grid;place-items:center}.balance-eye:hover{color:#ccc}.balance-eye.is-hidden{opacity:.5}
.balance-plus{display:grid;place-items:center;background:#7375f6;color:#111;width:16px;height:16px;border-radius:50%;transition:background .2s,transform .2s}.balance-plus svg{width:12px;height:12px;stroke-width:2.5}.balance-plus:hover{background:#999aff;transform:rotate(90deg)}
.account-dropdown{position:absolute;top:calc(100% + 16px);right:0;width:250px;background:#171717;box-shadow:0 15px 45px #0008;border-radius:11px;padding:6px;z-index:35;animation:dropdown-in .2s ease both;transform-origin:top right}
.account-dropdown nav{display:flex;flex-direction:column}.account-dropdown a,.account-logout{width:100%;display:flex;align-items:center;gap:12px;background:none;border:0;padding:13px 11px;border-radius:7px;color:#929292;font-size:13px;font-weight:550;text-align:left;transition:background .2s,color .2s}
.account-dropdown a:hover{color:#d9d9d9;background:#242424}.account-dropdown svg{color:#777;width:17px;height:17px}.account-menu-bottom{margin-top:5px;padding-top:5px;border-top:1px solid #242424}.account-menu-bottom a{font-size:12px}.account-logout,.account-logout svg{color:#ed6d74}.account-logout:hover{background:#3c2023}
.account-page{width:min(420px,calc(100% - 48px));margin:auto;padding:65px 0 100px;animation:page-in .4s ease both;letter-spacing:-.025em}
.account-page h1{font-size:29px;line-height:1.25;letter-spacing:-.045em;font-weight:550;margin:24px 0 28px;color:#e9e9e9}.auth-mark{width:45px;height:45px;border-radius:13px;background:#1d1d25;color:#8d8abf;display:grid;place-items:center}.auth-mark svg{width:23px;height:23px}.auth-description{font-size:14px;color:#919191;line-height:1.8;margin:-10px 0 30px}
.field-label{font-size:12px;display:block;margin:18px 0 9px;color:#acacac}.auth-input,.password-input{height:50px;border:1px solid #2a2a2a;border-radius:8px;background:#171717;color:#e6e6e6;width:100%;font-size:14px;outline:none;transition:border-color .2s,background .2s}.auth-input{padding:0 15px}.auth-input:focus,.password-input:focus-within{border-color:#72709d;background:#19191e}.auth-input::placeholder{color:#5d5d5d}
.password-input{display:flex;align-items:center;overflow:hidden}.password-input input{width:100%;min-width:0;height:100%;border:0;background:transparent;color:inherit;padding:0 15px;outline:none;font-size:14px}.password-eye{width:46px;height:46px;background:none;border:0;color:#777;display:grid;place-items:center;touch-action:none;flex-shrink:0}.password-eye svg{width:18px;height:18px}.password-eye:hover,.password-eye.revealing{color:#ccc}
.password-hint{color:#707070;font-size:11px;line-height:1.7;margin:12px 0 0}.auth-submit{margin-top:23px;display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:48px;border:0;border-radius:8px;background:#7475ed;color:#fff;width:100%;padding:13px 18px;font-size:13px;font-weight:600;transition:background .2s,transform .2s}.auth-submit:hover{background:#8586ff}.auth-submit:active{transform:translateY(1px)}.auth-submit:disabled{opacity:.6;cursor:wait}.auth-submit svg{width:18px;height:18px}.auth-submit>span{font-size:20px;font-weight:400}
.auth-help{margin:21px 0 0;font-size:12px;line-height:1.9;color:#818181}.copy-command{padding:0;background:none;border:0;color:#b5b2ff;font-size:inherit;text-decoration:underline;text-underline-offset:3px}.auth-alt{display:inline-block;margin-top:30px;font-size:12px;color:#949494;line-height:1.7}.auth-alt:hover{color:#c1baff}.auth-skip{display:block;text-align:center;margin-top:24px;font-size:11px;color:#818181}.auth-skip:hover{color:#bbb}
.account-error{border-radius:7px;padding:13px 14px;margin-top:15px;background:#2b1b1d;color:#dd9399;animation:page-in .2s ease}.account-error strong{font-size:12px;font-weight:550}.account-error p{font-size:11px;line-height:1.7;margin:6px 0 0;color:#af7f83}.account-error p:empty{display:none}.link-spinner{width:33px;height:33px;border:2px solid #292929;border-top-color:#aaa4ff;border-radius:50%;animation:spin 1.1s linear infinite}
.saved-accounts{display:flex;flex-direction:column;gap:7px}.saved-account{border:0;width:100%;border-radius:8px;background:#1a1a1a;padding:13px;display:flex;align-items:center;gap:12px;color:#ccc;text-align:left;font-size:14px}.saved-account:hover{background:#252525}.saved-account svg{width:25px;height:25px;color:#777}.saved-account>span:last-child{margin-left:auto;color:#666}.saved-account:disabled{opacity:.5}
.profile-page{width:min(620px,calc(100% - 48px));margin:50px auto 90px;animation:page-in .4s ease}.profile-page h1{font-size:30px;letter-spacing:-.04em;font-weight:550}.profile-avatar{width:85px;height:85px;border-radius:50%;display:grid;place-items:end center;background:#262626;overflow:hidden;color:#777}.profile-avatar svg{width:70px;height:70px;stroke:none}.profile-info{display:flex;justify-content:space-between;background:#171717;padding:20px;border-radius:8px;color:#999;font-size:13px}.profile-page .auth-submit{max-width:270px}
.telegram-reminder{width:min(410px,calc(100% - 40px));background:#181818;border:1px solid #2a2a2a;border-radius:16px;padding:35px;color:#e4e4e4;box-shadow:0 30px 120px #000a;animation:dialog-in .25s ease}.telegram-reminder::backdrop{background:#0009;backdrop-filter:blur(5px)}.telegram-reminder h2{font-size:23px;letter-spacing:-.045em;font-weight:550;margin:25px 0 15px}.telegram-reminder p{color:#8b8b8b;font-size:13px;line-height:1.8}.telegram-mark{background:#162933;color:#6fa7c1}.dialog-close{position:absolute;top:12px;right:12px;width:30px;height:30px;border:0;background:none;display:grid;place-items:center;color:#777}.dialog-close svg{width:14px;height:14px}.dialog-close:hover{color:#bbb}
.socials{display:flex;gap:17px;align-items:center;margin-left:auto;margin-right:25px}.socials a{color:#666;transition:color .2s,transform .2s}.socials a:hover{color:#aaa;transform:translateY(-2px)}.socials svg{width:17px;height:17px;display:block}
@keyframes dropdown-in{from{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dialog-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1140px){.account-widget{gap:8px;min-width:0}.account-avatar{width:32px;height:32px}.account-avatar svg{width:27px;height:27px}.account-name{font-size:12px;max-width:170px;overflow-wrap:anywhere}.account-balances{gap:6px;font-size:10px}.account-balances>span{gap:3px}.account-balances>span svg{width:11px;height:11px}.account-dropdown{width:235px}.account-page{width:calc(100% - 40px);padding:45px 0 75px;max-width:390px}.account-page h1{font-size:26px}.auth-description{font-size:13px}.socials{margin-right:8px;gap:12px}.socials svg{width:15px;height:15px}.app-top{gap:18px}.telegram-reminder{padding:28px}}
@media(max-width:630px){.app-top .brand{font-size:21px}.app-top{padding:0 15px;gap:10px}.account-avatar{width:27px;height:27px}.account-name{font-size:11px;gap:7px}.account-balances{font-size:9px;gap:5px}.account-balances>span svg{display:none}.account-widget{gap:6px}.account-chevron{display:none}}
@media(prefers-reduced-motion:reduce){.link-spinner{animation:none;border-color:#888}}

@font-face{font-family:BVXPixel;src:url('/assets/Monocraft.ttf') format('truetype');font-display:swap;font-weight:400}
.rank-badge{font-family:BVXPixel,monospace;font-size:11px;font-weight:400;line-height:1.3;letter-spacing:-.05em;white-space:nowrap;background:linear-gradient(90deg,#b2fffe,#57ffbf,#88ffe0);background-clip:text;-webkit-background-clip:text;color:transparent}
.rank-respec{background-image:linear-gradient(90deg,#fff570,#fffaaf,#fff899)}.rank-kunikal{background-image:linear-gradient(90deg,#d05dff,#aa2bff,#e3a1ff)}.rank-geyler{background-image:linear-gradient(90deg,#ff0076,#ff0061,#ff0042)}.rank-admin{background-image:linear-gradient(90deg,#ffb66b,#ec8538)}.rank-owner{background-image:linear-gradient(90deg,#ff5c67,#ff1a36)}.rank-trust{background-image:linear-gradient(90deg,#b7ff9c,#48ef82)}
.account-name-text{display:flex;align-items:center;gap:7px}.account-chevron{width:12px!important;height:12px!important;fill:none;stroke:currentColor;stroke-width:1.8;align-self:center;flex-shrink:0}
.account-avatar{width:38px;height:38px;background:#282828;padding:0;transition:box-shadow .2s}.account-avatar:hover{box-shadow:0 0 0 3px #ffffff0d}.account-avatar>svg{width:32px;height:32px;align-self:end;margin-bottom:0}.account-avatar>img{width:100%;height:100%;object-fit:cover}
.account-balances .currency-icon{width:15px;height:15px;object-fit:contain;image-rendering:pixelated;opacity:.85}.account-balances>span+span:before{content:'·';margin-right:0}
[data-balance]{filter:blur(0);opacity:1;transition:filter .42s ease,opacity .42s ease;will-change:filter}
.balances-blurred [data-balance]{filter:blur(4px);opacity:.7;user-select:none}
.balance-eye{position:relative;transition:opacity .3s,color .3s}.balance-eye.is-hidden{opacity:.85}.balance-eye:after{content:'';position:absolute;width:18px;height:1px;background:#888;transform:rotate(-42deg) scaleX(0);transition:transform .25s}.balance-eye.is-hidden:after{transform:rotate(-42deg) scaleX(1)}
.account-dropdown,.avatar-dropdown{width:230px;border-radius:12px;background:#171717;padding:6px;box-shadow:0 16px 55px #0007}
.account-dropdown a,.account-logout,.switch-account{padding:12px 11px;font-size:13px;font-weight:600;gap:11px;border-radius:6px;min-height:44px;color:#929292}
.account-dropdown a:hover,.switch-account:hover{background:#232323;color:#ccc}.account-menu-bottom{border-top:1px solid #262626;margin-top:5px;padding-top:5px}
.account-logout,.account-logout svg{color:#ee656d}.switch-account{width:100%;display:flex;align-items:center;background:none;border:0;text-align:left;cursor:pointer}
.avatar-dropdown{position:absolute;right:0;top:calc(100% + 16px);z-index:36;animation:dropdown-in .2s ease}
.avatar-dropdown button{width:100%;background:none;border:0;color:#aaa;padding:13px 10px;display:flex;align-items:center;gap:10px;font-size:12px;border-radius:7px;text-align:left}.avatar-dropdown button:hover{background:#242424;color:#eee}.avatar-dropdown svg{width:17px;height:17px;color:#777}
.auth-mark{width:52px;height:52px;border-radius:17px}.auth-mark svg{width:25px;height:25px;overflow:visible}
.auth-input,.password-input{border-radius:28px;background:#191919;border-color:transparent;height:50px}.auth-input{padding:0 20px}.password-input input{padding-left:20px}.password-eye{margin-right:5px}
.auth-submit{border-radius:28px;min-height:49px;padding:13px 22px}.auth-submit:hover{box-shadow:0 4px 25px #7475ed15}
.link-input-row{display:grid;grid-template-columns:2fr 1fr;gap:10px;align-items:stretch}.link-input-row .auth-submit{margin:0;padding:12px 20px;justify-content:center;gap:13px}.link-input-row .auth-input{min-width:0;font-size:12px}
.login-page{width:min(520px,calc(100% - 48px))}.login-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.login-fields>div{min-width:0}.login-fields .field-label{margin-top:4px}.login-submit{width:150px;margin:25px auto 0;justify-content:center}.login-page>.auth-alt{text-align:center;display:block}
.toast-stack{position:fixed;bottom:24px;right:24px;z-index:200;display:flex;flex-direction:column;gap:10px;pointer-events:none;width:min(350px,calc(100% - 35px))}.site-toast{border:1px solid #333;background:#202020;box-shadow:0 12px 40px #0005;border-radius:13px;padding:17px 20px;display:flex;align-items:center;gap:13px;font-size:13px;color:#ccc;animation:dropdown-in .25s ease}.toast-symbol{width:22px;height:22px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:#e8677020;color:#ef7b85;font-size:13px;font-weight:650}.toast-success .toast-symbol{background:#64d88c20;color:#88d9a0}.toast-leave{opacity:0;transform:translateX(15px);transition:opacity .25s,transform .25s}.site-toast .rank-badge{font-size:12px;margin-left:3px}
.switch-dialog,.image-dialog{width:min(440px,calc(100% - 32px));padding:30px;background:#171717;border:1px solid #292929;border-radius:20px;color:#eee;box-shadow:0 25px 100px #0008;animation:dialog-in .25s ease}.switch-dialog::backdrop,.image-dialog::backdrop{background:#0009;backdrop-filter:blur(6px)}.switch-dialog h2,.image-dialog h2{font-size:21px;font-weight:550;letter-spacing:-.04em;margin:0 30px 24px 0}
.switch-list{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#777}.switch-entry{display:flex;align-items:center;gap:12px;text-align:left;width:100%;border:0;border-radius:12px;background:#202020;color:#ccc;font-size:13px;padding:12px;transition:background .2s}.switch-entry:hover{background:#2a2a2a}.switch-avatar{width:32px;height:32px;display:grid;place-items:end center;border-radius:50%;background:#303030;overflow:hidden;color:#777}.switch-avatar svg{width:27px;height:27px;stroke:none}.switch-add{display:flex;align-items:center;justify-content:center;gap:8px;background:#272531;color:#bcb7ef;padding:14px;border-radius:28px;font-size:12px;margin-top:19px}.switch-add svg{width:16px;height:16px}.switch-add:hover{background:#35313f}.switch-dialog>.auth-alt{display:block;text-align:center;margin-top:20px;font-size:11px}
.image-dialog{width:min(470px,calc(100% - 32px));max-height:calc(calc(100svh / var(--bvx-scale,1)) - 36px);overflow:auto}.image-drop{border:1px dashed #3c3c3c;border-radius:15px;min-height:270px;padding:30px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;text-align:center;outline:none;transition:background .2s,border-color .2s}.image-drop.is-dragging{background:#272333;border-color:#9d8cf1}.drop-icon{width:39px;height:39px;display:grid;place-items:center;background:#25232e;border-radius:12px;color:#9585c9}.drop-icon svg{width:19px;height:19px}.image-drop strong{font-size:15px;line-height:1.7;font-weight:500;color:#b1b1b1}.image-choose,.image-save{border:0;border-radius:24px;background:#7773eb;color:#fff;padding:12px 22px;font-size:12px;font-weight:550}.image-choose:hover,.image-save:hover{background:#8b86ff}.image-drop small{font-size:10px;color:#656565}.crop-preview{width:min(320px,100%);aspect-ratio:1;position:relative;margin:auto;overflow:hidden;border-radius:12px;background:repeating-conic-gradient(#292929 0% 25%,#202020 0% 50%) 50%/16px 16px}.crop-preview canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none}.crop-preview canvas:active{cursor:grabbing}.crop-shade{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle closest-side,transparent 98.5%,#0009 100%)}.crop-shade:after{content:'';position:absolute;inset:0;border:1px solid #ffffffaa;border-radius:50%}
.crop-zoom{display:flex;align-items:center;gap:15px;margin:24px auto 0;max-width:320px;color:#777}.crop-zoom svg{width:17px;height:17px;flex-shrink:0}.crop-zoom input{width:100%;accent-color:#8d85ed;height:4px}.image-editor p{text-align:center;font-size:10px;color:#747474;margin:14px 0 25px}.crop-actions{display:flex;align-items:center;justify-content:space-between;gap:15px}.image-rechoose{background:none;border:0;color:#8d8d8d;font-size:11px}.image-rechoose:hover{color:#ccc}.image-save:disabled{opacity:.4;cursor:wait}
@media(max-width:1140px){.account-name-text{gap:5px}.account-name-text .rank-badge{font-size:9px}.account-avatar{width:34px;height:34px}.account-balances .currency-icon{width:12px;height:12px}.account-widget{gap:9px}.login-page{width:calc(100% - 40px)}.login-fields{gap:9px}.login-fields .auth-input,.login-fields .password-input{font-size:12px}.login-fields .auth-input,.login-fields .password-input input{padding-left:15px}.login-fields .password-eye{width:35px;flex-shrink:0;margin:0}.login-fields .password-eye svg{width:15px;height:15px}.toast-stack{right:17px;bottom:17px}.link-input-row{gap:8px}.link-input-row .auth-submit{padding:10px;font-size:12px;gap:6px}.link-input-row .auth-input{padding:0 15px}.avatar-dropdown{width:220px}.switch-dialog,.image-dialog{padding:25px}}
.app-top{position:sticky;top:0;z-index:15;flex-shrink:0;background:#101010ed;backdrop-filter:blur(12px)}
.chapter-nav{top:108px}.rule-section,.rule-row{scroll-margin-top:114px}
@media(max-width:1140px){.chapter-nav{top:76px}.rule-section,.rule-row{scroll-margin-top:156px}}
.login-page{width:min(390px,calc(100% - 40px))}.login-fields{grid-template-columns:1fr;gap:20px}.login-fields .field-label{margin-top:0}.login-page h1{margin-bottom:32px}
.registration-button{display:flex;justify-content:center;align-items:center;width:150px;min-height:45px;margin:12px auto 0;background:#232229;color:#b7b2d5;font-size:12px;font-weight:550;border-radius:26px;transition:background .2s,color .2s}.registration-button:hover{background:#302d3d;color:#e1dcff}
.account-name-text>span:last-child{font-family:BVXPixel,monospace;font-weight:400;font-size:12px;letter-spacing:-.07em}.account-name-text .rank-badge{font-size:10px}
@media(max-width:1140px){.account-name-text>span:last-child{font-size:10px}.account-name-text .rank-badge{font-size:8px}}
.login-page{padding:25px 0 35px}.login-page .auth-mark{width:44px;height:44px;border-radius:15px}.login-page h1{margin:20px 0 25px}.dialog-notice{color:#df8e95!important;font-size:12px!important;text-align:center;margin:18px 0 0!important;line-height:1.6}
.switch-avatar img{width:100%;height:100%;object-fit:cover}.switch-entry>span:last-child{font-family:BVXPixel,monospace;font-size:11px;letter-spacing:-.04em}
.avatar-dropdown button[data-avatar-mode="reset"],.avatar-dropdown button[data-avatar-mode="reset"] svg{color:#ef626b}.avatar-dropdown button[data-avatar-mode="reset"]:hover{color:#ff828a;background:#ef626b10}
.link-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:24px}.link-heading h1{margin:0}.referral-entry-hint{max-width:220px;padding:9px 13px;border:1px solid #9c85eb22;border-radius:12px;background:#8670d914;color:#b8a6e6;font-size:12px;line-height:1.6}.referral-entry-hint[hidden]{display:none}.home-link{scroll-margin-top:100px}@media(max-width:700px){.link-heading{align-items:flex-start;gap:10px}.referral-entry-hint{max-width:100%;font-size:11px}}
.invalid-link-dialog{width:min(440px,calc(100vw / var(--bvx-scale,1) - 32px));padding:28px;border:1px solid #ffffff12;border-radius:24px;background:#19191c;color:#eee;box-shadow:0 25px 90px #0009}.invalid-link-dialog::backdrop{background:#000a;backdrop-filter:blur(7px)}.invalid-link-dialog h2{margin:0 0 18px;font-size:23px;line-height:1.3;letter-spacing:-.04em}.invalid-link-dialog p{color:#aaa0b4;font-size:13px;line-height:1.8;margin:9px 0}.invalid-link-dialog strong{color:#c2b0fa}.invalid-link-dialog button{display:block;width:100%;margin:24px 0 0;padding:14px;border:0;border-radius:16px;background:#7c70e8;color:white;font:600 13px Inter,system-ui,sans-serif;cursor:pointer}.invalid-link-dialog[open]{animation:dialog-in .2s ease}@media(prefers-reduced-motion:reduce){.invalid-link-dialog[open]{animation:none}}
