.atlas-page{height:auto;min-height:100%;overflow-x:hidden;overflow-y:auto}.atlas-page .online-body{height:auto;min-height:100dvh;overflow:visible}
:root{--atlas-ease:cubic-bezier(.2,.75,.2,1)}
[hidden]{display:none!important}
.welcome{max-width:1200px;grid-template-columns:41% 59%;min-height:740px;animation:atlas-rise .65s var(--atlas-ease)}
.welcome-visual{overflow:hidden;background-position:58% 40%;isolation:isolate}.welcome-visual>div:not(.atlas-orbit){z-index:1}.welcome-visual h1{font-size:62px;letter-spacing:-3px}.welcome-visual .visual-globe{display:none}.welcome-visual p{max-width:310px}.welcome-form{padding:34px 38px}.welcome-form h2{font-size:32px}.welcome-form .online-muted{margin-bottom:19px}.mode-grid{grid-template-columns:repeat(4,1fr);margin:17px 0;gap:7px}.mode-option{transition:background .2s,border-color .2s,transform .2s;min-width:0;padding:12px 9px;gap:7px}.mode-option:hover{transform:translateY(-3px)}.mode-option strong{font-size:10px}.mode-option small{font-size:7px}.mode-symbol{font-size:24px}.mode-option:has(input:checked){box-shadow:0 4px 18px #7148e812}
.atlas-orbit{position:absolute;width:450px;height:450px;left:-65px;top:80px;border:1px solid #ffffff24;border-radius:50%;z-index:-1;animation:orbit-spin 80s linear infinite}.atlas-orbit:after,.atlas-orbit:before{content:'';position:absolute;border:1px solid #ffffff20;inset:35px;border-radius:50%;transform:rotate(-25deg) scaleX(.46)}.atlas-orbit:after{transform:rotate(35deg) scaleX(.65)}.atlas-orbit i{position:absolute;top:50%;left:0;width:9px;height:9px;border-radius:50%;background:var(--lime);box-shadow:0 0 18px #d0f58099}.atlas-orbit i:nth-child(2){left:90%;top:20%;width:5px;height:5px;background:white}.atlas-orbit i:nth-child(3){left:80%;top:90%;width:6px;height:6px;background:#c1a4ff}
.picker-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:3px 0 9px}.picker-heading .field-label{margin:0}.text-button{font:600 10px var(--font);color:var(--purple);padding:5px 0;cursor:pointer;background:transparent;border:0}.text-button:hover{text-decoration:underline}.map-picker{padding:14px 15px;background:#f5f1f9;border:1px solid #e9e1f1;border-radius:12px}.map-picker .online-input{height:39px;font-size:11px}.map-description{font-size:9px;line-height:1.7;color:#998aa4;margin:8px 0 0;min-height:30px}.game-options{display:grid;grid-template-columns:1fr .65fr 1.3fr;gap:10px;margin:17px 0}.game-options label{display:flex;flex-direction:column;gap:7px;font-size:9px;color:#93839f}.game-options select{height:34px;min-width:0;width:100%;font:600 10px var(--font);color:#715c87;border:1px solid #e4dcec;border-radius:7px;padding:0 7px;background:#fff}.welcome-bottom{display:flex;justify-content:space-between;margin-top:13px;gap:10px;align-items:center}.welcome-bottom a{font-size:8px;color:#aa9cb4}.join-separator{margin:17px 0 12px}.catalog-note{font-size:9px}.primary-button{position:relative;transition:transform .18s,box-shadow .18s,background .2s}.primary-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 9px 26px #7148e82a}.primary-button:active:not(:disabled){transform:translateY(0)}.primary-button.is-loading:before{content:'';width:13px;height:13px;border:2px solid #fff6;border-top-color:#fff;border-radius:50%;position:absolute;left:17px;top:16px;animation:orbit-spin .7s linear infinite}.primary-button.is-loading{background:#8f71ce;color:white}
.atlas-dialog{border:1px solid #e8dfef;border-radius:22px;padding:28px;width:min(850px,calc(100vw - 32px));max-height:88dvh;overflow-y:auto;color:var(--ink);background:#fcfbfa;box-shadow:0 30px 100px #25163c38}.atlas-dialog::backdrop{background:#21182f80;backdrop-filter:blur(7px)}.atlas-dialog[open]{animation:atlas-rise .25s var(--atlas-ease)}.atlas-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:15px}.atlas-dialog-header h2{font-size:29px;letter-spacing:-1px;margin:8px 0 16px}.atlas-close{font-size:30px;color:#9a88a7;border:0;background:#f2edf7;width:37px;height:37px;border-radius:50%;cursor:pointer;align-self:flex-start}.atlas-tabs{display:flex;gap:6px;border-bottom:1px solid #e9e0f0;margin:5px 0 18px;overflow-x:auto}.atlas-tabs button{font:600 11px var(--font);color:#9f8baa;border:0;background:transparent;padding:12px 14px;white-space:nowrap;cursor:pointer;border-bottom:2px solid transparent}.atlas-tabs button.active{color:var(--purple);border-bottom-color:var(--purple)}.atlas-help{font-size:11px;line-height:1.85;color:#9987a4;margin:0 0 18px}.atlas-panel:not([hidden]){animation:atlas-rise .25s var(--atlas-ease)}.atlas-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:23px}.atlas-card{border:1px solid #e4dced;border-radius:13px;padding:16px 13px;display:flex;align-items:flex-start;flex-direction:column;gap:8px;background:#fff;text-align:left;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s}.atlas-card:hover{border-color:#a481e4;transform:translateY(-3px);box-shadow:0 8px 25px #7148e811}.atlas-card-symbol{font-size:28px;color:#8961df}.atlas-card strong{font-size:11px}.atlas-card small{font-size:8px;line-height:1.7;color:#a291ae}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-top:25px;gap:10px}.section-heading h3{font-size:14px}.file-button{cursor:pointer}.saved-map-list{display:grid;gap:9px}.saved-map-row{border:1px solid #e7e0ed;border-radius:10px;padding:12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.saved-map-title{display:flex;flex-direction:column;gap:5px;text-align:left;cursor:pointer;min-width:0}.saved-map-title strong{font-size:12px;overflow-wrap:anywhere}.saved-map-title small{font-size:9px;color:#aa98b5}.saved-map-actions{display:flex;gap:10px;flex-wrap:wrap}.saved-map-actions .text-button{font-size:9px}.atlas-empty{padding:22px;text-align:center;background:#f5f0f9;border-radius:12px;font-size:11px;color:#a08cae;line-height:1.9}.atlas-message{font-size:11px;color:#8861a7;line-height:1.8;margin:15px 0 0;min-height:17px}#atlas-editor-map{height:350px;border-radius:13px;background:#d9e8ed}.editor-toolbar{display:flex;justify-content:flex-end;gap:16px;align-items:center;margin:10px 0 16px}.editor-toolbar>span{margin-right:auto;font-size:10px;color:#a48eb3}.editor-save{display:grid;grid-template-columns:1fr 1fr;gap:12px}.editor-save .primary-button{font-size:11px}.custom-place-form{border:1px solid #e6deed;border-radius:12px;padding:18px;margin:16px 0}.custom-place-form label{display:flex;flex-direction:column;gap:7px;font-size:10px;color:#9a84a7;margin-bottom:12px}.coordinate-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.custom-place-form details{margin:13px 0;font-size:10px;color:#9c85ac}.custom-place-form summary{cursor:pointer;margin-bottom:12px}.custom-place-form .join-button{width:100%}.custom-points-list{max-height:220px;overflow-y:auto;margin:15px 0}.custom-point{display:flex;gap:12px;justify-content:space-between;font-size:11px;padding:10px 5px;border-bottom:1px solid #ece4f1}.atlas-remove{font-size:18px;color:#aa88bd;cursor:pointer}.atlas-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:8px 0 25px}.atlas-stats>div{display:flex;flex-direction:column;gap:9px;padding:23px 15px;background:#f0e9fa;border-radius:12px}.atlas-stats strong{font-size:27px;color:var(--purple);letter-spacing:-1px}.atlas-stats span{font-size:10px;color:#9f8baa}.travel-row{padding:16px 4px;border-bottom:1px solid #e8deef;display:flex;justify-content:space-between;gap:15px;align-items:center}.travel-row>div{display:flex;flex-direction:column;gap:6px}.travel-row strong,.travel-row b{font-size:12px}.travel-row b{color:var(--purple);white-space:nowrap}.travel-row small{font-size:9px;color:#a38db1}
.lobby-player{animation:atlas-rise .3s var(--atlas-ease)}.route-controls{position:absolute;z-index:4;left:50%;bottom:35px;transform:translateX(-50%);display:flex;align-items:center;gap:7px;padding:9px 12px;background:#292335da;border:1px solid #ffffff25;backdrop-filter:blur(12px);border-radius:16px;color:#fff;box-shadow:0 8px 25px #0002}.route-controls button{background:#fff1;border:1px solid #fff2;border-radius:10px;width:44px;height:43px;color:white;font-size:23px;cursor:pointer;transition:transform .18s,background .18s}.route-controls button:hover:not(:disabled){transform:translateY(-3px);background:#a586e777}.route-controls button:disabled{opacity:.25;cursor:default}.route-controls span{font-size:9px;max-width:100px;line-height:1.6;margin:0 4px}.game-compass{position:absolute;left:30px;top:105px;z-index:3;display:flex;align-items:center;gap:8px;color:white;font-size:9px;padding:8px;background:#29233599;border-radius:20px}.game-compass>span:first-child{display:inline-block;color:var(--lime);font-size:20px}.scene-enter{animation:scene-reveal .45s var(--atlas-ease)}.online-game:fullscreen{height:100dvh}.online-game:fullscreen .map-card{bottom:28px}.online-game .explore-controls{gap:8px}.online-game .view-zoom{margin-top:0}
@keyframes atlas-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes scene-reveal{from{opacity:.4;filter:blur(3px)}to{opacity:1;filter:blur(0)}}
@media(max-width:1100px){.welcome{grid-template-columns:38% 62%}.welcome-visual h1{font-size:51px}.welcome-form{padding:29px}.atlas-card-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:780px){.welcome{grid-template-columns:1fr;max-width:590px;min-height:0}.welcome-visual{min-height:225px}.welcome-visual h1{font-size:42px;margin:8px 0}.welcome-visual h1 br{display:none}.welcome-visual p{font-size:11px;margin:8px 0}.atlas-orbit{top:-130px;left:140px}.welcome-form{padding:27px}.route-controls{left:22px;bottom:140px;transform:none;max-width:210px}.route-controls span{display:none}.route-controls button{width:38px;height:37px}.game-compass{top:79px;left:20px}.atlas-dialog{padding:22px}.atlas-dialog-header h2{font-size:25px}}
@media(max-width:560px){.welcome{margin:13px 10px}.welcome-form{padding:24px 18px}.welcome-visual{min-height:190px;padding:22px}.welcome-visual h1{font-size:35px;letter-spacing:-1.8px}.welcome-visual p{max-width:280px;font-size:9px}.mode-grid{gap:5px}.mode-option{padding:11px 6px}.mode-option strong{font-size:8px}.mode-option small{font-size:6px;line-height:1.8}.mode-option input{right:6px;top:8px;width:9px;height:9px}.mode-symbol{font-size:21px}.map-picker{padding:12px}.map-description{font-size:8px}.picker-heading .text-button{font-size:9px}.game-options{gap:7px}.game-options select{font-size:9px;padding:0 5px}.atlas-dialog{padding:18px 14px;border-radius:16px;max-height:92dvh;width:calc(100vw - 18px)}.atlas-dialog-header h2{font-size:23px}.atlas-tabs{gap:0}.atlas-tabs button{font-size:10px;padding:11px 10px}.atlas-card-grid{grid-template-columns:repeat(2,1fr);gap:8px}.atlas-card{padding:13px 12px}.atlas-help{font-size:10px}.saved-map-row{align-items:flex-start;flex-direction:column}.saved-map-actions{gap:16px}.coordinate-fields{gap:9px}.editor-save{grid-template-columns:1fr}.editor-toolbar{gap:9px}.editor-toolbar .text-button{font-size:9px}#atlas-editor-map{height:300px}.atlas-stats{gap:7px}.atlas-stats>div{padding:18px 10px}.atlas-stats strong{font-size:24px}.atlas-stats span{font-size:8px}.travel-row small{font-size:8px}.travel-row strong,.travel-row b{font-size:10px}.route-controls{left:auto;right:12px;bottom:346px;padding:5px;gap:4px;border-radius:12px}.route-controls button{width:31px;height:31px;font-size:20px}.online-game .explore-controls{bottom:340px;gap:4px}.online-game .explore-controls .glass-button{width:34px;height:34px}.game-compass{top:67px;left:13px;padding:5px 8px;font-size:7px}.game-compass>span:first-child{font-size:16px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

@media(max-width:560px){.mode-grid{grid-template-columns:1fr 1fr;gap:8px}.mode-option{display:grid;grid-template-columns:24px 1fr;gap:4px 9px;padding:12px}.mode-symbol{grid-row:1 / 3;align-self:center}.mode-option strong{font-size:10px}.mode-option small{font-size:8px;line-height:1.5}.mode-option input{right:9px;top:10px}}