*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100vw;height:100vh;overflow:hidden;background:#000;font-family:Azonix,sans-serif;color:#fff}#game-canvas{display:block;position:fixed;top:0;left:0;width:100vw;height:100vh}#ui-layer{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none}#ui-layer>*{pointer-events:auto}.ror-text{font-family:Azonix,sans-serif;color:#fff}input.ror-input{background-color:#171719;border:1px solid #2f2e2f;border-radius:4px;color:#fff;font-family:Azonix,sans-serif;font-size:15px;padding:6px 8px 6px 5px;outline:none;width:100%}input.ror-input:focus{border-color:#5a5a7a}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#111}::-webkit-scrollbar-thumb{background:#333;border-radius:2px}.home-root{position:relative;width:100%;height:100%;overflow:hidden;background:#000}.home-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;background-repeat:no-repeat;transition:opacity .7s ease-in-out;z-index:0}.home-bg--b{z-index:0}.home-bg--a{z-index:1}.home-logo{position:absolute;top:11%;left:50%;transform:translate(-50%);z-index:2}.home-logo img{display:block;width:clamp(80px,8.75vw,150px);height:auto}.home-titlebar{position:absolute;top:23.4%;left:50%;transform:translate(-50%) scaleX(.6);transform-origin:center;width:72%;z-index:1;opacity:0;transition:transform .55s cubic-bezier(.68,-.55,.27,1.55),opacity .4s ease}.home-titlebar--in{transform:translate(-50%) scaleX(1);opacity:1}.home-titlebar img{display:block;width:100%;height:auto}.home-gametitle{position:absolute;top:25.5%;left:160%;transform:translate(0);z-index:2;width:44%;text-align:center;font-family:Azonix,sans-serif;font-size:clamp(22px,3.8vw,58px);color:#d0e8ff;letter-spacing:.06em;white-space:nowrap;text-shadow:0 0 30px rgba(100,180,255,.6),0 2px 8px rgba(0,0,0,.8);transition:left .55s cubic-bezier(.68,-.55,.27,1.55)}.home-gametitle--in{left:28%}.home-gamedesc{position:absolute;top:33%;right:160%;z-index:2;width:44%;text-align:center;font-family:Azonix,sans-serif;font-size:clamp(11px,1.6vw,26px);color:#7a9cc0;letter-spacing:.12em;white-space:nowrap;text-shadow:0 1px 6px rgba(0,0,0,.9);transition:right .55s cubic-bezier(.68,-.55,.27,1.55)}.home-gamedesc--in{right:28%}.home-panel{position:absolute;left:50%;top:49%;transform:translate(-50%,calc(-50% - 130vh));z-index:3;width:clamp(280px,32.2vw,560px);height:clamp(155px,17vh,195px);transition:transform .65s cubic-bezier(.68,-.55,.27,1.55)}.home-panel--in{transform:translate(-50%,-50%)}.home-panel__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill;border-radius:6px}.home-panel__body{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;justify-content:center;gap:clamp(6px,1vh,10px);padding:16px 10% 14px}.home-panel__field{display:flex;align-items:center;gap:8px}.home-panel__label{font-family:Azonix,sans-serif;font-size:clamp(9px,1.1vw,14px);color:#7a9cc0;letter-spacing:.06em;white-space:nowrap;text-align:right;flex-shrink:0;width:clamp(60px,6.5vw,100px)}.ror-input{flex:1;background:#171719;border:1px solid #2f2e2f;border-radius:4px;color:#fff;font-family:Azonix,sans-serif;font-size:clamp(10px,1.2vw,15px);padding:4px 6px 4px 5px;outline:none;min-width:0}.ror-input:focus{border-color:#5a5a8a}.home-panel__error{font-family:Azonix,sans-serif;font-size:clamp(8px,.9vw,12px);color:#ff6b6b;text-align:center;animation:errorShake .3s ease}@keyframes errorShake{0%,to{transform:translate(0)}30%{transform:translate(-5px)}70%{transform:translate(5px)}}.home-panel__buttons{display:flex;gap:clamp(6px,1vw,14px);justify-content:center;margin-top:2px}.home-panel__btn{position:relative;background:none;border:none;cursor:pointer;padding:0;flex:1;max-width:clamp(100px,14vw,180px);transition:transform .12s,filter .12s}.home-panel__btn:hover:not(:disabled){transform:scale(1.05);filter:brightness(1.2)}.home-panel__btn:active:not(:disabled){transform:scale(.97)}.home-panel__btn:disabled{opacity:.5;cursor:default}.home-panel__btn img{display:block;width:100%;height:auto}.home-panel__btn span{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:Azonix,sans-serif;font-size:clamp(9px,1.1vw,14px);letter-spacing:.1em;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.9);pointer-events:none;-webkit-user-select:none;user-select:none}.home-splash{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;opacity:0;pointer-events:none;z-index:100;transition:opacity .45s ease-in-out}.home-splash--in{opacity:1;pointer-events:all}.player-badge{position:absolute;top:0;left:50%;transform:translate(-50%);z-index:20}.player-badge__panel{display:flex;flex-direction:row;align-items:center;gap:12px;padding:8px 16px 8px 12px;background:#081024eb;border:1px solid rgba(60,90,140,.35);border-top:none;border-radius:0 0 8px 8px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 2px 18px #0000008c,inset 0 -1px #5082c814;white-space:nowrap}.player-badge__logo-wrap{position:relative;width:38px;height:38px;flex-shrink:0;border-radius:50%;border:1px solid rgba(80,130,200,.45);background:#142341b3;cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:border-color .2s,box-shadow .2s}.player-badge__logo-wrap:hover{border-color:#64a0ffb3;box-shadow:0 0 10px #508cdc4d}.player-badge__logo-img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block;pointer-events:none;-webkit-user-select:none;user-select:none}.player-badge__logo-empty{font-size:18px;color:#5078b480;-webkit-user-select:none;user-select:none;pointer-events:none}.player-badge__logo-edit{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:flex-end;padding:2px 3px;background:#0000;border:none;font-size:11px;color:#a0c8ff00;cursor:pointer;border-radius:50%;transition:color .2s,background .2s;z-index:1}.player-badge__logo-wrap:hover .player-badge__logo-edit{color:#a0c8ffe6;background:#00000059}.player-badge__logo-input{display:none}.player-badge__info{display:flex;flex-direction:row;align-items:center;gap:10px;min-width:0}.player-badge__nickname{font-family:Azonix,sans-serif;font-size:14px;color:#def;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 6px rgba(0,0,0,.9);letter-spacing:.04em}.player-badge__divider{width:1px;height:20px;background:#3c5a8c59;flex-shrink:0}.player-badge__stat{display:flex;align-items:baseline;gap:5px;padding:0;border-bottom:none}.player-badge__stat-label{font-family:Azonix,sans-serif;font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:#345}.player-badge__stat-value{font-family:Azonix,sans-serif;font-size:12px;color:#ace;white-space:nowrap}.player-badge__actions{display:flex;flex-direction:row;gap:4px;flex-shrink:0;margin-left:4px}.player-badge__icon-btn{background:none;border:1px solid rgba(60,90,140,.25);border-radius:4px;cursor:pointer;padding:5px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;color:#6496dc99;transition:background .15s,border-color .15s,color .15s}.player-badge__icon-btn:hover{background:#2846824d;border-color:#508cdc80;color:#8be}.player-badge__icon-btn--active{color:#64c8fff2;background:#2850a059;border-color:#508cdc73}.player-badge__icon-btn svg{width:100%;height:100%;display:block;overflow:visible}.player-badge__icon-btn--mail{position:relative}.player-badge__market-row{justify-content:flex-start;gap:6px}.player-badge__market-row .player-badge__selector-name{flex:1}.player-badge__market-btn{flex-shrink:0;width:20px;height:20px;border-radius:3px;border:1px solid;font-family:Azonix,sans-serif;font-size:9px;letter-spacing:.04em;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s}.player-badge__market-btn--empire{color:#c8a03cd9;border-color:#b48c2866;background:#8c64141a}.player-badge__market-btn--empire:hover{color:#f0cc70;background:#8c64144d;border-color:#b48c28b3}.player-badge__market-btn--republic{color:#28a0b4d9;border-color:#288ca066;background:#1464781a}.player-badge__market-btn--republic:hover{color:#70dde0;background:#1464784d;border-color:#28a0b4b3}.player-badge__mail-badge{position:absolute;top:-5px;right:-5px;background:#dc5050e6;color:#fff;font-family:Azonix,sans-serif;font-size:9px;font-weight:700;line-height:1;padding:2px 4px;border-radius:3px;pointer-events:none;min-width:14px;text-align:center}.player-badge__selector{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:4px;width:280px;background:#081024f7;border:1px solid rgba(60,90,140,.4);border-radius:6px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 24px #000000b3;z-index:100;overflow:hidden}.player-badge__selector-input{width:100%;box-sizing:border-box;padding:8px 10px;background:#142341cc;border:none;border-bottom:1px solid rgba(60,90,140,.3);color:#ace;font-family:Azonix,sans-serif;font-size:11px;outline:none;letter-spacing:.04em}.player-badge__selector-input::placeholder{color:#648cc866}.player-badge__selector-list{max-height:280px;overflow-y:auto;padding:4px 0;scrollbar-width:thin;scrollbar-color:rgba(60,90,140,.4) transparent}.player-badge__selector-item{display:flex;align-items:center;gap:8px;padding:6px 10px;cursor:pointer;transition:background .1s}.player-badge__selector-item:hover{background:#28468259}.player-badge__selector-item--selected{background:#2850a04d}.player-badge__selector-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.player-badge__selector-name{font-family:Azonix,sans-serif;font-size:11px;color:#ace;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.03em}.player-badge__selector-kind{font-family:Azonix,sans-serif;font-size:9px;color:#506ea0cc;text-transform:uppercase;letter-spacing:.08em;flex-shrink:0}.player-badge__selector-empty{padding:12px 10px;font-family:Azonix,sans-serif;font-size:11px;color:#506ea099;text-align:center;letter-spacing:.06em}.player-badge__ships-header{display:flex;align-items:stretch;border-bottom:1px solid rgba(60,90,140,.3)}.player-badge__ships-header .player-badge__selector-input{flex:1;border-bottom:none}.player-badge__ships-scan{flex-shrink:0;padding:0 10px;background:#1e376e80;border:none;border-left:1px solid rgba(60,90,140,.3);color:#64a0e6cc;font-family:Azonix,sans-serif;font-size:10px;letter-spacing:.06em;cursor:pointer;transition:background .15s,color .15s}.player-badge__ships-scan:hover:not(:disabled){background:#28468cb3;color:#8be}.player-badge__ships-scan--active,.player-badge__ships-scan:disabled{color:#64a0e680;cursor:default}.player-badge__ships-info{flex:1;display:flex;flex-direction:column;gap:1px;overflow:hidden}.player-badge__ships-location{font-family:Azonix,sans-serif;font-size:9px;color:#506ea0b3;letter-spacing:.06em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leaderboard-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;background:#00040eb8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center}.leaderboard-panel{background:#060e20f7;border:1px solid rgba(60,100,160,.4);border-radius:8px;box-shadow:0 8px 48px #000c,inset 0 1px #508cdc14;width:820px;height:560px;max-width:calc(100vw - 32px);max-height:calc(100vh - 60px);display:flex;flex-direction:column;overflow:hidden}.leaderboard-panel__header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 12px;border-bottom:1px solid rgba(60,90,140,.25);flex-shrink:0}.leaderboard-panel__title{font-family:Azonix,sans-serif;font-size:15px;letter-spacing:.14em;text-transform:uppercase;color:#ace;text-shadow:0 0 12px rgba(80,160,255,.25)}.leaderboard-panel__close{background:none;border:1px solid rgba(60,90,140,.25);border-radius:4px;color:#6496c899;cursor:pointer;font-size:13px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s,border-color .15s;padding:0;line-height:1}.leaderboard-panel__close:hover{background:#28468259;border-color:#508cdc80;color:#8be}.leaderboard-panel__body{overflow-y:auto;flex:1;padding:8px 0}.leaderboard-panel__loading,.leaderboard-panel__empty{font-family:Azonix,sans-serif;font-size:12px;color:#648cb480;text-align:center;padding:32px 0;letter-spacing:.1em}.leaderboard-panel__table{width:100%;border-collapse:collapse}.leaderboard-panel__th{font-family:Azonix,sans-serif;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#345;padding:6px 16px;text-align:left;border-bottom:1px solid rgba(60,90,140,.18);position:sticky;top:0;background:#060e20f7}.leaderboard-panel__th--rank,.leaderboard-panel__th--num{text-align:right;width:56px}.leaderboard-panel__row{transition:background .12s}.leaderboard-panel__row--even{background:#14234140}.leaderboard-panel__row:hover{background:#28468238}.leaderboard-panel__td{font-family:Azonix,sans-serif;font-size:12px;color:#ace;padding:7px 16px;border-bottom:1px solid rgba(40,60,100,.12)}.leaderboard-panel__td--rank{color:#5078a0b3;font-size:11px;text-align:right}.leaderboard-panel__td--nick{font-size:13px;color:#def}.leaderboard-panel__td--num{text-align:right;color:#8bd}.leaderboard-panel__class-badge{font-size:10px;letter-spacing:.08em;text-transform:uppercase}.mail-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;background:#00040eb8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center}.mail-panel{background:#060e20f7;border:1px solid rgba(60,100,160,.4);border-radius:8px;box-shadow:0 8px 48px #000c,inset 0 1px #508cdc14;width:820px;height:560px;max-width:calc(100vw - 32px);max-height:calc(100vh - 60px);display:flex;flex-direction:column;overflow:hidden}.mail-panel__header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 12px;border-bottom:1px solid rgba(60,90,140,.25);flex-shrink:0}.mail-panel__title{font-family:Azonix,sans-serif;font-size:15px;letter-spacing:.14em;text-transform:uppercase;color:#ace;text-shadow:0 0 12px rgba(80,160,255,.25);display:flex;align-items:center;gap:8px}.mail-panel__unread-badge{background:#50a0ff38;border:1px solid rgba(80,160,255,.45);border-radius:10px;color:#8cf;font-size:10px;font-family:Azonix,sans-serif;letter-spacing:.05em;padding:1px 6px;line-height:1.4}.mail-panel__close{background:none;border:1px solid rgba(60,90,140,.25);border-radius:4px;color:#6496c899;cursor:pointer;font-size:13px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s,border-color .15s;padding:0;line-height:1}.mail-panel__close:hover{background:#28468259;border-color:#508cdc80;color:#8be}.mail-panel__main{display:flex;flex:1;overflow:hidden}.mail-panel__sidebar{width:260px;flex-shrink:0;border-right:1px solid rgba(60,90,140,.25);display:flex;flex-direction:column;overflow:hidden}.mail-panel__sidebar-toolbar{padding:10px 12px;border-bottom:1px solid rgba(60,90,140,.2);flex-shrink:0}.mail-panel__new-btn{width:100%;background:#1e3c7866;border:1px solid rgba(60,110,200,.45);border-radius:4px;color:#adf;cursor:pointer;font-family:Azonix,sans-serif;font-size:10px;letter-spacing:.1em;padding:7px 12px;text-align:center;text-transform:uppercase;transition:background .15s,border-color .15s}.mail-panel__new-btn:hover{background:#2850aa8c;border-color:#5096ffa6}.mail-panel__loading,.mail-panel__empty{font-family:Azonix,sans-serif;font-size:11px;color:#648cb480;text-align:center;padding:28px 12px;letter-spacing:.08em}.mail-panel__list{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1}.mail-panel__item{display:flex;align-items:flex-start;gap:8px;padding:9px 12px;border-bottom:1px solid rgba(40,60,100,.18);cursor:pointer;transition:background .12s}.mail-panel__item:hover{background:#28468238}.mail-panel__item--selected{background:#1e418c61!important;border-left:2px solid rgba(80,150,255,.6);padding-left:10px}.mail-panel__item-content{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.mail-panel__item-top{display:flex;align-items:baseline;justify-content:space-between;gap:4px}.mail-panel__item-sender{font-family:Azonix,sans-serif;font-size:11px;color:#cce0ff;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.mail-panel__item--read .mail-panel__item-sender{color:#82a0bea6}.mail-panel__item-date{font-family:Azonix,sans-serif;font-size:9px;color:#5078aaa6;letter-spacing:.04em;white-space:nowrap;flex-shrink:0}.mail-panel__dot{width:6px;height:6px;border-radius:50%;background:#50a0ffd9;flex-shrink:0;margin-top:5px;box-shadow:0 0 6px #50a0ff80}.mail-panel__dot--read{background:transparent;box-shadow:none}.mail-panel__subject{font-family:Azonix,sans-serif;font-size:11px;color:#def;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-panel__subject--read{color:#96b4d280}.mail-panel__preview{font-family:Azonix,sans-serif;font-size:9px;color:#5a82aa8c;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-panel__content{flex:1;display:flex;flex-direction:column;overflow:hidden}.mail-panel__content-empty{flex:1;display:flex;align-items:center;justify-content:center;font-family:Azonix,sans-serif;font-size:11px;color:#5078aa73;letter-spacing:.08em;text-align:center;line-height:1.8}.mail-panel__message{display:flex;flex-direction:column;height:100%;overflow:hidden}.mail-panel__message-meta{border-bottom:1px solid rgba(60,90,140,.25);padding:14px 18px 12px;flex-shrink:0;display:flex;flex-direction:column;gap:5px}.mail-panel__meta-row{display:flex;align-items:baseline;gap:10px}.mail-panel__meta-label{font-family:Azonix,sans-serif;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#5078aa99;width:52px;flex-shrink:0}.mail-panel__meta-value{font-family:Azonix,sans-serif;font-size:11px;color:#ace;letter-spacing:.04em}.mail-panel__meta-subject{font-size:13px;color:#def;letter-spacing:.05em}.mail-panel__message-body{font-family:Azonix,sans-serif;font-size:12px;color:#ace;line-height:1.75;letter-spacing:.02em;white-space:pre-wrap;padding:16px 18px;overflow-y:auto;flex:1}.mail-panel__message-actions{padding:10px 18px 14px;border-top:1px solid rgba(60,90,140,.2);flex-shrink:0}.mail-panel__reply-btn{background:#1e3c7859;border:1px solid rgba(60,100,180,.4);border-radius:4px;color:#8be;cursor:pointer;font-family:Azonix,sans-serif;font-size:10px;letter-spacing:.1em;padding:6px 16px;text-transform:uppercase;transition:background .15s,border-color .15s}.mail-panel__reply-btn:hover{background:#2850a080;border-color:#508cdc99}.mail-panel__compose{padding:16px 18px 14px;display:flex;flex-direction:column;gap:10px;height:100%;box-sizing:border-box;overflow:hidden}.mail-panel__field{display:flex;flex-direction:column;gap:4px}.mail-panel__field--grow{flex:1;display:flex;flex-direction:column;min-height:0}.mail-panel__label{font-family:Azonix,sans-serif;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#5082b4b3}.mail-panel__select,.mail-panel__input{background:#0a1430cc;border:1px solid rgba(60,90,140,.35);border-radius:4px;color:#ace;font-family:Azonix,sans-serif;font-size:11px;letter-spacing:.04em;padding:7px 10px;outline:none;transition:border-color .15s;width:100%;box-sizing:border-box}.mail-panel__select:focus,.mail-panel__input:focus{border-color:#508cdc99}.mail-panel__select option{background:#0a1430;color:#ace}.mail-panel__textarea{background:#0a1430cc;border:1px solid rgba(60,90,140,.35);border-radius:4px;color:#ace;font-family:Azonix,sans-serif;font-size:11px;letter-spacing:.04em;line-height:1.7;outline:none;padding:8px 10px;resize:none;transition:border-color .15s;width:100%;box-sizing:border-box;flex:1}.mail-panel__textarea:focus{border-color:#508cdc99}.mail-panel__send-error{font-family:Azonix,sans-serif;font-size:10px;letter-spacing:.06em;color:#ff6450d9;flex-shrink:0}.mail-panel__send-ok{font-family:Azonix,sans-serif;font-size:10px;letter-spacing:.06em;color:#50dc8cd9;flex-shrink:0}.mail-panel__compose-actions{display:flex;justify-content:flex-end;flex-shrink:0}.mail-panel__send-btn{background:#1e46a073;border:1px solid rgba(60,120,220,.5);border-radius:4px;color:#adf;cursor:pointer;font-family:Azonix,sans-serif;font-size:11px;letter-spacing:.12em;padding:7px 24px;text-transform:uppercase;transition:background .15s,border-color .15s,opacity .15s}.mail-panel__send-btn:hover:not(:disabled){background:#285ac899;border-color:#5096ffb3}.mail-panel__send-btn:disabled{opacity:.4;cursor:not-allowed}.market-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;background:#0000008c;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.market-panel{width:820px;height:560px;max-width:calc(100vw - 32px);max-height:calc(100vh - 60px);display:flex;flex-direction:column;background:#081024f5;border:1px solid rgba(60,90,140,.4);border-radius:6px;box-shadow:0 8px 40px #000000b3,inset 0 1px #5082c81a;overflow:hidden}.market-panel--empire{border-color:#b4822880;box-shadow:0 8px 40px #000000b3,0 0 24px #b482281a}.market-panel--republic{border-color:#288ca080;box-shadow:0 8px 40px #000000b3,0 0 24px #288ca01a}.market-panel__header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 12px;border-bottom:1px solid rgba(60,90,140,.25);flex-shrink:0}.market-panel--empire .market-panel__header{border-bottom-color:#b4822833}.market-panel--republic .market-panel__header{border-bottom-color:#288ca033}.market-panel__title{font-family:Azonix,sans-serif;font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:#def}.market-panel--empire .market-panel__title{color:#f0cc70}.market-panel--republic .market-panel__title{color:#70dde0}.market-panel__close{background:none;border:none;color:#456;font-size:14px;cursor:pointer;padding:2px 4px;line-height:1;transition:color .15s}.market-panel__close:hover{color:#8ac}.market-panel__body{padding:16px;overflow-y:auto;flex:1;scrollbar-width:none}.market-panel__body::-webkit-scrollbar{display:none}.market-panel__loading,.market-panel__error{font-size:13px;font-style:italic;text-align:center;padding:24px 0;color:#567}.market-panel__error{color:#a54}.market-panel__table{width:100%;border-collapse:collapse}.market-panel__th{font-family:Azonix,sans-serif;font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:#345;padding:4px 8px 8px;border-bottom:1px solid rgba(60,90,140,.25)}.market-panel__th--resource{text-align:left}.market-panel__th--stock{text-align:right;color:#678}.market-panel__th--market{text-align:right;color:#59a}.market-panel__th--buy{text-align:right;color:#c84}.market-panel__th--sell{text-align:right;color:#4a7}.market-panel__th--action{text-align:right}.market-panel__row{border-bottom:1px solid rgba(40,60,100,.18);transition:background .1s}.market-panel__row:last-child{border-bottom:none}.market-panel__row:hover{background:#2846781a}.market-panel__td{padding:7px 8px;font-size:13px}.market-panel__td--resource{color:#89b;display:flex;align-items:center;gap:8px}.market-panel__td--stock,.market-panel__td--market,.market-panel__td--buy,.market-panel__td--sell,.market-panel__td--action{text-align:right;white-space:nowrap}.market-panel__icon{font-size:14px;flex-shrink:0;line-height:1}.market-panel__price{font-family:Azonix,sans-serif;font-size:12px}.market-panel__price--buy{color:#c95}.market-panel__price--sell{color:#5b8}.market-panel__price--na{color:#345;font-size:14px}.market-panel__stock{font-family:Azonix,sans-serif;font-size:11px;color:#79b}.market-panel__market-qty{font-family:Azonix,sans-serif;font-size:11px;color:#5fa8bb}.market-panel__source{padding:6px 16px;font-size:11px;color:#567;border-bottom:1px solid rgba(60,90,140,.15);flex-shrink:0}.market-panel__source strong{color:#89b;font-weight:400}.market-panel__sell-ok{font-size:12px;color:#5b8;text-align:center;padding:6px 0 2px;font-style:italic}.market-panel__sell-row{display:flex;align-items:center;justify-content:flex-end;gap:5px}.market-panel__qty{width:62px;background:#14233ccc;border:1px solid rgba(60,90,140,.35);border-radius:3px;color:#abc;font-family:Azonix,sans-serif;font-size:11px;padding:3px 5px;text-align:right;outline:none;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.market-panel__qty::-webkit-inner-spin-button,.market-panel__qty::-webkit-outer-spin-button{-webkit-appearance:none}.market-panel__qty:focus{border-color:#5082c880}.market-panel__qty:disabled{opacity:.4}.market-panel__sell-btn{background:#3c8c5a2e;border:1px solid rgba(60,140,90,.35);border-radius:3px;color:#5b8;font-family:Azonix,sans-serif;font-size:10px;letter-spacing:.05em;padding:3px 8px;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s}.market-panel__sell-btn:hover:not(:disabled){background:#3c8c5a52;border-color:#3c8c5a99}.market-panel__sell-btn:disabled{opacity:.35;cursor:default}.market-panel__ships{padding:14px 16px;display:flex;flex-direction:column;gap:12px;height:100%}.market-panel__ships-title{font-size:12px;color:#89a;line-height:1.5}.market-panel__ships-title strong{color:#ace;font-weight:400}.market-panel__ships-empty{font-size:12px;color:#b46e6ed9;font-style:italic}.market-panel__ships-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:2px;border:1px solid rgba(60,90,140,.2);border-radius:4px;padding:6px}.market-panel__ship-row{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:3px;cursor:pointer;transition:background .12s}.market-panel__ship-row:hover{background:#28468238}.market-panel__ship-name{font-size:12px;color:#ace}.market-panel__ships-actions{display:flex;justify-content:flex-end;gap:8px;flex-shrink:0}.market-panel__ships-cancel{background:none;border:1px solid rgba(60,90,140,.3);border-radius:3px;color:#7896becc;font-family:Azonix,sans-serif;font-size:10px;letter-spacing:.05em;padding:3px 10px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.market-panel__ships-cancel:hover:not(:disabled){background:#2846824d;color:#8be}.market-panel__ships-cancel:disabled{opacity:.35;cursor:default}.prod-graph__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000ab8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:flex;align-items:center;justify-content:center}.prod-graph__panel{background:#090f1a;border:1px solid rgba(100,160,255,.22);border-radius:8px;width:min(92vw,960px);max-height:92vh;display:flex;flex-direction:column;box-shadow:0 12px 50px #000000a6}.prod-graph__header{display:flex;align-items:center;justify-content:space-between;padding:11px 16px;border-bottom:1px solid rgba(100,160,255,.14);flex-shrink:0}.prod-graph__title{font-family:Azonix,monospace;font-size:13px;letter-spacing:.12em;color:#8af;text-transform:uppercase}.prod-graph__close{background:none;border:none;color:#ffffff59;cursor:pointer;font-size:14px;padding:2px 6px;line-height:1;transition:color .15s}.prod-graph__close:hover{color:#fff}.prod-graph__legend{display:flex;flex-wrap:wrap;gap:6px 14px;padding:8px 16px;border-bottom:1px solid rgba(100,160,255,.1);flex-shrink:0}.prod-graph__legend-item{display:flex;align-items:center;gap:5px;font-family:Azonix,monospace;font-size:9px;letter-spacing:.06em;color:#ffffff73}.prod-graph__body{flex:1;overflow:hidden;display:flex;min-height:0}.prod-graph__scroll{overflow:auto;flex:1;padding:12px;scrollbar-width:thin;scrollbar-color:rgba(100,160,255,.25) transparent}.prod-graph__scroll::-webkit-scrollbar{width:6px;height:6px}.prod-graph__scroll::-webkit-scrollbar-track{background:transparent}.prod-graph__scroll::-webkit-scrollbar-thumb{background:#64a0ff40;border-radius:3px}.prod-graph__status{flex:1;display:flex;align-items:center;justify-content:center;color:#ffffff59;font-family:monospace;font-size:13px;padding:60px}.prod-graph__status--err{color:#f66}.info-panel{position:absolute;top:0;left:0;width:408px;height:100%;z-index:10;transform:translate(-408px);transition:transform .38s cubic-bezier(.25,.46,.45,.94);pointer-events:none}.info-panel--entered{transform:translate(0);pointer-events:auto}.info-panel__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none}.info-panel__content{position:absolute;left:15px;top:15px;width:376px;bottom:15px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:16px;z-index:1}.info-panel__content{scrollbar-width:none}.info-panel__content::-webkit-scrollbar{display:none}.info-panel__name-row{display:flex;align-items:flex-start;gap:6px;padding-top:2px}.info-panel__kind-icon{font-size:13px;color:#456;flex-shrink:0;margin-top:2px;opacity:.7}.info-panel__title{font-family:Azonix,sans-serif;font-size:17px;color:#def;flex:1;line-height:1.25;text-shadow:0 1px 6px rgba(0,0,0,.9)}.info-panel__close{background:none;border:none;color:#445;font-size:15px;cursor:pointer;padding:1px 3px;line-height:1;transition:color .15s;flex-shrink:0;margin-top:1px}.info-panel__close:hover{color:#8ac}.info-panel__faction{display:flex;align-items:center;gap:8px;padding:5px 8px;border:1px solid rgba(80,120,180,.15);border-left:3px solid;border-radius:2px;background:#0a14284d}.info-panel__faction-icon{font-size:14px;flex-shrink:0;line-height:1}.info-panel__faction-body{display:flex;flex-direction:column;gap:1px}.info-panel__faction-label{font-family:Azonix,sans-serif;font-size:8px;letter-spacing:.15em;color:#345;text-transform:uppercase}.info-panel__faction-name{font-family:Azonix,sans-serif;font-size:12px;letter-spacing:.06em}.info-panel__desc{font-size:13px;color:#78a;line-height:1.65;font-style:italic;border-left:2px solid rgba(60,90,140,.4);padding-left:8px}.info-panel__section{display:flex;flex-direction:column;gap:8px}.info-panel__tab-content>.info-panel__section+.info-panel__section{border-top:1px solid rgba(50,80,130,.22);padding-top:12px}.info-panel__label{font-family:Azonix,sans-serif;font-size:9px;letter-spacing:.15em;color:#57a;text-transform:uppercase;display:flex;align-items:center;gap:8px}.info-panel__label:after{content:"";flex:1;height:1px;background:#3c5a8c47}.info-panel__table{width:100%;border-collapse:collapse}.info-panel__table tr:last-child td{border-bottom:none}.info-panel__res-name{font-size:13px;color:#89b;padding:2px 0;border-bottom:1px solid rgba(40,60,100,.2)}.info-panel__res-name-inner{display:inline-flex;align-items:center;gap:5px}.info-panel__res-icon{flex-shrink:0;opacity:.85}.info-panel__res-amt{font-size:12px;font-family:Azonix,sans-serif;color:#57a;text-align:right;border-bottom:1px solid rgba(40,60,100,.2);white-space:nowrap;padding:2px 0 2px 8px}.info-panel__res-amt--infinite{font-size:16px;color:#adf;font-family:sans-serif;line-height:1}.info-panel__empty-resources{font-size:10px;color:#334;font-style:italic;padding:4px 0}.info-panel__tabs{display:flex;gap:4px;border-bottom:1px solid rgba(60,90,140,.25);padding-bottom:4px;flex-shrink:0}.info-panel__tab{background:none;border:1px solid rgba(60,90,140,.2);border-radius:3px 3px 0 0;color:#456;font-family:Azonix,sans-serif;font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;cursor:pointer;transition:color .15s,border-color .15s,background .15s;flex:1}.info-panel__tab:hover{color:#8ac;border-color:#5078b466}.info-panel__tab--active{color:#ace;border-color:#5082c880;background:#2846782e}.info-panel__tab-content{display:flex;flex-direction:column;gap:12px}.info-panel__building-group{display:flex;flex-direction:column;gap:2px}.info-panel__building-group+.info-panel__building-group{margin-top:6px}.info-panel__building-cat-label{font-size:9px;font-family:Azonix,monospace;letter-spacing:.08em;color:#88aaff8c;text-transform:uppercase;padding:2px 0 1px}.info-panel__buildings-list{display:flex;flex-direction:column;gap:3px}.info-panel__building-row{display:flex;align-items:center;justify-content:space-between;padding:2px 0;border-bottom:1px solid rgba(40,60,100,.2)}.info-panel__building-row:last-child{border-bottom:none}.info-panel__building-info{display:flex;align-items:center;gap:6px;min-width:0}.info-panel__building-icon{flex-shrink:0;opacity:.85}.info-panel__building-icon--detail{opacity:1}.info-panel__building-name{font-size:13px;color:#89b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-panel__building-progress{font-size:11px;font-family:Azonix,sans-serif;color:#6a8}.info-panel__building-throttle{font-size:11px;font-family:Azonix,sans-serif;color:#57a;min-width:32px;text-align:center}.info-panel__throttle-ctrl{display:flex;align-items:center;gap:3px;flex-shrink:0}.info-panel__throttle-btn{background:none;border:1px solid rgba(60,90,140,.25);border-radius:2px;color:#456;font-size:12px;line-height:1;width:16px;height:16px;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .1s,border-color .1s,background .1s}.info-panel__throttle-btn:hover:not(:disabled){color:#8ac;border-color:#5078b473;background:#28467826}.info-panel__throttle-btn:disabled{opacity:.25;cursor:default}.info-panel__building-progress-bar{width:100px;height:6px;background:#1e325099;border-radius:3px;overflow:hidden;flex-shrink:0}.info-panel__building-progress-fill{height:100%;background:linear-gradient(90deg,#486,#6c8);border-radius:3px;transition:width .1s linear}.info-panel__build-status{font-size:10px;color:#456;font-style:italic;padding:4px 0}.info-panel__build-status--error{color:#a54}.info-panel__build-cats{display:flex;width:100%;gap:4px}.info-panel__build-cat{flex:1;background:none;border:1px solid rgba(60,90,140,.2);border-radius:2px;color:#456;font-family:Azonix,sans-serif;font-size:9px;letter-spacing:.1em;text-transform:uppercase;padding:4px 8px;text-align:center;cursor:pointer;transition:color .15s,border-color .15s,background .15s}.info-panel__build-cat:hover{color:#8ac;border-color:#5078b466}.info-panel__build-cat--active{color:#ace;border-color:#5082c880;background:#2846782e}.info-panel__build-list{display:flex;flex-direction:column;gap:2px}.info-panel__build-item{display:flex;align-items:center;gap:6px;background:none;border:1px solid rgba(40,70,120,.15);border-radius:2px;color:#78a;font-size:13px;text-align:left;padding:5px 8px;cursor:pointer;transition:color .15s,border-color .15s,background .15s}.info-panel__build-item:hover{color:#abd;border-color:#5078b459;background:#2846781a}.info-panel__build-item--selected{color:#def;border-color:#508cdc80;background:#28509633}.info-panel__build-detail{display:flex;flex-direction:column;gap:6px;padding:8px;border:1px solid rgba(60,90,140,.25);border-radius:3px;background:#0a142840}.info-panel__build-detail-name{display:flex;align-items:center;gap:7px;font-family:Azonix,sans-serif;font-size:12px;color:#ace;letter-spacing:.06em}.info-panel__build-detail-desc{font-size:10px;color:#67a;line-height:1.55;font-style:italic}.info-panel__build-io{display:flex;flex-direction:column;gap:2px}.info-panel__build-io-label{font-family:Azonix,sans-serif;font-size:9px;letter-spacing:.12em;color:#345;text-transform:uppercase;margin-bottom:1px}.info-panel__build-io-row{display:flex;justify-content:space-between;font-size:12px;color:#78a;padding:2px 0;border-bottom:1px solid rgba(40,60,100,.15)}.info-panel__build-io-row:last-child{border-bottom:none}.info-panel__build-io-num{font-family:Azonix,sans-serif;font-size:11px}.info-panel__build-io-num--in{color:#c86}.info-panel__build-io-num--out{color:#6a8}.info-panel__buy-msg{font-size:10px;font-style:italic;padding:2px 0}.info-panel__buy-msg--ok{color:#6a8}.info-panel__buy-msg--error{color:#a54}.info-panel__buy-btn{align-self:flex-end;background:#2850964d;border:1px solid rgba(80,130,220,.4);border-radius:3px;color:#ace;font-family:Azonix,sans-serif;font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:6px 18px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.info-panel__buy-btn:hover:not(:disabled){background:#3264be66;border-color:#64a0ff8c;color:#def}.info-panel__buy-btn:disabled{opacity:.45;cursor:default}.info-panel__launch-bar{display:flex;align-items:center;gap:8px;margin-top:8px;flex-wrap:wrap}.info-panel__launch-btn{font-family:Azonix,sans-serif;font-size:11px;letter-spacing:.1em;text-transform:uppercase;background:#1e501e59;border:1px solid rgba(100,220,100,.35);color:#9e9;padding:5px 14px;cursor:pointer;transition:background .15s,border-color .15s}.info-panel__launch-btn:hover{background:#28782880;border-color:#78ff788c}.info-panel__launch-picker{display:flex;flex-direction:column;gap:6px;margin-top:8px}.info-panel__launch-select{background:#0a1428d9;border:1px solid rgba(80,140,220,.4);color:#c8daee;font-size:12px;padding:5px 8px;width:100%;cursor:pointer}.info-panel__launch-select option{background:#0a1428}.info-panel__launch-actions{display:flex;gap:6px}.info-panel__launch-confirm,.info-panel__launch-cancel{font-family:Azonix,sans-serif;font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:5px 14px;cursor:pointer;transition:background .15s,border-color .15s}.info-panel__launch-confirm{background:#1e501e59;border:1px solid rgba(100,220,100,.35);color:#9e9;flex:1}.info-panel__launch-confirm:hover:not(:disabled){background:#28782880}.info-panel__launch-confirm:disabled{opacity:.4;cursor:default}.info-panel__launch-cancel{background:#3c141459;border:1px solid rgba(180,80,80,.35);color:#e99}.info-panel__launch-cancel:hover{background:#641e1e80}.info-panel__launch-resources{display:flex;flex-direction:column;gap:4px;padding:6px 0;border-top:1px solid rgba(80,140,220,.2);border-bottom:1px solid rgba(80,140,220,.2)}.info-panel__launch-res-row{display:flex;align-items:center;gap:6px}.info-panel__launch-res-label{font-size:11px;color:#8aa8cc;width:72px;flex-shrink:0}.info-panel__launch-res-avail{font-size:10px;color:#567;width:48px;text-align:right;flex-shrink:0}.info-panel__launch-res-input{background:#0a1428d9;border:1px solid rgba(80,140,220,.4);color:#c8daee;font-size:12px;padding:3px 6px;width:70px;text-align:right}.info-panel__launch-msg{font-size:11px;color:#9e9}.info-panel__launch-msg:not(:empty){padding:2px 0}.timer-ctrl{position:absolute;bottom:18px;left:50%;transform:translate(-50%);z-index:10;display:flex;align-items:center;gap:4px;background:#040814d1;border:1px solid rgba(60,100,180,.3);border-radius:22px;padding:5px 16px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 2px 12px #0006}.timer-ctrl__btn{background:#325aa040;border:1px solid rgba(80,130,220,.35);border-radius:50%;width:26px;height:26px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#8bf;font-size:18px;line-height:1;font-family:Azonix,sans-serif;transition:background .12s,color .12s,transform .08s;flex-shrink:0}.timer-ctrl__btn:hover{background:#5082ff66;color:#fff}.timer-ctrl__btn:active{transform:scale(.9)}.timer-ctrl__label{font-family:Azonix,sans-serif;font-size:10px;letter-spacing:.12em;color:#3a5080;margin:0 4px}.timer-ctrl__val{font-family:Azonix,sans-serif;font-size:15px;color:#7aacff;min-width:30px;text-align:center}.minimap{position:absolute;bottom:18px;right:18px;z-index:10;display:flex;flex-direction:column;gap:3px;pointer-events:auto}.minimap__label{font-family:Azonix,sans-serif;font-size:10px;letter-spacing:.12em;color:#2a3a55;text-align:center}.minimap__canvas{display:block;border-radius:3px;cursor:crosshair;opacity:.82;transition:opacity .2s;border:1px solid rgba(50,80,140,.45);box-shadow:0 2px 10px #0000008c}.minimap__canvas:hover{opacity:1}.splash-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;opacity:0;pointer-events:none;z-index:999;transition:opacity .5s ease-in-out;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px}.splash-overlay--visible{opacity:1;pointer-events:all}.splash-overlay__msg{display:flex;flex-direction:column;align-items:center;gap:14px;color:#556;font-family:Azonix,sans-serif;font-size:13px;letter-spacing:.08em}.splash-overlay__spinner{width:28px;height:28px;border:2px solid #223;border-top-color:#446;border-radius:50%;animation:splashSpin .9s linear infinite}@keyframes splashSpin{to{transform:rotate(360deg)}}.tutorial-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000}.tutorial-overlay--modal{display:flex;align-items:center;justify-content:center;background:#040814b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:tutorial-fade .18s ease-out}.tutorial-overlay--spotlight{pointer-events:none}@keyframes tutorial-fade{0%{opacity:0}to{opacity:1}}.tutorial-overlay__dialog{position:relative;width:460px;max-width:calc(100vw - 40px);max-height:calc(100vh - 60px);display:flex;flex-direction:column;padding:26px 28px 20px;background:#081024f7;border:1px solid rgba(60,90,140,.4);border-radius:10px;box-shadow:0 8px 40px #000000b3,inset 0 0 0 1px #5082c80f;animation:tutorial-rise .2s ease-out}@keyframes tutorial-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tutorial-overlay__close{position:absolute;top:10px;right:12px;width:26px;height:26px;background:none;border:none;color:#78a0dc99;font-size:22px;line-height:1;cursor:pointer;border-radius:4px;transition:color .15s,background .15s}.tutorial-overlay__close:hover{color:#ace;background:#28468266}.tutorial-overlay__icon{width:54px;height:54px;margin:4px auto 14px;color:#64b4ffe6}.tutorial-overlay__icon svg{width:100%;height:100%;display:block;filter:drop-shadow(0 0 8px rgba(80,140,220,.35))}.tutorial-overlay__title{margin:0 0 14px;text-align:center;font-family:Azonix,sans-serif;font-size:16px;letter-spacing:.05em;color:#def;text-shadow:0 1px 6px rgba(0,0,0,.9)}.tutorial-overlay__body{flex:1;overflow-y:auto;min-height:96px;color:#ace;font-size:13px;line-height:1.6;scrollbar-width:thin;scrollbar-color:rgba(60,90,140,.4) transparent}.tutorial-overlay__body p{margin:0 0 10px}.tutorial-overlay__body ul{margin:0;padding-left:18px}.tutorial-overlay__body li{margin-bottom:8px}.tutorial-overlay__body strong{color:#def;font-weight:600}.tutorial-overlay__nav{display:flex;align-items:center;justify-content:space-between}.tutorial-overlay__nav-right{display:flex;gap:8px}.tutorial-overlay__btn{padding:7px 16px;background:#2850a073;border:1px solid rgba(80,140,220,.45);border-radius:5px;color:#cce4ff;font-family:Azonix,sans-serif;font-size:11px;letter-spacing:.05em;cursor:pointer;transition:background .15s,border-color .15s,color .15s,opacity .15s}.tutorial-overlay__btn:hover:not(:disabled){background:#3264be99;border-color:#64a0ffb3;color:#fff}.tutorial-overlay__btn--ghost{background:none;border-color:#3c5a8c59;color:#78a0dcbf}.tutorial-overlay__btn--ghost:hover:not(:disabled){background:#2846824d;border-color:#508cdc80;color:#8be}.tutorial-overlay__btn:disabled{opacity:.35;cursor:default}.tutorial-overlay__progress-text{text-align:center;margin-top:14px;font-family:Azonix,sans-serif;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#5a78aab3}.tutorial-overlay__spotlight{position:fixed;border-radius:8px;pointer-events:none;box-shadow:0 0 0 2px #64c8ffe6,0 0 14px 2px #50a0ff8c,0 0 0 9999px #04081499;animation:tutorial-pulse 1.6s ease-in-out infinite;transition:top .12s ease,left .12s ease,width .12s ease,height .12s ease}@keyframes tutorial-pulse{0%,to{box-shadow:0 0 0 2px #64c8ffe6,0 0 14px 2px #50a0ff80,0 0 0 9999px #04081499}50%{box-shadow:0 0 0 3px #8cdcff,0 0 22px 6px #50a0ffbf,0 0 0 9999px #04081499}}.tutorial-overlay__callout{position:fixed;pointer-events:auto;box-sizing:border-box;padding:14px 16px 12px;background:#081024fa;border:1px solid rgba(80,140,220,.5);border-radius:8px;box-shadow:0 8px 32px #000000b3;animation:tutorial-rise .18s ease-out}.tutorial-overlay__callout-step{font-family:Azonix,sans-serif;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#64c8ffd9;margin-bottom:6px}.tutorial-overlay__callout-title{margin:0 0 8px;font-family:Azonix,sans-serif;font-size:14px;letter-spacing:.04em;color:#def}.tutorial-overlay__callout-body{font-size:12.5px;line-height:1.55;color:#ace}.tutorial-overlay__callout-body p{margin:0}.tutorial-overlay__callout-body strong{color:#def;font-weight:600}.tutorial-overlay__callout-hint{margin:8px 0 0;font-size:11px;font-style:italic;color:#7896c8a6}.tutorial-overlay__callout-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;padding-top:10px;border-top:1px solid rgba(60,90,140,.3)}.tutorial-overlay__link{background:none;border:none;padding:2px 4px;cursor:pointer;font-family:Azonix,sans-serif;font-size:10px;letter-spacing:.04em;color:#78a0dcbf;transition:color .15s}.tutorial-overlay__link:hover:not(:disabled){color:#ace}.tutorial-overlay__link:disabled{opacity:.3;cursor:default}.tutorial-overlay__link--accent{color:#64c8ffe6}.tutorial-overlay__link--accent:hover{color:#cce8ff}.hover-hud{position:fixed;pointer-events:none;z-index:200;min-width:160px;max-width:220px;background:#060e1aeb;border:1px solid rgba(72,128,200,.45);border-radius:6px;padding:8px 10px;font-size:12px;color:#c0d4ec;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);-webkit-user-select:none;user-select:none;box-shadow:0 2px 12px #0009}.hover-hud__name{font-size:13px;font-weight:600;color:#e4f0ff;margin-bottom:6px;padding-bottom:5px;border-bottom:1px solid rgba(72,128,200,.3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hover-hud__page-label{font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:#5888b8;margin-bottom:4px}.hover-hud__list{list-style:none;margin:0;padding:0;max-height:160px;overflow:hidden}.hover-hud__item{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:2px 0}.hover-hud__resource{color:#98b8d8;font-size:11px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hover-hud__amount{color:#6cc890;font-size:11px;font-variant-numeric:tabular-nums;flex-shrink:0}.hover-hud__empty,.hover-hud__loading{color:#486080;font-size:11px;font-style:italic}.hover-hud__footer{display:flex;justify-content:space-between;align-items:center;margin-top:6px;padding-top:5px;border-top:1px solid rgba(72,128,200,.2)}.hover-hud__pages{display:flex;gap:4px}.hover-hud__dot{width:5px;height:5px;border-radius:50%;background:#2a4060}.hover-hud__dot--active{background:#4888cc}.hover-hud__hint{font-size:10px;color:#3a5878}.main-page{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.demo-banner{position:absolute;bottom:56px;right:12px;background:#c878001f;border:1px solid rgba(200,120,0,.25);color:#ffb347;font-family:Azonix,sans-serif;font-size:9px;padding:3px 8px;border-radius:4px;pointer-events:none;letter-spacing:.06em}