#vi-account-ui{position:fixed;left:50%;top:50%;width:1280px;height:720px;transform:translate(-50%,-50%) scale(var(--account-scale,1));transform-origin:center;z-index:20;pointer-events:none;font-family:Philosopher,serif;color:#e8e0d4;font-size:18px;line-height:1.35}
#vi-account-ui *{box-sizing:border-box}
#vi-account-ui [hidden]{display:none!important}
#vi-account-ui button,#vi-account-ui input{font:inherit}
#vi-account-ui button{cursor:pointer}
#vi-account-ui button:disabled{cursor:wait;opacity:.6}
#vi-account-ui .account-panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-46%);width:410px;padding:24px 30px 26px;pointer-events:auto;background:linear-gradient(145deg,rgba(51,44,64,.97),rgba(29,29,43,.98));border:2px solid #a79b7d;box-shadow:0 0 0 3px #302d40,0 0 0 4px #756a56,0 14px 36px #17132185;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px)}
#vi-account-ui .account-panel:before,#vi-account-ui .account-panel:after{content:'';position:absolute;width:10px;height:10px;border:1px solid #d1b77d;transform:rotate(45deg);top:7px;left:7px;pointer-events:none}
#vi-account-ui .account-panel:after{left:auto;right:7px}
#vi-account-ui h1,#vi-account-ui h2{font-size:27px;line-height:1.25;font-weight:400;color:#e1ca8b;text-align:center;margin:0 0 18px;padding-bottom:12px;border-bottom:1px solid #797063}
#vi-account-ui h1:after,#vi-account-ui h2:after{content:'◆';display:block;font-size:10px;line-height:0;color:#cfb97e;position:relative;top:12px}
#vi-account-ui p{margin:0 0 12px}
#vi-account-ui .account-subtitle{font-size:17px;text-align:center;color:#c3bacd;margin-bottom:17px}
#vi-account-ui label.field-label{display:block;font-size:17px;color:#d7c8a8;margin:12px 0 6px;text-align:left}
#vi-account-ui input{display:block;width:100%;height:43px;border:1px solid #8e8493;border-radius:2px;background:linear-gradient(90deg,#211f2edc,#41394ccc);padding:0 12px;color:#f2e9da;outline:none;box-shadow:inset 0 2px 6px #100d174d}
#vi-account-ui input::placeholder{color:#ada5b6;font-size:16px}
#vi-account-ui input:focus{border-color:#e3c483;box-shadow:0 0 0 2px #bd9b603d}
#vi-account-ui .form-actions{display:flex;gap:12px;margin-top:20px;justify-content:center}
#vi-account-ui .game-button{min-height:43px;padding:8px 16px;line-height:1.2;border:1px solid #c9b984;color:#e0d4bb;background:linear-gradient(#4c4359,#302d40);box-shadow:inset 0 0 0 2px #282536,inset 0 0 0 3px #8c8066;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px)}
#vi-account-ui .game-button:hover{filter:brightness(1.12)}
#vi-account-ui .game-button.primary{color:#694a2f;border-color:#e5d4a0;background:linear-gradient(#fff7d9,#e2ce9b);box-shadow:inset 0 0 0 2px #b7a272,inset 0 0 0 3px #fff0c1}
#vi-account-ui .form-actions .game-button{flex:1}
#vi-account-ui .form-error{font-size:16px;line-height:1.4;color:#ffc0b6;margin:12px 0 0;min-height:0}
#vi-account-ui .form-error:empty{display:none}
#vi-account-ui .form-hint{color:#bdb4c9;font-size:15px;line-height:1.45;margin-top:12px}
#vi-account-ui .account-status{font-size:16px;text-align:center;color:#c3bacd;margin:0 0 14px;overflow-wrap:anywhere}
#vi-account-ui .server-list{display:flex;flex-direction:column;gap:10px;max-height:224px;overflow-y:auto;padding:3px}
#vi-account-ui .server-card{position:relative;width:100%;display:flex;align-items:center;gap:12px;text-align:left;min-height:78px;border:1px solid #82788b;color:#e4d9c2;padding:10px 12px;background:linear-gradient(100deg,#41394e,#282637)}
#vi-account-ui .server-card[aria-pressed=true]{border-color:#e3c483;box-shadow:inset 0 0 0 1px #c0a770;background:linear-gradient(100deg,#63506a,#353045)}
#vi-account-ui .server-card .server-gem{width:12px;height:12px;background:#a8d6b1;border:2px solid #e1d7b9;transform:rotate(45deg);flex:none}
#vi-account-ui .server-card strong{display:block;font-size:20px;font-weight:400;color:#e6c98a;padding-right:80px}
#vi-account-ui .server-card small{display:block;font-size:15px;color:#bfb6ce;margin-top:4px}
#vi-account-ui .server-description{min-width:0;flex:1}
#vi-account-ui .character-level{white-space:nowrap}
#vi-account-ui .server-picker-hint{margin:8px 0 0;font-size:15px;color:#cbb992;text-align:center}
#vi-account-ui .all-servers{max-height:348px}
#vi-account-ui .server-card:disabled{cursor:not-allowed;opacity:.8}
#vi-account-ui .server-online.server-unavailable{color:#d0a8a1}
#vi-account-ui .server-card:disabled .server-gem,#vi-account-ui .server-card.server-offline .server-gem{background:#847b87}
#vi-account-ui .server-online{position:absolute;right:12px;top:14px;color:#b5dbb0;font-size:15px;white-space:nowrap}
#vi-account-ui .text-actions{display:flex;justify-content:center;gap:20px;margin-top:15px}
#vi-account-ui .text-button{padding:0;border:0;background:none;color:#cbb992;text-decoration:underline;font-size:15px;line-height:1.5}
#vi-account-ui .name-rules{font-size:16px;line-height:1.5;color:#c3bacd;margin:14px 0 0;text-align:left}
#vi-account-ui .modal-shade{position:absolute;left:-2000px;right:-2000px;top:-2000px;bottom:-2000px;background:#0c0913a6;pointer-events:auto}
#vi-account-ui .account-modal{width:570px;max-height:570px;overflow:auto;padding:25px 30px;transform:translate(-50%,-50%)}
#vi-account-ui .modal-copy{line-height:1.55;color:#ddd4e1;font-size:18px;max-height:345px;overflow:auto;padding-right:6px;text-align:left}
#vi-account-ui .account-modal:after{display:none}
#vi-account-ui .modal-close{position:absolute;top:9px;right:12px;border:0;background:transparent;color:#dac99e;font-size:28px;line-height:1;z-index:1}
#vi-account-ui .modal-footer{display:flex;justify-content:center;margin-top:20px}
#vi-account-ui .modal-footer .game-button{min-width:130px}
#vi-account-ui .account-modal.server-picker-modal{width:740px;height:620px;max-height:620px;display:flex;flex-direction:column;overflow:hidden}
#vi-account-ui .server-picker-modal h2,#vi-account-ui .server-picker-modal .account-subtitle{flex-shrink:0}
#vi-account-ui .server-picker-modal .all-servers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:68px;align-content:start;gap:10px 12px;height:386px;min-height:386px;max-height:386px;flex-shrink:0;overflow-x:hidden;overflow-y:auto}
#vi-account-ui .server-picker-modal .server-card{height:68px;min-height:68px;padding:8px 10px;gap:10px}
#vi-account-ui .server-picker-modal .server-gem{width:10px;height:10px}
#vi-account-ui .server-picker-modal .server-card strong{font-size:18px;padding-right:70px}
#vi-account-ui .server-picker-modal .server-card small{font-size:14px;margin-top:3px}
#vi-account-ui .server-picker-modal .server-online{font-size:14px;top:10px;right:10px}
#vi-account-ui .server-picker-modal .modal-footer{margin-top:auto;flex-shrink:0}