@charset "UTF-8";
:root{--bg:#101214;--surface:#17191b;--surface-2:#1c1f20;--surface-3:#232727;--line:#2d3131;--line-soft:#25292a;--ink:#f2f2ec;--muted:#989d98;--dim:#68716c;--orange:#f28a38;--orange-hi:#ffb16e;--lime:#b0c994;--danger:#ed8877;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--sans:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;--display:"Arial Narrow",Impact,Inter,"Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:75px}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.55 var(--sans);letter-spacing:.01em}button,input,select{font:inherit}button{cursor:pointer}button,a,input,select{-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--orange);outline-offset:3px}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}input,select{width:100%;min-height:43px;padding:10px 12px;color:var(--ink);background:#121516;border:1px solid #3a403f;border-radius:4px}input::placeholder{color:#68706b}select{color-scheme:dark}label{display:block;color:#9da49d;font-size:11px;margin-bottom:7px}label small{font-size:9px;color:#666f68;margin-left:4px;font-weight:400}[hidden]{display:none!important}.skip-link{position:fixed;left:14px;top:12px;z-index:30;padding:10px 18px;background:var(--orange);color:#171717;transform:translateY(-150%)}.skip-link:focus{transform:none}
.app-shell{min-height:100vh;display:flex}.side-nav{position:fixed;z-index:5;inset:0 auto 0 0;width:218px;background:#141617;border-right:1px solid var(--line-soft);padding:29px 19px;display:flex;flex-direction:column}.wordmark{display:flex;align-items:center;gap:10px}.wordmark-mark{width:35px;height:37px;background:var(--orange);color:#161616;display:grid;place-items:center;position:relative;clip-path:polygon(0 0,100% 0,100% 78%,77% 100%,0 100%)}.wordmark-mark b{font-size:23px;font-family:Georgia,serif;font-style:italic;line-height:1}.wordmark-mark i{position:absolute;font:700 12px Arial;right:4px;top:2px}.wordmark-copy{font-size:19px;font-weight:800;letter-spacing:-1px;line-height:.9}.wordmark-copy>span{font-weight:300;margin-left:3px}.wordmark-copy small{display:block;color:#686f6b;font:7px/1.2 var(--mono);letter-spacing:1.25px;margin-top:9px}.side-links{display:grid;gap:7px;margin-top:63px}.side-link{position:relative;display:flex;align-items:center;gap:12px;border:1px solid transparent;border-radius:4px;padding:12px;color:#8f9790;font-size:12px;transition:.15s}.side-link:hover{background:#202322;color:var(--ink)}.side-link.is-active{color:var(--orange-hi);background:#2a221c;border-color:#543b28}.side-glyph{font:19px/1 Arial;color:currentColor;width:19px;text-align:center}.side-link em{width:5px;height:5px;background:var(--orange);border-radius:50%;margin-left:auto}.side-footer{margin-top:auto;padding:16px 10px 0}.network-chip{display:flex;align-items:center;gap:8px;color:#9aad91;font:8px var(--mono);letter-spacing:1.2px}.network-chip i{width:5px;height:5px;background:#adc895;border-radius:50%;box-shadow:0 0 11px #adc89588}.side-footer p{color:#707a72;font-size:10px;line-height:1.9;margin-top:13px}.side-version{display:block;color:#4f5952;font:8px var(--mono);letter-spacing:1px;margin-top:34px}.main-content{width:calc(100% - 218px);margin-left:218px;max-width:1600px;padding:0 47px 0}.top-nav{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line-soft);gap:14px}.crumb{color:#737b75;font-size:10px;letter-spacing:.05em}.crumb b{font-weight:400;color:#404846;margin:0 12px}.crumb strong{font-weight:500;color:#c1c7c1}.top-actions{display:flex;align-items:center;gap:12px}.service-state{display:flex;align-items:center;gap:7px;color:#8e9891;font-size:9px;white-space:nowrap}.service-state i{width:5px;height:5px;background:#9eaa8c;border-radius:50%}.service-state.online i{background:#b3cc96;box-shadow:0 0 10px #b3cc9688}.service-state.offline{color:var(--danger)}.service-state.offline i{background:var(--danger)}.round-button{display:grid;place-items:center;width:31px;height:31px;border:1px solid transparent;background:transparent;color:#a9b0aa;font-size:20px;border-radius:50%}.round-button:hover{background:#242827;color:var(--ink)}.profile-button{display:flex;align-items:center;gap:8px;padding:5px 9px 5px 6px;min-height:34px;border:1px solid #3e4442;border-radius:4px;background:transparent;color:#c8cec7;font-size:10px}.profile-button:hover{border-color:#70776e;background:#252927}.profile-avatar{width:22px;height:22px;display:grid;place-items:center;background:#313a2e;color:var(--lime);font:11px var(--mono);border-radius:3px}.profile-chevron{color:#7a827b;font-size:14px;margin-left:2px}.global-alert{padding:12px 15px;margin-top:17px;border:1px solid #75453a;border-left:2px solid var(--danger);background:#331e1b;color:#eab1a2;border-radius:4px;font-size:11px}
.welcome-band{position:relative;min-height:375px;margin-top:31px;overflow:hidden;border:1px solid #3e3d35;background:#24251f}.welcome-band:after{content:"";position:absolute;inset:0;background:linear-gradient(92deg,#24251ff8 8%,#24251fd9 34%,transparent 85%);pointer-events:none}.welcome-copy{position:relative;z-index:2;width:56%;padding:38px 38px 29px}.eyebrow{display:flex;align-items:center;gap:8px;color:#a6ad99;font:8px var(--mono);letter-spacing:1.5px}.eyebrow span{width:17px;height:2px;background:var(--orange)}.welcome-copy h1{font:800 clamp(38px,4.3vw,64px)/1.12 var(--display);letter-spacing:-2px;margin:19px 0 15px}.welcome-copy h1 strong{font-weight:800}.welcome-copy h1 strong span{color:var(--orange)}.welcome-copy p{color:#a5aa97;font-size:11px;line-height:1.9}.welcome-actions{display:flex;align-items:center;gap:26px;margin-top:22px}.button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:10px 16px;color:#e9ece6;border:1px solid transparent;border-radius:4px;font-size:11px;font-weight:700;transition:.15s}.button-primary{background:var(--orange);border-color:var(--orange);color:#201810}.button-primary:hover{background:#ff9d54;border-color:#ff9d54}.button-outline{background:transparent;border-color:#424b46;color:#d0d5ce}.button-outline:hover{background:#2a302e;border-color:#7a847d}.button-ghost{background:transparent;color:#8d988f}.button-ghost:hover{background:#ffffff08;color:var(--ink)}.button>span{font-size:15px;line-height:1;margin-left:8px}.text-link{font-size:10px;color:#d7b28f;border-bottom:1px solid #8a694c;padding-bottom:5px}.text-link:hover{color:#ffd0a5}.welcome-visual{position:absolute;right:0;top:0;width:53%;height:calc(100% - 66px);overflow:hidden;background:#35392f}.visual-grid{position:absolute;inset:-35%;background-image:linear-gradient(#adb69b18 1px,transparent 1px),linear-gradient(90deg,#adb69b18 1px,transparent 1px);background-size:34px 34px;transform:rotate(-24deg)}.visual-crosshair{position:absolute;left:55%;top:52%;width:268px;height:268px;border:1px solid #b7b98d38;border-radius:50%;transform:translate(-50%,-50%)}.visual-crosshair:before,.visual-crosshair:after{content:"";position:absolute;background:#f4a36242}.visual-crosshair:before{width:150%;height:1px;left:-25%;top:50%}.visual-crosshair:after{height:150%;width:1px;left:50%;top:-25%}.visual-crosshair span{position:absolute;left:50%;top:50%;width:5px;height:5px;background:var(--orange);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 22px #f28a3888}.visual-map-shape{position:absolute;left:52%;top:48%;width:240px;height:165px;transform:translate(-50%,-50%) rotate(-14deg);opacity:.33}.visual-map-shape:before{content:"";position:absolute;inset:18px 32px 22px 12px;border:9px solid #d8dfb328;transform:skew(-22deg) rotate(14deg)}.visual-map-shape i,.visual-map-shape b,.visual-map-shape em{position:absolute;display:block;border:4px solid #d8dfb328}.visual-map-shape i{width:88px;height:67px;left:70px;top:6px}.visual-map-shape b{width:65px;height:92px;left:128px;top:73px}.visual-map-shape em{width:55px;height:43px;left:7px;top:86px}.visual-label{position:absolute;color:#b9bd9c78;font:7px var(--mono);letter-spacing:1.6px}.visual-label-a{top:25px;right:28px}.visual-label-b{bottom:21px;right:30px}.visual-index{position:absolute;bottom:20px;left:28px;color:#aeb58e45;font:10px var(--mono)}.welcome-stats{position:absolute;z-index:2;bottom:0;left:0;right:0;height:66px;display:flex;align-items:center;gap:40px;padding:14px 38px;background:#171a16c7;border-top:1px solid #565c4859;backdrop-filter:blur(8px)}.welcome-stats>div{display:flex;align-items:baseline;gap:9px}.welcome-stats b{font:22px var(--mono);color:#edf0df}.welcome-stats span{font-size:9px;color:#899282}.welcome-stats p{margin-left:auto;color:#919f86;font-size:9px}.welcome-stats p:before{content:"+";color:var(--orange);font-size:20px;vertical-align:-2px;margin-right:8px}
.page-section{margin-top:48px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:20px}.section-overline{display:block;color:#71806d;font:8px var(--mono);letter-spacing:1.6px;margin-bottom:8px}.section-head h2{font-size:23px;line-height:1.2;letter-spacing:-.9px}.section-hint{font-size:9px;color:#737d74}.map-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.map-card{min-width:0;overflow:hidden;background:var(--surface);border:1px solid #343b37;border-radius:5px;transition:border .18s,transform .18s,box-shadow .18s}.map-card:hover,.map-card:focus-within{border-color:#9c6b45;transform:translateY(-2px);box-shadow:0 10px 28px #0003}.map-card-art{height:138px;position:relative;overflow:hidden;background:#30382e}.map-card:nth-child(3n+2) .map-card-art{background:#39342c}.map-card:nth-child(3n) .map-card-art{background:#2e3538}.map-card-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#101512e8,transparent 80%)}.map-art-lines{position:absolute;inset:-35%;transform:rotate(-20deg);opacity:.7;background:linear-gradient(90deg,transparent 20%,#b6c59b2f 20.7%,transparent 21.4%,transparent 66%,#b6c59b2f 66.7%,transparent 67.4%),linear-gradient(0deg,transparent 24%,#b6c59b2f 24.6%,transparent 25.4%,transparent 58%,#b6c59b2f 58.6%,transparent 59.4%);background-size:118px 104px}.map-art-lines:before,.map-art-lines:after{content:"";position:absolute;border:8px solid #d2dba725;outline:1px solid #d2dba745}.map-art-lines:before{width:86px;height:57px;top:17%;right:17%}.map-art-lines:after{width:62px;height:85px;left:19%;bottom:8%}.map-card:nth-child(2) .map-art-lines{transform:rotate(17deg)}.map-card:nth-child(3) .map-art-lines{transform:rotate(-3deg)}.map-card:nth-child(4) .map-art-lines{transform:rotate(32deg)}.map-card:nth-child(5) .map-art-lines{transform:rotate(-35deg)}.map-card:nth-child(6) .map-art-lines{transform:rotate(9deg)}.map-card:nth-child(7) .map-art-lines{transform:rotate(-11deg)}.map-card-tag,.map-card-index{position:absolute;z-index:1;top:14px;font:8px var(--mono);letter-spacing:1.2px}.map-card-tag{left:15px;color:#b5c29e}.map-card-index{right:15px;color:#c0c99f6b}.map-art-fallback{position:absolute;z-index:1;bottom:13px;left:15px;display:flex;align-items:baseline;gap:7px}.map-art-fallback strong{font:900 27px/1 var(--display);letter-spacing:1px;color:#eff0e1}.map-art-fallback span{font:8px var(--mono);color:#adb99a}.map-card-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:.85}.map-card-image[src=""]{display:none}.map-card-body{display:flex;flex-direction:column;justify-content:space-between;gap:15px;padding:15px}.map-card-name{font-size:14px}.map-card-description{color:#7f8981;font-size:10px;line-height:1.65;margin-top:4px;min-height:34px}.map-start-button{width:100%;display:flex;justify-content:space-between;align-items:center;min-height:33px;border:1px solid #414b44;background:transparent;color:#bac5ba;border-radius:3px;padding:7px 10px;font-size:10px}.map-start-button:hover{border-color:var(--orange);color:var(--orange-hi);background:#2a211a}.skeleton-map{height:258px;border:1px solid #2c3330;border-radius:5px;background:linear-gradient(90deg,#171b1b 25%,#1d2221 37%,#171b1b 63%);background-size:400% 100%;animation:skeleton 1.5s ease infinite}@keyframes skeleton{0%{background-position:100% 50%}100%{background-position:0 50%}}
.rooms-section{padding-top:2px}.rooms-toolbar{display:flex;align-items:center;justify-content:space-between;margin:-4px 0 15px}.room-tabs{display:flex;gap:3px}.room-tab{padding:7px 11px;border:1px solid transparent;border-radius:3px;background:transparent;color:#778179;font-size:10px}.room-tab:hover{color:#c7cec8}.room-tab.is-active{border-color:#3f4b42;background:#242b26;color:#d0dcbe}.rooms-status{font:8px var(--mono);color:#66736a}.rooms-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.room-card{min-width:0;padding:17px 17px 14px;background:var(--surface);border:1px solid #343c37;border-radius:5px}.room-card:hover{border-color:#556354}.room-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.room-map-line{color:#909b8c;font:8px var(--mono);letter-spacing:.6px;margin-bottom:7px}.room-card h3{font-size:14px;overflow-wrap:anywhere}.room-status{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border:1px solid #47563e;background:#242f21;color:#b1c89c;border-radius:3px;font-size:8px;white-space:nowrap}.room-status.preparing{color:#e5b17f;border-color:#64472e;background:#2b2119}.room-status.closing{color:#d99784;border-color:#69443c;background:#2e201c}.room-status.closed,.room-status.failed{color:#929c94;border-color:#414846;background:#242827}.room-status i{width:4px;height:4px;border-radius:50%;background:currentColor}.room-card-copy{font-size:10px;color:#7b867e;line-height:1.75;margin-top:13px;min-height:35px}.room-members{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #2c3430;border-bottom:1px solid #2c3430;padding:11px 0;margin-top:14px;color:#9eaa9f;font-size:9px}.room-members b{font:14px var(--mono);color:#d6ded3;margin-right:4px}.room-members .online-number{color:#adc791}.room-card-actions{display:flex;gap:7px;margin-top:12px}.room-card-actions .button{flex:1;min-height:32px;padding:7px 9px;font-size:9px}.room-share{flex:0 0 auto!important;width:35px;padding:0!important}.list-empty{grid-column:1/-1;border:1px dashed #34403a;border-radius:5px;min-height:165px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#829083;background:#151a17}.list-empty strong{font-size:13px;color:#b8c4b8}.list-empty p{font-size:10px;color:#707d73;margin-top:7px}.list-empty-icon{font-size:25px;color:#809773;margin-bottom:9px}.list-loading{grid-column:1/-1;min-height:165px;display:flex;align-items:center;justify-content:center;color:#839087;font-size:10px;border:1px dashed #34403a;border-radius:5px}.mini-spinner{height:17px;width:17px;border:2px solid #384439;border-top-color:var(--orange);border-radius:50%;margin-right:9px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.my-room-section{padding-bottom:2px}.my-room-content{min-height:185px}.empty-room{min-height:185px;border:1px dashed #34403a;border-radius:5px;background:#151a17;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty-room-icon{font-size:25px;color:#819475;margin-bottom:8px}.empty-room h3{font-size:13px;color:#bac6b8}.empty-room p{font-size:10px;color:#737e74;margin-top:7px}.text-link-button{border:0;background:none;color:#d8ae83;font-size:10px;margin-top:14px}.text-link-button:hover{color:#ffcc9c}.site-footer{display:flex;justify-content:space-between;border-top:1px solid #29352d;margin-top:47px;padding:20px 0 28px;color:#526356;font-size:8px}.site-footer b{font-weight:400;margin:0 8px;color:#394b3d}.site-footer span:last-child{font:8px var(--mono);letter-spacing:1px}
.dialog{width:min(475px,calc(100vw - 30px));max-height:calc(100dvh - 30px);padding:25px;background:#1a201c;color:var(--ink);border:1px solid #52624f;border-radius:6px;box-shadow:0 22px 100px #000b;overflow:auto}.dialog::backdrop{background:#070b09bd;backdrop-filter:blur(6px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.dialog-kicker{font:8px var(--mono);letter-spacing:1.5px;color:var(--orange)}.dialog-close{width:29px;height:29px;border:1px solid transparent;background:transparent;color:#9ca69d;font-size:23px;line-height:1}.dialog-close:hover{background:#283028;color:#fff}.dialog h2{font-size:23px;letter-spacing:-.8px;margin-bottom:10px}.dialog p{font-size:11px;line-height:1.8;color:#99a596;margin-bottom:21px}.dialog-avatar{width:48px;height:48px;display:grid;place-items:center;background:#303f2b;color:var(--lime);font:14px var(--mono);border-radius:5px;margin:3px 0 15px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:25px}.dialog-actions .button{font-size:10px}.create-map-preview{display:flex;gap:13px;align-items:center;padding:10px;background:#121813;border:1px solid #354239;border-radius:4px;margin:0 0 19px}.tiny-map-art{width:87px;height:55px;flex:0 0 auto;border-radius:3px;background:#343e32;position:relative;overflow:hidden}.tiny-map-art:before{content:"";position:absolute;inset:10px;border:5px solid #c2d29e35;transform:rotate(-14deg) skew(-16deg)}.create-map-preview span{display:block;color:#718077;font:8px var(--mono);letter-spacing:1px}.create-map-preview strong{display:block;font-size:14px;margin-top:3px}.inline-link{padding:0;border:0;background:none;color:#e3ae7b;font-size:9px;margin-top:5px}.inline-link:hover{text-decoration:underline}.create-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:17px}.room-dialog{width:min(590px,calc(100vw - 30px))}.room-dialog .room-detail-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.room-detail-head h2{margin:0;font-size:22px}.room-detail-map{font:8px var(--mono);color:#9eac95;letter-spacing:1px;margin-top:8px}.room-detail-status{margin-top:18px;padding:14px;background:#121813;border:1px solid #3a4c3a;border-radius:4px;color:#b6c69d;font-size:11px;line-height:1.8}.room-detail-status.preparing{color:#e9b27d;border-color:#64482f;background:#251c15}.room-detail-status.closing,.room-detail-status.failed{color:#dc9788;border-color:#654039;background:#291d1a}.room-detail-players{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:17px}.detail-player{display:flex;align-items:center;gap:8px;padding:9px 10px;background:#222a23;border:1px solid #364439;border-radius:3px;color:#becabb;font-size:10px}.detail-player-avatar{width:22px;height:22px;display:grid;place-items:center;background:#364735;color:#c2d6a8;font:9px var(--mono);border-radius:3px}.detail-owner{font-size:8px;color:#ddad7a;margin-left:auto}.room-detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.room-detail-actions .button{font-size:10px}.room-share-line{display:flex;align-items:center;gap:7px;margin-top:16px}.room-share-line input{font:9px var(--mono);min-height:35px;color:#96a69a;background:#121713}.room-share-line .button{min-height:35px;white-space:nowrap;font-size:9px}.connect-dialog{width:min(500px,calc(100vw - 30px))}.connect-hero{display:flex;gap:13px;align-items:center;padding:14px;background:#222f21;border:1px solid #485e40;border-radius:4px;margin:5px 0 19px}.connect-hero-icon{font-size:27px;color:var(--orange)}.connect-hero strong{display:block;font-size:14px}.connect-hero span{display:block;font-size:10px;color:#98aa8d;margin-top:4px}.connect-help{font-size:11px!important;color:#a6b49f!important;margin-bottom:17px!important}.connect-command-box{display:flex;align-items:center;gap:8px;padding:9px 11px;background:#111612;border:1px solid #394839;border-radius:4px}.connect-command-box code{font:10px var(--mono);color:#b7c99f;overflow:auto;white-space:nowrap;flex:1}.connect-command-box button{border:0;background:none;color:#e5bb8b;font-size:9px;white-space:nowrap}.download-link{display:flex;align-items:center;gap:7px;color:#dcb080;font-size:10px;margin-top:13px}.download-link:hover{text-decoration:underline}.connect-warning{font-size:9px;color:#808b82;margin-top:17px;line-height:1.8}.toast-container{position:fixed;right:23px;bottom:22px;z-index:30;display:grid;gap:9px;width:min(370px,calc(100vw - 28px));pointer-events:none}.toast{pointer-events:auto;padding:12px 15px;border:1px solid #596e4a;border-left:3px solid var(--orange);background:#273323f5;color:#e0e9d8;font-size:11px;line-height:1.7;border-radius:4px;box-shadow:0 8px 30px #0008;animation:toast-in .18s ease}.toast.error{border-color:#875046;border-left-color:var(--danger);background:#39221df5;color:#f2c0ae}@keyframes toast-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:1250px){.side-nav{width:188px;padding-left:15px;padding-right:15px}.main-content{width:calc(100% - 188px);margin-left:188px;padding-left:30px;padding-right:30px}.map-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.rooms-list{grid-template-columns:repeat(2,minmax(0,1fr))}.welcome-copy{padding-left:30px}.welcome-stats{padding-left:30px;gap:25px}.welcome-copy h1{font-size:53px}}
@media(max-width:900px){.side-nav{width:71px;padding:22px 12px;align-items:center}.wordmark-copy,.side-link>span:not(.side-glyph),.side-footer{display:none}.wordmark-mark{width:36px;height:38px}.side-links{width:100%;margin-top:48px}.side-link{justify-content:center;padding:12px 8px}.main-content{width:calc(100% - 71px);margin-left:71px;padding-left:22px;padding-right:22px}.welcome-copy{width:66%;padding:30px 27px}.welcome-copy h1{font-size:46px}.welcome-visual{width:57%}.welcome-stats{padding-left:27px;gap:23px}.welcome-stats p{display:none}.map-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rooms-list{grid-template-columns:repeat(2,minmax(0,1fr))}.section-head h2{font-size:21px}}
@media(max-width:650px){.side-nav{position:relative;width:100%;height:59px;display:flex;flex-direction:row;justify-content:space-between;padding:13px 16px;border-right:0;border-bottom:1px solid var(--line-soft)}.wordmark-copy{display:block;font-size:17px}.wordmark-mark{width:29px;height:31px}.wordmark-mark b{font-size:19px}.wordmark-mark i{font-size:9px}.side-links{display:flex;width:auto;gap:2px;margin:0}.side-link{padding:7px 8px;border:0!important;background:transparent!important}.side-link>span:not(.side-glyph){display:none}.side-glyph{font-size:19px}.main-content{width:100%;margin-left:0;padding:0 16px}.top-nav{height:62px}.crumb{display:none}.top-actions{width:100%;justify-content:flex-end}.service-state{margin-right:auto}.profile-button{font-size:9px}.welcome-band{margin-top:18px;min-height:375px}.welcome-copy{width:78%;padding:28px 22px}.welcome-copy h1{font-size:42px;letter-spacing:-1.7px}.welcome-copy p{font-size:10px}.desktop-only{display:none}.welcome-visual{width:62%;height:calc(100% - 63px)}.visual-crosshair{width:225px;height:225px;left:67%}.visual-map-shape{left:67%;transform:translate(-50%,-50%) rotate(-14deg) scale(.85)}.welcome-stats{height:63px;padding:13px 22px;gap:17px}.welcome-stats b{font-size:19px}.welcome-stats span{font-size:8px}.page-section{margin-top:37px}.section-head{align-items:flex-end}.section-head h2{font-size:20px}.section-hint{font-size:8px;text-align:right;max-width:132px;line-height:1.7}.map-grid{gap:10px}.map-card-art{height:125px}.map-card-body{padding:12px}.map-card-description{font-size:9px}.map-card-name{font-size:12px}.map-start-button{font-size:9px}.rooms-list{grid-template-columns:1fr}.room-card{padding:15px}.rooms-toolbar{margin-top:0}.room-tab{font-size:9px;padding:6px 8px}.site-footer{margin-top:36px}.site-footer span:last-child{display:none}.dialog{padding:21px}.room-detail-players{grid-template-columns:1fr}.room-share-line{flex-wrap:wrap}.room-share-line input{flex-basis:100%}}
@media(max-width:420px){.main-content{padding:0 12px}.welcome-band{min-height:360px}.welcome-copy{width:83%;padding:25px 17px}.welcome-copy h1{font-size:38px}.welcome-actions{gap:15px;flex-wrap:wrap}.welcome-actions .button{width:100%}.welcome-visual{width:68%}.welcome-stats{padding-left:17px;gap:13px}.welcome-stats>div{gap:5px}.welcome-stats span{font-size:7px}.section-head{gap:8px}.section-head h2{font-size:19px}.section-head .button{min-height:34px;padding:7px 9px;font-size:9px}.map-grid{grid-template-columns:1fr}.map-card{display:grid;grid-template-columns:43% 57%}.map-card-art{height:100%;min-height:134px}.map-card-body{gap:8px}.rooms-toolbar{flex-wrap:wrap;gap:8px}.rooms-status{margin-left:auto}.create-options{grid-template-columns:1fr}.dialog-actions{flex-wrap:wrap}.dialog-actions .button{flex:1}.site-footer{font-size:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}