:root{font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif;color:#303d34;background:#f6f7f2;font-synthesis:none;font-weight:400;font-size:16px;--green:#426957;--green-dark:#2b503d;--muted:#889086;--line:#e7ebe1;--cream:#f6f7f2}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{border:0}button:disabled{cursor:not-allowed;opacity:.52}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #d6b471;outline-offset:3px}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}svg{flex-shrink:0}button{transition:background .18s,transform .18s,border-color .18s}button:hover:not(:disabled){filter:brightness(.97)}.app-shell{display:flex;min-height:100vh}.sidebar{width:218px;position:fixed;inset:0 auto 0 0;border-right:1px solid var(--line);background:#fafbf6;padding:37px 24px 22px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:11px;font-size:23px;font-family:STSong,SimSun,serif;font-weight:700;letter-spacing:1px}.brand-symbol{position:relative;background:#426957;color:#fffbe8;border-radius:14px 4px;width:43px;height:47px;display:grid;place-items:center;font-size:33px;line-height:1}.brand-symbol>span{position:absolute;font-size:16px;right:-4px;top:-6px;color:#bd9a58}.brand-en{display:block;font:16px/2.1 system-ui;letter-spacing:2px;color:#9a9d8e}.sidebar-label{font-size:16px;color:#969c8f;margin:32px 0 16px;letter-spacing:.7px}nav{display:flex;flex-direction:column;gap:8px}nav button{width:100%;display:flex;align-items:center;gap:13px;height:46px;border-radius:8px;background:transparent;text-align:left;color:#798071;padding:0 13px;font-size:16px}nav button.active{color:#3e624b;background:#e9efe3;font-weight:600}.nav-arrow,.nav-number,.live-dot{margin-left:auto}.nav-number{font-size:16px;padding:1px 6px;background:#f1f2eb;border-radius:4px}.live-dot{width:6px;height:6px;border-radius:50%;background:#72976a}.sidebar-note{margin-top:auto;padding:24px 8px 30px;color:#899380}.sidebar-note>svg{color:#9ba78c;margin-bottom:16px}.sidebar-note strong{display:block;font-family:STSong,SimSun,serif;font-size:16px;font-weight:400;color:#697b5d}.sidebar-note p{font-size:16px;line-height:1.9;margin:10px 0 18px;color:#9b9f91}.sidebar-note>span{font-size:16px;letter-spacing:1px;color:#adaf9f}.sidebar-bottom{border-top:1px solid var(--line);padding:20px 0 0;font-size:16px;color:#919886;display:flex;align-items:center;gap:8px}.connection-dot,.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#c7a471}.connection-dot.online{background:#83a375}.main-shell{margin-left:218px;width:calc(100% - 218px)}.topbar{height:77px;display:flex;justify-content:space-between;align-items:center;padding:0 42px;border-bottom:1px solid var(--line);background:#fbfcf8}.breadcrumb{display:flex;align-items:center;gap:13px;font-size:16px;color:#9b9f93}.breadcrumb strong{font-weight:500;color:#5c6a57}.identity{display:flex;align-items:center;gap:10px;background:transparent;color:#66725e;font-size:16px}.identity-avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#e8ecdf;color:#6a7e56;font:16px SimSun,serif}.identity>svg{margin-left:6px;color:#949c89}main{max-width:1450px;margin:auto;padding:35px 42px 0}.hero{display:flex;min-height:294px;border:1px solid #dfe6d9;border-radius:13px;overflow:hidden;background:#eff3e7;position:relative}.hero-copy{position:relative;z-index:2;width:57%;padding:32px 0 31px 34px}.eyebrow{color:#849477;font-size:16px;letter-spacing:1px;display:flex;gap:8px;align-items:center}.eyebrow span{width:5px;height:5px;background:#96a56c;border-radius:50%}.hero h1{font-family:STSong,SimSun,serif;font-size:37px;letter-spacing:3px;line-height:1.3;color:#365443;margin:18px 0 14px}.hero h1>span{font-size:23px;display:block;margin-top:8px;letter-spacing:2px;color:#576d4e}.hero p{font-size:16px;line-height:1.9;color:#8b9680;margin-bottom:23px}.primary,.secondary,.quiet-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:7px;padding:12px 18px;min-height:41px;font-size:16px;font-weight:500}.primary{background:var(--green);color:#fff;box-shadow:0 3px 7px #32483110}.primary:hover:not(:disabled){background:var(--green-dark);transform:translateY(-1px)}.secondary{background:#fafbf7;border:1px solid #dfe5d6;color:#687c58}.quiet-button{background:transparent;color:#89907f}.hero-world{width:53%;position:absolute;right:0;top:0;bottom:0;overflow:hidden}.hero-world>img{height:115%;width:115%;object-fit:cover;object-position:center;transform:rotate(-6deg) translate(3%,-6%);filter:saturate(.78)}.hero-world-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#eff3e7 1%,#eff3e773 18%,transparent 48%),linear-gradient(0deg,#eff3e750,transparent 45%)}.world-label{position:absolute;right:25px;bottom:24px;background:#f8fbefdc;border:1px solid #fff8;box-shadow:0 4px 15px #263c3710;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:11px 15px;display:flex;align-items:center;gap:8px;font-size:16px;color:#668455;border-radius:7px}.hero-star{position:absolute;color:#fafae3;text-shadow:0 0 5px #869451}.star-one{right:25%;top:20%;font-size:28px}.star-two{right:9%;top:13%;font-size:20px}.mode-strip{display:flex;align-items:center;gap:15px;padding:20px 4px 26px}.mode-icon{width:41px;height:41px;display:grid;place-items:center;background:#ecefdf;border:1px solid #e0e5d3;border-radius:10px;color:#7e8e5c}.mode-strip strong{font-size:16px;color:#546449;display:flex;align-items:center;gap:9px}.tag{font-size:16px;font-weight:400;color:#839465;border:1px solid #dce3ca;background:#f0f3e5;border-radius:4px;padding:2px 5px}.mode-strip p{font-size:16px;color:#949b8a;margin-top:7px}.mode-count{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:16px;color:#939987}.panel{background:#fcfdf9;border:1px solid var(--line);border-radius:10px}.lobby-grid{display:grid;grid-template-columns:minmax(0,1fr) 252px;gap:20px}.rooms-panel{min-height:330px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.rooms-panel>.section-heading{padding:24px 22px 20px}.section-heading h2{font-size:16px;font-weight:600;color:#4b5c45;display:flex;align-items:center;gap:8px}.section-heading h2>span{font-size:16px;font-weight:400;background:#eef1e7;border-radius:5px;padding:2px 7px;color:#899479}.section-heading p{font-size:16px;color:#9ca292;margin-top:7px}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:7px 0;background:transparent;color:#83926f;font-size:16px;white-space:nowrap}.room-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 22px 12px;border-bottom:1px solid #eef0e8}.tabs{display:flex;gap:15px}.tabs button{font-size:16px;background:transparent;color:#a3a896;padding:8px 0;position:relative}.tabs button.selected{color:#536e45;font-weight:600}.tabs button.selected:after{content:"";position:absolute;bottom:-13px;left:0;right:0;height:2px;background:#819864}.search{display:flex;align-items:center;gap:6px;background:#f5f7ef;border:1px solid #eaede2;border-radius:5px;padding:6px 9px;color:#a4ab99}.search input{background:transparent;border:0;outline:0;width:105px;font-size:16px;color:#66725e}.search input::placeholder{color:#acb09f}.empty-rooms{text-align:center;padding:24px 15px 26px}.empty-illustration{color:#a3b48b;width:62px;height:61px;background:#f0f3e6;border-radius:50%;margin:0 auto 11px;display:grid;place-items:center;position:relative}.empty-illustration span{position:absolute;color:#c7b77a;top:4px;right:4px;font-size:16px}.empty-rooms h3{font-family:STSong,SimSun,serif;font-size:16px;font-weight:400;color:#758464;letter-spacing:1px}.empty-rooms p{font-size:16px;color:#acb29e;margin:9px 0 14px}.empty-rooms .secondary{padding:8px 15px;min-height:32px;font-size:16px}.journey-panel{padding:23px 21px;background:#f3f5eb}.small-label{font-size:16px;color:#a2a589;letter-spacing:1.8px}.journey-panel>h2{font-family:STSong,SimSun,serif;font-size:20px;letter-spacing:2px;line-height:1.5;color:#647555;margin:9px 0 19px}.guide-step{display:flex;gap:12px;margin-top:17px}.guide-step>span{font:16px/1.8 Georgia;color:#b6b897;border-bottom:1px solid #dbdec8;height:20px}.guide-step strong{font-size:16px;font-weight:500;color:#7b8868}.guide-step p{font-size:16px;color:#a1a88f;margin-top:5px;line-height:1.5}.journey-foot{display:flex;align-items:center;gap:7px;font-size:16px;color:#99a084;border-top:1px solid #e2e7d6;padding-top:16px;margin-top:22px}.room-list{padding:0 16px}.room-row{display:flex;align-items:center;gap:12px;padding:17px 3px;border-bottom:1px solid #eef1e8}.room-row:last-child{border-bottom:0}.room-row>img{width:65px;height:49px;border-radius:6px;object-fit:cover;border:1px solid #e2e7d7}.room-row-info{flex:1;min-width:0}.room-row-info h3{font-size:16px;font-weight:500;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.room-row-info p{display:flex;gap:10px;font-size:16px;color:#a0a690;margin-top:8px;flex-wrap:wrap}.tiny-tag{font-size:16px;color:#899966;background:#edf2e2;padding:2px 4px;border-radius:3px;margin-left:7px}.room-row-state{display:flex;flex-direction:column;gap:7px;align-items:center}.room-row-state small{font-size:16px;color:#a0a78e}.status{font-size:16px;display:inline-flex;align-items:center;gap:5px;border-radius:4px;padding:4px 6px;background:#f1f3e8;color:#8e9b66;white-space:nowrap;vertical-align:middle}.status i{width:4px;height:4px;border-radius:50%;background:currentColor}.status.playing{color:#62826e;background:#e9f1e7}.room-enter{background:transparent;color:#6f855d;border:1px solid #e1e7d7;border-radius:5px;font-size:16px;padding:7px 9px;display:flex;align-items:center;gap:5px}.map-section{margin-top:30px}.map-teasers{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:18px}.map-teaser{background:#fcfdf9;border:1px solid var(--line);border-radius:8px;overflow:hidden;padding:0;text-align:left;transition:transform .2s,box-shadow .2s}.map-teaser:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 6px 16px #44553110}.map-picture{position:relative;height:125px;overflow:hidden}.map-picture img{width:100%;height:100%;object-fit:cover;filter:saturate(.82)}.map-picture span{position:absolute;left:10px;bottom:10px;font-size:16px;color:#fff;background:#233b35a3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:4px;padding:4px 7px}.map-teaser-title{display:flex;align-items:center;justify-content:space-between;padding:14px 13px;color:#6c7a5c}.map-teaser-title strong{font-size:16px;font-weight:500}.map-teaser-title svg{color:#a4af92}footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:30px 0 24px;color:#a5ac99;font-size:16px}.footer-separator{padding:0 8px}.page-heading{padding:8px 0 29px}.page-heading h1{font-family:STSong,SimSun,serif;font-size:31px;color:#4c6348;letter-spacing:2px;margin-top:14px}.page-heading p{font-size:16px;color:#8d9882;margin-top:12px}.atlas-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:21px}.atlas-card{padding:0;overflow:hidden;text-align:left}.atlas-card:hover{transform:translateY(-3px)}.atlas-image{height:184px;position:relative;overflow:hidden}.atlas-image>img{width:100%;height:100%;object-fit:cover}.atlas-index{position:absolute;top:11px;left:12px;font:16px Georgia;color:#fff;background:#294d3fa6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:5px 8px;border-radius:5px}.atlas-theme{position:absolute;bottom:12px;right:12px;font-size:16px;color:#fff;text-shadow:0 1px 4px #293b36}.atlas-copy{padding:20px}.atlas-copy h2{font-size:16px;font-weight:500;display:flex;align-items:center;justify-content:space-between;color:#556c49}.atlas-copy h2 svg{color:#9bab86}.atlas-copy p{font-size:16px;color:#929b87;line-height:1.8;margin:10px 0 18px}.atlas-action{font-size:16px;color:#9bac7f;display:flex;align-items:center;gap:4px}.room-page-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:23px}.back-link{font-size:16px;margin-bottom:7px}.room-page-heading h1{font-size:24px;color:#496044;font-weight:500;display:flex;align-items:center;gap:12px}.room-page-heading p{font-size:16px;color:#98a08c;margin-top:11px}.room-page-heading p span{border-left:1px solid #dce2d4;padding-left:10px;margin-left:10px}.room-actions{display:flex;align-items:center;gap:8px}.room-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px}.map-view{overflow:hidden;align-self:start}.map-view-heading{display:flex;justify-content:space-between;align-items:center;padding:17px 19px}.map-view-heading>div{display:flex;align-items:center;gap:9px;color:#71875f}.map-view-heading strong{font-size:16px;font-weight:500}.map-view-heading span{font-size:16px;color:#a2ab96;margin-left:7px}.icon-button{display:grid;place-items:center;padding:6px;background:transparent;color:#99a38d;border-radius:5px}.map-scroll{overflow:auto;background:#e7eddc;max-height:65vh;min-height:260px}.map-scroll>img{display:block;height:auto;max-width:none;object-fit:contain}.map-view-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px 17px;color:#96a089;font-size:16px;flex-wrap:wrap}.map-view-footer>span{display:flex;align-items:center;gap:7px;line-height:1.7}.map-view-footer label{display:flex;align-items:center;gap:7px}.map-view-footer input{width:65px;accent-color:#758f5e}.room-detail{display:flex;flex-direction:column;gap:18px}.settings-panel{padding:23px 21px}.settings-panel>h2{font-family:STSong,SimSun,serif;font-size:21px;margin-top:9px;margin-bottom:22px;letter-spacing:2px;color:#667c56}.field-label{display:block;font-size:16px;color:#7e8b6f;margin:15px 0 9px}.settings-panel select{display:block;width:100%;border:1px solid #dfe6d4;border-radius:6px;background:#fafcf5;color:#77876a;padding:10px;font-size:16px}.character-choices{display:flex;gap:9px}.character-choices>button{position:relative;flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:13px 6px;border:1px solid #e4e9dc;border-radius:7px;background:#f9fbf4;font-size:16px;color:#9ca58b}.character-choices>button.selected{border-color:#8ca47b;background:#edf3e4;color:#66844e}.character-choices>button>svg:last-child:not(:first-child){position:absolute;top:5px;right:5px}.solo-note{display:flex;align-items:flex-start;gap:9px;background:#f3f6eb;padding:13px 11px;border-radius:6px;margin:20px 0;color:#95a582}.solo-note p{font-size:16px;color:#99a68b;line-height:1.8}.full-width{width:100%}.spectator-note{display:flex;align-items:center;justify-content:center;gap:8px;color:#95a086;font-size:16px;padding:14px 0;background:#f4f6ed;border-radius:6px}.members-panel{padding:20px}.members-panel h2{display:flex;justify-content:space-between;align-items:center;font-size:16px;font-weight:500;color:#7c8b6b;margin-bottom:6px}.members-panel h2>span{font-size:16px;font-weight:400;color:#a2ac95}.member-row{display:flex;align-items:center;gap:10px;padding:15px 0;border-bottom:1px solid #eef0e7}.member-row:last-child{border-bottom:0;padding-bottom:0}.member-avatar{width:32px;height:32px;border-radius:50%;background:#edf0e4;color:#9cab83;display:grid;place-items:center;font:16px SimSun,serif}.member-avatar.host{background:#e6edda;color:#7b905d}.member-row>div{flex:1;min-width:0}.member-row strong{font-size:16px;font-weight:500;color:#7f8c6e;display:block;overflow-wrap:anywhere}.member-row small{font-size:16px;background:#edf1e4;padding:2px 4px;border-radius:3px;margin-left:5px;color:#9dab83}.member-row p{font-size:16px;color:#a6af97;margin-top:5px}.crown{color:#c2ad6b}.muted{color:#a6b298}.room-layout.expanded{grid-template-columns:1fr}.room-layout.expanded .room-detail{display:none}.room-layout.expanded .map-scroll{max-height:80vh}.loading-state{min-height:65vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:#7e926b}.loading-state h2{font-size:18px;font-weight:400}.loading-state p{font-size:16px;color:#9ba78e}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}dialog{border:1px solid #dde4d4;border-radius:14px;background:#fbfcf8;color:#4c6043;box-shadow:0 20px 90px #192e3240;max-height:90dvh;overflow:auto;padding:27px;margin:auto}dialog::backdrop{background:#24322e70;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.create-modal{width:min(640px,calc(100% - 30px))}.small-modal{width:min(420px,calc(100% - 30px))}.modal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:23px}.modal-heading h2{font-family:STSong,SimSun,serif;letter-spacing:2px;font-size:25px;font-weight:400;margin:5px 0 9px}.modal-heading p{font-size:16px;color:#9ba68d;line-height:1.7}.text-input{width:100%;border:1px solid #dfe5d5;border-radius:6px;background:#f7f9f1;padding:11px 12px;color:#6a7d57;font-size:16px}.form-mode{display:flex;align-items:center;gap:11px;background:#eef3e4;border:1px solid #e0e8d3;border-radius:8px;padding:14px 16px;margin-top:18px;color:#7e9567}.form-mode>div{flex:1}.form-mode strong{font-size:16px;font-weight:500}.form-mode p{font-size:16px;margin-top:6px;color:#a0ad8e}.modal-field-title{display:flex;align-items:center;justify-content:space-between;margin-top:9px}.modal-field-title>span:last-child{font-size:16px;color:#a4ae97}.map-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.map-picker button{padding:0;overflow:hidden;border:2px solid transparent;border-radius:7px;background:#f2f5eb;color:#8a9879}.map-picker button.selected{border-color:#849e70;background:#e8efde;color:#5e7a4b}.map-picker img{display:block;width:100%;height:76px;object-fit:cover}.map-picker button>span{display:flex;align-items:center;justify-content:space-between;font-size:16px;padding:9px}.modal-characters>button{padding:16px}.modal-footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:19px;margin-top:22px}.modal-footer>span{font-size:16px;color:#a0aa91}.code-input{letter-spacing:6px;font-size:21px;text-align:center}.code-input::placeholder{letter-spacing:2px;font-size:16px}.form-hint{font-size:16px;color:#a1ac92;line-height:1.8;margin:13px 0 20px}.small-modal .full-width{margin-top:20px}.confirm-actions{display:flex;justify-content:flex-end;gap:10px}.toast{position:fixed;z-index:100;bottom:30px;left:50%;transform:translate(-50%);max-width:calc(100vw - 30px);display:flex;align-items:center;gap:10px;padding:15px 20px;border-radius:9px;border:1px solid #d9e3cb;background:#f5f9edf5;box-shadow:0 5px 30px #33403022;color:#69824e;font-size:16px;line-height:1.7}.toast.error{color:#9b654f;border-color:#e7cec0;background:#fff7f0}.toast-enter-active,.toast-leave-active{transition:opacity .2s}.toast-enter-from,.toast-leave-to{opacity:0}@media(min-width:1500px){.hero{min-height:330px}.hero-copy{padding:39px 0 39px 42px}.hero h1{font-size:42px}.map-picture{height:160px}}@media(max-width:1150px){.sidebar{width:186px;padding:30px 16px}.main-shell{margin-left:186px;width:calc(100% - 186px)}main{padding:26px 25px 0}.topbar{padding:0 25px}.brand{font-size:20px;gap:8px}.brand-symbol{width:36px;height:40px}.hero h1{font-size:31px}.hero h1>span{font-size:20px}.hero-copy{padding-left:26px}.lobby-grid{grid-template-columns:minmax(0,1fr) 220px;gap:16px}.journey-panel{padding:20px 16px}.room-toolbar{padding-left:17px;padding-right:17px}.tabs{gap:11px}.room-layout{grid-template-columns:minmax(0,1fr) 250px}.atlas-image{height:155px}.room-row>img{width:47px;height:40px}.room-row{gap:9px}.room-row-info p>span:last-child{display:none}}@media(max-width:900px){.sidebar{width:74px;padding:26px 12px;align-items:center}.brand>span:last-child,.sidebar-label,.sidebar-note,.sidebar-bottom{display:none}.brand-symbol{width:40px;height:45px}.sidebar nav{margin-top:35px;width:100%}nav button{font-size:0;gap:0;justify-content:center;padding:0}nav button>svg:first-child{width:20px;height:20px}.nav-arrow,.nav-number,.live-dot{display:none}.main-shell{margin-left:74px;width:calc(100% - 74px)}.lobby-grid{grid-template-columns:1fr}.journey-panel{display:none}.hero{min-height:285px}.hero-copy{width:65%}.hero-world{width:52%}.hero h1{font-size:30px}.hero h1>span{font-size:19px}.hero p{font-size:16px}.map-teasers{gap:10px}.map-picture{height:104px}.room-layout{grid-template-columns:minmax(0,1fr) 230px;gap:13px}.room-page-heading{align-items:flex-start}.room-actions{flex-direction:column;align-items:flex-end}.atlas-grid{gap:14px}.atlas-image{height:140px}.atlas-copy{padding:16px}.atlas-copy p{font-size:16px}}@media(max-width:650px){.sidebar{position:relative;width:100%;height:62px;padding:10px 16px;border-right:0;border-bottom:1px solid var(--line);flex-direction:row;justify-content:space-between}.brand{font-size:18px;gap:8px}.brand-symbol{width:31px;height:34px;font-size:26px}.brand-symbol>span{font-size:16px}.brand>span:last-child{display:block}.brand-en{font-size:16px;line-height:1.7;letter-spacing:1.6px}.sidebar nav{flex-direction:row;width:auto;margin:0;gap:5px}nav button{height:36px;width:36px;border-radius:7px}.app-shell{display:block}.main-shell{margin-left:0;width:100%}.topbar{height:54px;padding:0 17px}.breadcrumb{font-size:16px;gap:8px}.identity{font-size:16px;gap:7px}.identity-avatar{width:26px;height:26px}.identity>svg{width:13px;margin-left:2px}main{padding:18px 16px 0}.hero{min-height:289px}.hero-copy{padding:25px 0 24px 22px;width:90%}.hero-world{width:75%;opacity:.55}.hero-world-overlay{background:linear-gradient(90deg,#eff3e7 0%,#eff3e7c2 40%,transparent)}.hero h1{font-size:31px;margin-top:20px}.hero h1>span{font-size:18px;margin-top:10px}.eyebrow{font-size:16px;letter-spacing:.4px}.hero p{font-size:16px;margin-top:15px}.world-label{display:none}.mode-strip{padding:19px 0 23px;gap:11px}.mode-icon{width:36px;height:36px;flex-shrink:0}.mode-strip strong{font-size:16px}.mode-strip p{font-size:16px;line-height:1.7;max-width:280px}.mode-count{display:none}.section-heading h2,.section-heading p{font-size:16px}.rooms-panel>.section-heading{padding:21px 15px 18px}.text-button{font-size:16px;gap:4px}.room-toolbar{padding:0 15px 12px}.tabs{gap:12px}.tabs button{font-size:16px}.search{padding:6px}.search input{width:92px;font-size:16px}.room-list{padding:0 12px}.room-row{gap:8px}.room-row-info h3{font-size:16px}.room-row-info p{font-size:16px;gap:6px}.room-row>img{width:40px;height:39px}.room-enter{font-size:16px;padding:6px}.room-row-state small,.status{font-size:16px}.tiny-tag{display:none}.map-section{margin-top:25px}.map-teasers{grid-template-columns:repeat(2,1fr);gap:12px}.map-picture{height:114px}.map-teaser-title{padding:12px}.map-teaser-title strong{font-size:16px}.atlas-grid{grid-template-columns:repeat(2,1fr);gap:12px}.atlas-image{height:128px}.atlas-copy{padding:13px}.atlas-copy h2{font-size:16px}.atlas-copy p{font-size:16px;margin-bottom:13px}.atlas-action{font-size:16px}.page-heading h1{font-size:26px}.page-heading p{font-size:16px;line-height:1.8}.room-page-heading h1{font-size:18px;gap:6px;flex-wrap:wrap}.room-page-heading p{font-size:16px;line-height:1.9}.room-page-heading p span{padding-left:6px;margin-left:6px}.room-actions{gap:4px}.room-actions button{font-size:16px;padding:8px 10px;min-height:32px;gap:5px}.room-layout{grid-template-columns:1fr}.room-detail{display:grid;grid-template-columns:1fr;gap:14px}.map-scroll{min-height:0;max-height:60vh}.map-view-heading{padding:13px}.map-view-heading span{font-size:16px;margin-left:0}.map-view-footer{padding:12px}.settings-panel{padding:19px}.settings-panel>h2{margin-bottom:16px}.members-panel{padding:18px}.toast{font-size:16px;bottom:20px;padding:12px 15px;width:max-content}footer{font-size:16px;padding-top:25px;line-height:1.8;align-items:flex-start}footer>span:last-child{text-align:right;max-width:88px;flex-shrink:0}dialog{padding:21px}.modal-heading h2{font-size:23px}.map-picker{gap:8px}.map-picker img{height:62px}.map-picker button>span{font-size:16px;padding:7px 6px}.modal-footer .primary{padding:11px 15px}.modal-footer>span{font-size:16px}.character-choices>button{font-size:16px}.modal-characters>button{padding:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.atlas-preview-button{display:block;width:100%;padding:0;background:transparent;text-align:left}.atlas-buttons{display:flex;justify-content:space-between;gap:12px}.atlas-buttons button{background:transparent;padding:4px 0}.atlas-card:hover{transform:none}.sidebar nav{min-height:0;overflow-y:auto;flex-shrink:1}.mechanic-subnav{padding:4px 0 12px 13px}.mechanic-subnav strong{display:block;font-size:16px;font-weight:500;color:#9aa58d;margin:14px 0 6px}.mechanic-subnav button{height:auto;min-height:30px;padding:7px 10px;font-size:16px;width:100%;border-radius:5px;color:#7c8d6c}.mechanic-subnav button.selected{color:#426956;background:#e8efdf}.sidebar-note{flex-shrink:0}@media(max-width:650px){.mechanic-subnav{display:none}.sidebar nav{overflow-y:visible}.sidebar nav>button{font-size:0}.sidebar nav>button svg{font-size:initial}.sidebar nav>button .nav-number,.sidebar nav>button .nav-arrow{display:none}}.mode-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 20px;margin:16px 0}.mode-options .mode-strip{padding:16px 0;margin:0}.actor-tabs{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 14px}.actor-tabs .selected{border-color:#769066;background:#e8efde}.actor-tabs>span{font-size:16px;color:#849479}#game-mode{width:100%;padding:11px;border:1px solid #dfe5d5;border-radius:6px;background:#f7f9f1;color:#4c6043}.create-modal p.muted{font-size:16px;line-height:1.7;margin:10px 0}.settings-panel>p{font-size:16px;line-height:1.7;margin:12px 0}@media(max-width:650px){.mode-options{grid-template-columns:1fr}.actor-tabs>span{width:100%}}.monster-card-receipt-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;align-items:center;justify-content:center;background:transparent;padding:18px}.brand-icon{width:56px;height:56px;object-fit:contain;flex-shrink:0}.brand{font-size:25px;gap:12px;letter-spacing:0}.sidebar{width:270px;padding:28px 20px 22px}.sidebar nav{margin-top:28px}.sidebar-bottom{margin-top:auto;padding-top:20px;color:#5d7059;flex-shrink:0}.main-shell{margin-left:270px;width:calc(100% - 270px)}.mechanic-subnav{padding-left:4px}.mechanic-subnav button{font-size:16px;line-height:1.6;padding:9px 12px}.mechanic-subnav strong{font-size:16px;color:#62765b}.breadcrumb,.identity{font-size:16px}@media(max-width:650px){.sidebar{width:70px;padding:18px 8px}.brand-icon{width:44px;height:44px}.brand>span{display:none}.main-shell{margin-left:70px;width:calc(100% - 70px)}.sidebar-bottom{font-size:0}.sidebar nav{margin-top:22px}}.game-column{min-width:0;display:flex;flex-direction:column;gap:20px}.game-column .hero-panel{margin-bottom:0}.game-column .actor-tabs{margin-bottom:-8px}.game-column>.map-view{width:100%;min-width:0}.game-column .practice-board{min-width:0;max-width:100%}.map-tile-count{margin:0 4px -10px;text-align:right;color:#7b8875;font-size:16px;line-height:1.6}@media(max-width:1449px){.mode-options{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1119px){.mode-options{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.mode-options{grid-template-columns:1fr}}.mode-options .tag.mode-open{color:#287344;background:#edf7ee;border-color:#b6d9bd}.mode-options .tag.mode-unavailable{color:#b43d36;background:#fff0ee;border-color:#e9b8b2}.site-footer{display:flex;justify-content:flex-end;align-items:center;padding:14px 24px;margin-top:16px;font-size:12px;color:#91988b}.site-footer a:hover{text-decoration:underline;color:#426957}.main-shell{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.main-shell>main{flex:1;width:100%;margin:0 auto}.main-shell>.site-footer{flex-shrink:0}@media(max-width:900px),(orientation:landscape)and (max-height:600px)and (max-width:1100px){html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{overflow-x:clip}.app-shell{display:block;min-width:0}.app-shell .sidebar{position:sticky;inset:0 0 auto;z-index:40;display:flex;flex-direction:column;align-items:stretch;width:100%;height:auto;padding:8px 12px 6px;border-right:0;border-bottom:1px solid var(--line);background:#fafbf6f5;gap:6px}.app-shell .sidebar .brand{display:flex;align-items:center;align-self:flex-start;gap:8px;white-space:nowrap;font-size:20px;line-height:1.3;min-height:36px}.app-shell .sidebar .brand-icon{width:34px;height:34px}.app-shell .sidebar .brand>span{display:inline;white-space:nowrap}.app-shell .sidebar nav{display:flex;flex-direction:row;align-items:stretch;width:100%;margin:0;gap:4px}.app-shell .sidebar nav>button{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:auto;min-width:0;height:48px;padding:4px 2px;font-size:12px;line-height:1.2;white-space:nowrap;border-radius:7px}.app-shell .sidebar nav>button>svg:first-child{width:20px;height:20px}.app-shell .sidebar .nav-arrow,.app-shell .sidebar .nav-number,.app-shell .sidebar .live-dot,.app-shell .sidebar .sidebar-bottom,.app-shell .sidebar .mechanic-subnav{display:none}.app-shell .main-shell{width:100%;min-width:0;margin-left:0;min-height:calc(100dvh - 105px)}.main-shell .topbar{height:auto;min-height:48px;padding:6px 14px;gap:10px}.topbar .breadcrumb{min-width:0;font-size:0;gap:0;white-space:nowrap}.topbar .breadcrumb>svg{display:none}.topbar .breadcrumb>strong{font-size:14px}.topbar .identity{font-size:13px;white-space:nowrap;min-height:36px;gap:5px;min-width:0}.topbar .identity>span:last-child{max-width:90px;overflow:hidden;text-overflow:ellipsis}.main-shell>main{padding:14px 12px 0;min-width:0}.hero{min-height:0}.hero .hero-copy{width:100%;padding:20px;position:relative;z-index:1}.hero .eyebrow{font-size:13px;line-height:1.5}.hero h1{font-size:26px;line-height:1.4;margin-top:12px}.hero h1>span{font-size:17px;line-height:1.5;margin-top:6px}.hero p{font-size:14px;line-height:1.85;margin-top:12px;overflow-wrap:break-word}.hero .primary{margin-top:18px;min-height:44px}.hero-world{width:70%;opacity:.2}.mode-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 10px;margin:10px 0}.mode-options .mode-strip{padding:12px 0;gap:7px;min-width:0}.mode-options .mode-icon{width:28px;height:28px;border-radius:8px}.mode-options .mode-icon>svg{width:18px;height:18px}.mode-options .mode-strip strong{font-size:13px;line-height:1.8}.mode-options .tag{font-size:11px;margin-left:4px;padding:1px 3px;white-space:nowrap}.lobby-grid,.room-layout,.room-layout.expanded{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.room-page-heading{flex-direction:column;align-items:stretch;gap:12px}.room-page-heading h1{font-size:20px;line-height:1.5;overflow-wrap:anywhere}.room-page-heading p{font-size:13px;line-height:1.9}.room-page-heading p span{display:inline-block;padding-left:6px;margin-left:6px}.room-actions{flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:8px}.room-actions button{min-height:44px;padding:10px 14px;font-size:14px;white-space:nowrap}.game-column,.room-detail,.panel,.map-view{min-width:0}.room-detail{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.map-view-heading{padding:10px 12px;gap:6px;min-width:0}.map-view-heading>div{display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-width:0}.map-view-heading span{font-size:12px;margin-left:0}.map-view-heading .icon-button{width:44px;height:44px;flex-shrink:0}.room-toolbar{flex-wrap:wrap;gap:10px}.room-toolbar .tabs{gap:12px;flex-wrap:wrap}.room-toolbar .search{flex:1;min-width:120px}.room-toolbar .search input{width:100%;min-width:0}.room-row{flex-wrap:wrap;gap:10px}.room-row-info{flex:1;min-width:100px}.room-row-info h3{font-size:14px;overflow-wrap:anywhere}.room-row-info p,.room-row-state .status{font-size:12px}.room-enter{min-height:44px;white-space:nowrap}.app-shell .hero-panel .stats,.app-shell .hero-panel .inventory{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-panel .hero-heading{flex-wrap:wrap;gap:8px}.hero-panel{padding:16px}.actor-tabs{flex-wrap:wrap}.actor-tabs button{min-height:44px}dialog{max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow:auto;overscroll-behavior:contain}.create-modal{width:calc(100vw - 16px);padding:18px}.modal-heading{gap:10px}.modal-heading h2{font-size:22px}.map-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.map-picker img{height:58px}.modal-footer{flex-wrap:wrap;gap:12px}.modal-footer button,.character-choices button{min-height:44px}.field-label+input,.field-label+select{min-height:44px}.app-shell .game-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell .resource-background{right:max(8px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom));width:min(240px,calc(100vw - 24px));padding:9px 12px;gap:5px;border-radius:9px;font-size:12px}.app-shell .resource-background small{font-size:10px}.site-footer{padding:14px 12px max(14px,env(safe-area-inset-bottom));font-size:11px}.toast{max-width:calc(100vw - 24px);font-size:14px;overflow-wrap:anywhere}}@media(max-width:900px),(orientation:landscape)and (max-height:600px)and (max-width:1100px){.room-layout.expanded .map-view{position:fixed;top:0;right:0;bottom:0;left:0;z-index:65;display:flex;flex-direction:column;width:100%;height:100dvh;border:0;border-radius:0;background:#f6f8f2}.room-layout.expanded .map-view-heading{flex-shrink:0;padding:4px 12px}.room-layout.expanded .practice-board{display:flex;flex-direction:column;flex:1;min-height:0;width:100%;align-self:stretch}.room-layout.expanded .board-scroll{flex:1;min-height:0;max-height:none;aspect-ratio:auto;width:100%;align-self:stretch}.room-layout.expanded .native-status,.room-layout.expanded .map-touch-tools{flex-shrink:0}}@media(orientation:landscape)and (max-height:600px)and (max-width:1100px){.app-shell .sidebar{flex-direction:row;align-items:center;padding:4px max(8px,env(safe-area-inset-right)) 4px max(8px,env(safe-area-inset-left));gap:12px}.app-shell .sidebar .brand{align-self:center;font-size:16px;min-height:32px}.app-shell .sidebar .brand-icon{width:28px;height:28px}.app-shell .sidebar nav{flex:1;width:auto}.app-shell .sidebar nav>button{flex-direction:row;gap:4px;height:40px;font-size:11px}.main-shell .topbar{min-height:36px;padding-top:2px;padding-bottom:2px}.app-shell .main-shell{min-height:calc(100dvh - 48px)}.hero .hero-copy{padding:16px 20px}.hero h1{font-size:23px}.mode-options{grid-template-columns:repeat(3,minmax(0,1fr))}.room-page-heading{flex-direction:row;align-items:flex-start;gap:16px}.room-page-heading>div:first-child{flex:1;min-width:0}.room-actions{flex-shrink:0}.app-shell .board-scroll{aspect-ratio:auto;height:65dvh;min-height:160px;max-height:440px}.app-shell .native-status>svg{max-height:72px}.room-layout.expanded .board-scroll{height:auto;min-height:0;max-height:none}.room-layout.expanded .native-status>svg{display:none}.app-shell .resource-background{width:210px;padding:6px 10px;gap:3px}.app-shell .resource-background small{display:none}.local-game-dialog{width:min(calc(100vw - 16px),calc((100dvh - 90px)*4/3))!important;max-height:calc(100dvh - 12px)!important}.app-shell .game-canvas{max-width:calc((100dvh - 72px)*4/3)}.app-shell .game-picker{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:360px){.mode-options .mode-icon{display:none}.topbar .identity>span:last-child{max-width:66px}.hero .hero-copy{padding:16px}}@media(pointer:coarse){.app-shell .monster-overlay[role=dialog]{padding:8px;overflow:auto}button,a,input,select{touch-action:manipulation}.local-game-dialog .controls button,.arcade .controls button{min-width:52px;min-height:48px;padding:10px 16px}.local-game-dialog .controls,.arcade .controls{flex-wrap:wrap;gap:8px}.local-game-dialog .controls>span,.arcade .controls>span{font-size:12px}.app-shell .local-game-dialog .start{top:auto;bottom:4%;min-width:64px;min-height:44px;font-size:18px}}