/* V5 account and world lobby: a small, original illustrated adventure atlas. */
.portal-enabled #startScreen,.portal-enabled #onlineJoinStart,.portal-enabled #coopBadge,.portal-enabled #coopDialog,.portal-enabled #bottomHint{display:none!important}
.portal-enabled #audioToggle{z-index:19}.portal-enabled:not(.portal-playing) #audioToggle,.portal-enabled:not(.portal-playing) #frontierButtons{display:none!important}
#portal,#portal *,.portal-dialog,.portal-dialog *,.world-ribbon,.world-ribbon *{box-sizing:border-box}
#portal{--ink:#173d3e;--quiet:#688180;--paper:#f4f7ef;--mint:#d9f4de;--deep:#173e39;position:fixed;top:0;right:0;bottom:0;left:0;inset:0;z-index:60;overflow:auto;color:var(--ink);background:radial-gradient(ellipse at 0 4%,#e6f2dc 0,transparent 35%),radial-gradient(ellipse at 98% 30%,#dcefe9 0,transparent 35%),#f5f7f0;font-family:system-ui,-apple-system,'Segoe UI','Microsoft YaHei',sans-serif;user-select:text}
#portal[hidden]{display:none!important}#portal button,.portal-dialog button,.world-ribbon button{font:inherit;cursor:pointer}#portal button:focus-visible,.portal-dialog button:focus-visible,.world-ribbon button:focus-visible{outline:3px solid #dc9e38;outline-offset:3px}
#portal button:disabled,.portal-dialog button:disabled{opacity:.5;cursor:wait}#portal input,.portal-dialog input{font:inherit;user-select:text}#portal button{color:inherit}
.portal-wrap{width:calc(100% - 64px);max-width:1240px;width:min(1240px,calc(100% - 64px));margin:0 auto}.portal-topbar{height:92px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #224c3c12}.portal-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.portal-brand-mark{position:relative;width:42px;height:44px;flex:none}.portal-brand-mark:before,.portal-brand-mark:after{content:'';position:absolute;width:27px;height:27px;border-radius:5px;transform:rotate(-13deg)}.portal-brand-mark:before{background:#4f8860;top:3px;left:2px;box-shadow:inset -5px -5px #326945}.portal-brand-mark:after{background:#e4b45c;right:0;bottom:2px;box-shadow:inset -5px -5px #cb8c3d;border:2px solid #f5f7f0}.portal-brand strong{font-size:22px;letter-spacing:1px;display:block;line-height:1.25}.portal-brand small{display:block;font-size:9px;letter-spacing:2.1px;margin-top:5px;color:#688477;font-weight:800}.portal-top-right{display:flex;align-items:center;gap:12px}.portal-version{font-size:11px;letter-spacing:.5px;color:#71877b;border:1px solid #789b7a32;border-radius:20px;padding:6px 10px}.portal-account{border:1px solid #204e3f23;border-radius:28px;background:#fff9;display:flex;gap:9px;align-items:center;padding:6px 13px 6px 6px;font-size:13px;font-weight:750}.portal-avatar{display:grid;place-items:center;width:33px;height:33px;flex:none;border-radius:50%;background:#d5eadb;color:#356349;font-weight:900;font-size:14px}
.portal-loading{display:grid;place-items:center;min-height:70vh;text-align:center;gap:14px;color:#6c8474}.portal-spinner{width:34px;height:34px;border:3px solid #dbe9d8;border-top-color:#507f56;border-radius:50%;animation:portal-spin .9s linear infinite;margin:auto auto 20px}@keyframes portal-spin{to{transform:rotate(360deg)}}
.portal-auth{display:grid;grid-template-columns:1.12fr 1fr;min-height:calc(100vh - 92px);min-height:calc(100dvh - 92px);align-items:center;gap:65px;padding:44px 0 42px}.portal-auth-art{position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.portal-overline{font-size:11px;font-weight:850;letter-spacing:2.3px;color:#658b6b;text-transform:uppercase;display:flex;gap:8px;align-items:center}.portal-overline:before{content:'';width:21px;height:2px;background:#85a46c}.portal-auth-art h1{font-size:42px;font-size:clamp(38px,4.4vw,60px);line-height:1.17;letter-spacing:-1.7px;margin:17px 0;color:#193f3a;font-weight:850}.portal-auth-art h1 em{font-style:normal;color:#6c965d}.portal-auth-art>p{font-size:14px;line-height:1.9;color:#6b8078;max-width:360px}.portal-illustration{width:100%;height:auto;max-height:340px;margin:3px -15px -5px;overflow:visible}.portal-art-note{display:flex;gap:18px;flex-wrap:wrap;font-size:11px;color:#687e70;margin-top:10px}.portal-art-note span{display:flex;align-items:center;gap:6px}.portal-art-note i{width:6px;height:6px;border-radius:50%;background:#9db888}
.portal-auth-card{width:100%;max-width:440px;justify-self:end;background:#fffdf8;border:1px solid #50774b17;border-radius:25px;padding:32px;box-shadow:0 20px 70px #204f3910,0 2px 3px #22462d04}.portal-auth-tabs{display:flex;padding:5px;border-radius:12px;background:#eef3e9;gap:3px;margin-bottom:27px}.portal-auth-tabs button{flex:1;border:0;background:transparent;border-radius:8px;padding:10px;font-size:13px;font-weight:750;color:#769077}.portal-auth-tabs button.active{background:#fffdf9;color:#2c573b;box-shadow:0 2px 8px #284b2d0c}.portal-auth-card h2{font-size:25px;letter-spacing:-.6px;margin:0 0 8px}.portal-auth-card .portal-copy{font-size:12px;color:#82907f;line-height:1.8;margin:0 0 25px}.portal-form-label{display:block;font-size:12px;font-weight:750;color:#41604b;margin:17px 0 8px}.portal-input{display:block;width:100%;border:1px solid #547b4d2e;border-radius:11px;min-height:46px;padding:12px 13px;background:#fbfcf8;color:#234536;outline:none;transition:border-color .15s,box-shadow .15s}.portal-input::placeholder{color:#a2ad9d;font-size:12px}.portal-input:focus{border-color:#86a77c;box-shadow:0 0 0 3px #87ab7620}.portal-input-wrap{position:relative}.portal-input-wrap .portal-input{padding-right:53px}.portal-peek{position:absolute;right:5px;top:5px;width:38px;height:36px;border:0;background:transparent;color:#7b9177!important;font-size:11px!important}.portal-inline{display:flex;justify-content:space-between;gap:14px;align-items:center;margin:16px 0 20px}.portal-check{display:flex;gap:7px;align-items:center;font-size:11px;color:#73826b;line-height:1.5}.portal-check input{accent-color:#57805a;width:14px;height:14px}.portal-text-button{border:0;background:none;padding:0;color:#68885a!important;font-size:11px!important;font-weight:700}.portal-main-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid #315b38;border-radius:11px;background:#355e3f;color:#fff!important;min-height:46px;padding:12px 20px;font-weight:750;font-size:13px;box-shadow:0 3px 0 #244c2c;transition:background .15s,transform .15s}.portal-main-button:hover{background:#426f4b}.portal-main-button:active{transform:translateY(2px);box-shadow:0 1px 0 #244c2c}.portal-main-button.full{width:100%}.portal-secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #496e3e2b;border-radius:10px;background:#fffdf8;color:#56704e!important;min-height:39px;padding:9px 13px;font-size:12px;font-weight:750}.portal-auth-footer{font-size:10px;line-height:1.9;color:#6d7763;text-align:center;margin:23px 2px 0}.portal-message{padding:11px 13px;border-radius:10px;font-size:12px;line-height:1.7;background:#f9f0dd;color:#97733f;margin:15px 0}.portal-message.error{background:#fff0e9;color:#ac614d}.portal-message.success{background:#eaf5e5;color:#4d7946}.portal-message[hidden]{display:none}.portal-identifier-switch{display:flex;gap:6px;margin:0 0 15px}.portal-identifier-switch button{border:1px solid #74956725;background:transparent;padding:6px 11px;border-radius:20px;font-size:10px}.portal-identifier-switch button.active{background:#eaf2e4;border-color:#8ca87b;color:#52744b}
.portal-main{padding:35px 0 55px}.portal-greeting{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:26px}.portal-greeting h1{font-size:30px;letter-spacing:-.7px;margin:5px 0 8px}.portal-greeting p{font-size:12px;line-height:1.8;color:#839080;margin:0}.portal-date{font-size:11px;color:#8a9985}.portal-feature{position:relative;min-height:232px;border-radius:22px;overflow:hidden;background:#dbeadc;display:grid;grid-template-columns:1fr .8fr;padding:31px 35px;border:1px solid #75957320}.portal-feature:before{content:'';position:absolute;width:350px;height:350px;border-radius:50%;right:80px;top:-90px;background:#eaf3d897}.portal-feature h2{position:relative;font-size:30px;letter-spacing:-.8px;line-height:1.4;margin:11px 0 12px;color:#28563b}.portal-feature p{position:relative;font-size:12px;line-height:1.8;color:#64826a;max-width:380px;margin:0 0 18px}.portal-feature .portal-main-button{position:relative;min-height:39px;padding:9px 16px;font-size:11px}.portal-feature .portal-illustration{position:absolute;height:255px;width:410px;right:35px;bottom:-30px;margin:0;filter:drop-shadow(0 11px 10px #244c3230)}.portal-feature-meta{position:absolute;right:20px;top:18px;padding:6px 10px;background:#f6fbebc2;border-radius:20px;border:1px solid #fff8;font-size:9px;font-weight:700;color:#668467}
.portal-navigation{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:30px;border-bottom:1px solid #75946b21}.portal-nav-tabs{display:flex;gap:25px}.portal-nav-tabs button{background:none;border:0;padding:0 0 14px;font-size:13px;font-weight:800;color:#8a9882;position:relative}.portal-nav-tabs button.active{color:#3d6747}.portal-nav-tabs button.active:after{content:'';position:absolute;bottom:-1px;height:3px;border-radius:2px;background:#5d865b;left:0;right:0}.portal-count{font-size:9px;background:#e6eddf;padding:2px 6px;border-radius:8px;margin-left:4px}.portal-grid-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:25px 0 15px}.portal-grid-title h2{font-size:17px;margin:0}.portal-grid-title p{font-size:11px;margin:0;color:#8b9b85}.portal-world-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.portal-world-card{background:#fffdf8;border:1px solid #7a986a22;border-radius:17px;overflow:hidden;transition:transform .2s,box-shadow .2s;position:relative}.portal-world-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px #2543280c}.portal-world-cover{height:121px;position:relative;overflow:hidden;background:#d8e8cf}.portal-world-cover svg{position:absolute;right:0;bottom:-2px;width:100%;height:100%;object-fit:cover}.portal-world-cover.creative{background:#e6e1f1}.portal-world-cover.public-survival{background:#d5e9d6}.portal-world-cover.public-creative{background:#e8dcf0}.portal-cover-tag{position:absolute;left:13px;top:12px;z-index:1;font-size:9px;padding:5px 8px;border-radius:16px;background:#fffdf6cf;color:#5b7956;backdrop-filter:blur(4px);font-weight:800}.portal-cover-tag.creative{color:#8d74a0}.portal-cover-online{position:absolute;right:12px;top:12px;display:flex;align-items:center;gap:5px;font-size:9px;color:#52704e;background:#ffffffb8;border-radius:13px;padding:5px 7px}.portal-cover-online i{display:inline-block;width:5px;height:5px;background:#6aa45c;border-radius:50%}.portal-world-body{padding:16px}.portal-world-body h3{margin:0 0 7px;font-size:15px;color:#355b40;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.portal-world-body .portal-world-meta{font-size:10px;color:#94a08a;line-height:1.7;margin-bottom:16px;min-height:17px}.portal-world-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.portal-world-enter{background:#edf3e7;border:1px solid #7e9c6e22;color:#56764b!important;border-radius:8px;padding:8px 12px;font-size:10px;font-weight:800;display:flex;gap:14px;align-items:center}.portal-world-enter:hover{background:#e0ecd7}.portal-world-tools{display:flex;gap:3px}.portal-icon-button{border:0;background:none;color:#9baa8f!important;width:27px;height:29px;border-radius:7px;font-size:12px!important;padding:0}.portal-icon-button:hover{background:#f0f3e9;color:#617b51!important}.portal-world-empty{border:1.5px dashed #9fb19478;border-radius:17px;min-height:256px;background:#ffffff29;display:flex;align-items:center;justify-content:center;text-align:center;padding:25px}.portal-world-empty button{border:0;background:none}.portal-empty-plus{display:grid;place-items:center;margin:0 auto 13px;background:#e7eedf;border:1px solid #acbd9b66;width:42px;height:42px;border-radius:12px;font-size:25px;color:#5c6e4b}.portal-world-empty h3{font-size:13px;font-weight:700;margin:0 0 8px;color:#77926b}.portal-world-empty p{font-size:10px;color:#9ba991;line-height:1.8;margin:0}.portal-lobby-note{display:flex;gap:14px;align-items:center;font-size:10px;color:#9aa88e;padding:19px 0 2px}.portal-lobby-note:before{content:'✦';color:#b2bd9b;font-size:17px}.portal-search{border:1px solid #7795652e;background:#fff9;border-radius:9px;padding:8px 11px;font-size:10px!important;min-width:160px;color:#68825a;outline:none}.portal-community-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.portal-community-grid .portal-world-cover{height:170px}.portal-community-grid .portal-world-body{padding:21px}.portal-community-grid h3{font-size:19px}.portal-community-grid .portal-world-meta{font-size:12px;max-width:360px;line-height:1.9;min-height:45px}.portal-public-note{border:1px solid #96ab7f25;background:#eaf1e3;border-radius:13px;padding:15px 19px;font-size:11px;line-height:1.9;color:#7b906b;margin:20px 0}.portal-guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:23px}.portal-guide-card{background:#fffdf9;border:1px solid #74906422;padding:23px;border-radius:16px}.portal-guide-card span{font-size:27px;display:block;margin-bottom:15px}.portal-guide-card h3{font-size:14px;margin:0 0 9px}.portal-guide-card p{font-size:11px;color:#829476;line-height:2;margin:0}.portal-footnote{padding-top:28px;display:flex;justify-content:space-between;gap:12px;font-size:9px;line-height:1.8;color:#a1ad96;letter-spacing:.2px}
.portal-dialog{position:fixed;top:0;right:0;bottom:0;left:0;inset:0;z-index:90;display:grid;place-items:center;padding:20px;background:#153e30a6;backdrop-filter:blur(9px);color:#2c543b;overflow:auto}.portal-dialog[hidden]{display:none}.portal-dialog-card{background:#fffdf7;width:100%;max-width:490px;width:min(490px,100%);max-height:calc(100vh - 36px);max-height:92dvh;overflow:auto;border-radius:22px;padding:28px;border:1px solid #e6edda;box-shadow:0 25px 100px #143a343d}.portal-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.portal-dialog-heading h2{font-size:22px;letter-spacing:-.4px;margin:0}.portal-dialog-close{border:0;background:#eff3e8;border-radius:50%;width:30px;height:30px;font-size:17px;color:#607154}.portal-dialog-copy{font-size:12px;line-height:1.9;color:#89977d;margin:0 0 20px}.portal-mode-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:19px 0}.portal-mode-options button{border:1px solid #95ad7e48;border-radius:13px;background:#f8faf3;text-align:left;padding:16px;color:#5f7d50}.portal-mode-options button.selected{border-color:#6d9554;box-shadow:0 0 0 2px #91b47824;background:#f0f6e7}.portal-mode-options button span{font-size:25px}.portal-mode-options button strong{display:block;font-size:13px;margin:9px 0 5px}.portal-mode-options button small{font-size:10px;color:#647358;line-height:1.7}.portal-dialog-actions{display:flex;gap:9px;justify-content:flex-end;align-items:center;margin-top:22px}.portal-recovery-code{display:block;user-select:all;white-space:pre-wrap;overflow-wrap:anywhere;background:#edf3e5;border:1px dashed #95ad7a;border-radius:13px;padding:19px;font-family:ui-monospace,monospace;font-size:19px;letter-spacing:1px;color:#5f7e44;margin:20px 0;text-align:center}.portal-settings-row{display:flex;justify-content:space-between;gap:15px;font-size:12px;padding:13px 0;border-bottom:1px solid #9eaf8523}.portal-settings-row small{font-size:10px;color:#6a7857}.portal-settings-section{margin-top:21px}.portal-settings-section h3{font-size:13px;margin-bottom:10px}.portal-danger{border-color:#d3aaa18c;color:#ac7161!important;background:#fff7f0}.portal-toast{position:fixed;z-index:110;left:50%;bottom:30px;transform:translateX(-50%);width:max-content;max-width:90vw;max-width:min(520px,90vw);border:1px solid #c6dbb2;border-radius:13px;padding:13px 19px;background:#fffef7;box-shadow:0 9px 40px #0f35232a;color:#567747;font-size:12px;line-height:1.6}
.world-ribbon{position:fixed;left:50%;bottom:113px;transform:translateX(-50%);z-index:18;display:flex;align-items:center;gap:9px;color:#e6f4db;pointer-events:auto;padding:6px 8px;background:#183a35e8;border:1px solid #b5d9b456;border-radius:13px;box-shadow:0 8px 25px #071b2450;max-width:calc(100vw - 30px);backdrop-filter:blur(9px)}.world-ribbon[hidden]{display:none!important}.world-ribbon button{border:1px solid #c1dfb636;background:#d9f3d414;border-radius:8px;color:#d7ead0;padding:7px 9px;font-size:10px;white-space:nowrap}.world-ribbon-name{min-width:95px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:800;padding:0 6px}.world-ribbon-sync{font-size:9px;color:#acc8a5;white-space:nowrap}.world-ribbon-sync.error{color:#ffc9ae}.world-ribbon-sync.saving{color:#f1dd9f}.portal-social-log{height:215px;overflow:auto;line-height:1.8;background:#f2f5ec;border-radius:11px;padding:13px;margin:13px 0;font-size:12px;color:#718765}.portal-social-row{padding:5px 0;overflow-wrap:anywhere}.portal-social-members{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0}.portal-social-member{font-size:10px;border:1px solid #bfd0ad;border-radius:16px;padding:6px 9px;background:#edf5e5}.portal-social-input{display:flex;gap:8px}.portal-social-input .portal-input{min-width:0}.portal-social-input button{flex:none}.portal-social-goal{background:#e5f0da;border-radius:10px;padding:12px;font-size:11px;line-height:1.9;color:#6b8855}
@media(min-width:1400px){.portal-auth{gap:90px}.portal-auth-art h1{font-size:65px}.portal-auth-card{max-width:455px;padding:37px}.portal-illustration{max-height:375px}}
@media(max-width:1000px){.portal-wrap{width:calc(100% - 42px)}.portal-auth{gap:30px}.portal-auth-art h1{font-size:42px}.portal-auth-card{padding:27px}.portal-world-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-feature .portal-illustration{right:-15px;width:360px}.portal-feature{grid-template-columns:1fr .6fr;padding:28px}.portal-feature h2{font-size:27px}.portal-feature p{max-width:300px}.portal-guide-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.portal-wrap{width:calc(100% - 30px)}.portal-topbar{height:74px;gap:10px}.portal-brand strong{font-size:18px}.portal-brand small{font-size:7px;letter-spacing:1.6px}.portal-brand-mark{transform:scale(.85);transform-origin:left center;width:35px}.portal-version{display:none}.portal-top-right{gap:6px}.portal-account{font-size:11px;padding-right:9px}.portal-avatar{width:28px;height:28px;font-size:12px}.portal-auth{display:block;padding:28px 0 35px;min-height:calc(100dvh - 74px)}.portal-auth-art{align-items:center;text-align:center}.portal-overline{font-size:9px}.portal-auth-art h1{font-size:32px;line-height:1.23;margin:14px 0 10px;letter-spacing:-1px}.portal-auth-art h1 br{display:none}.portal-auth-art>p{font-size:11px;max-width:310px;margin:0 auto;line-height:1.8}.portal-auth-art .portal-illustration{height:150px;width:280px;margin:-4px auto -15px}.portal-art-note{display:none}.portal-auth-card{max-width:450px;margin:0 auto;padding:23px;border-radius:20px}.portal-auth-tabs{margin-bottom:21px}.portal-auth-card h2{font-size:23px}.portal-auth-card .portal-copy{margin-bottom:18px}.portal-input{min-height:44px;padding:11px 12px}.portal-main{padding-top:25px}.portal-greeting{align-items:start;margin-bottom:21px}.portal-greeting h1{font-size:25px}.portal-greeting p{font-size:11px}.portal-date{display:none}.portal-feature{min-height:218px;display:block;padding:25px 23px}.portal-feature .portal-overline{font-size:8px}.portal-feature h2{font-size:25px;max-width:245px;margin-top:13px}.portal-feature p{font-size:10px;max-width:210px;line-height:1.8}.portal-feature .portal-illustration{width:260px;height:200px;right:-53px;bottom:-28px;opacity:.8;pointer-events:none}.portal-feature-meta{right:12px;top:12px;font-size:8px}.portal-feature .portal-main-button{z-index:1}.portal-navigation{margin-top:25px}.portal-nav-tabs{gap:21px}.portal-nav-tabs button{font-size:12px;padding-bottom:12px}.portal-navigation .portal-secondary-button{font-size:10px;min-height:32px;padding:7px 9px}.portal-grid-title{margin:23px 0 13px;align-items:start}.portal-grid-title h2{font-size:15px}.portal-grid-title p{font-size:10px;line-height:1.7;max-width:220px}.portal-search{min-width:0;width:125px;font-size:10px!important}.portal-world-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.portal-world-cover{height:92px}.portal-world-body{padding:12px}.portal-world-body h3{font-size:12px}.portal-world-body .portal-world-meta{font-size:9px;margin-bottom:12px}.portal-world-enter{padding:7px 8px;font-size:9px;gap:8px}.portal-world-tools{gap:0}.portal-icon-button{width:22px;font-size:10px!important}.portal-world-footer{gap:3px}.portal-cover-tag{left:9px;top:9px;font-size:8px;padding:4px 6px}.portal-cover-online{right:8px;top:9px;font-size:8px;padding:4px 5px}.portal-world-empty{min-height:211px;padding:15px}.portal-world-empty h3{font-size:11px}.portal-world-empty p{font-size:9px}.portal-empty-plus{width:34px;height:34px;font-size:21px}.portal-community-grid{grid-template-columns:1fr}.portal-community-grid .portal-world-cover{height:140px}.portal-community-grid .portal-world-body{padding:18px}.portal-community-grid h3{font-size:18px}.portal-community-grid .portal-world-meta{font-size:11px;min-height:0}.portal-guide-grid{grid-template-columns:1fr}.portal-guide-card{padding:19px}.portal-guide-card span{font-size:23px}.portal-footnote{display:block;font-size:8px}.portal-footnote span{display:block;margin:6px 0}.portal-dialog{padding:12px}.portal-dialog-card{padding:22px;border-radius:19px}.portal-dialog-heading h2{font-size:20px}.portal-dialog-copy{font-size:11px}.portal-dialog-actions{flex-wrap:wrap}.portal-recovery-code{font-size:16px}.portal-mode-options button{padding:12px}.portal-mode-options button strong{font-size:12px}.portal-mode-options button small{font-size:9px}.world-ribbon{bottom:auto;top:141px;gap:5px;padding:4px 5px;max-width:calc(100vw - 20px);border-radius:10px}.world-ribbon button{font-size:9px;padding:6px 7px}.world-ribbon-name{max-width:100px;min-width:0;font-size:9px;padding:0 3px}.world-ribbon-sync{font-size:8px}.portal-enabled #daybar{top:120px!important}.portal-enabled #realmName{top:176px!important}.portal-enabled #portalBanner{top:201px!important}.portal-enabled #hazard{top:239px!important}}
@media(pointer:coarse) and (orientation:landscape){.world-ribbon{top:95px;bottom:auto;max-width:58vw;padding:4px 5px}.world-ribbon-name{font-size:9px;max-width:110px}.world-ribbon-sync{font-size:8px}.world-ribbon button{font-size:8px;padding:5px 6px}.portal-enabled #daybar{top:8px!important}.portal-enabled #realmName{top:39px!important}.portal-enabled #portalBanner{top:130px!important}.portal-enabled #hazard{top:160px!important}.portal-auth{padding-top:15px;display:grid;grid-template-columns:1fr 1fr;gap:22px}.portal-auth-art .portal-illustration{height:135px;margin-top:0}.portal-auth-art h1{font-size:28px}.portal-auth-art>p{font-size:10px}.portal-auth-card{padding:20px}.portal-auth-footer{margin-top:15px}.portal-main{padding-top:20px}.portal-feature .portal-illustration{width:290px;right:0}.portal-feature{min-height:200px}.portal-guide-grid{grid-template-columns:1fr 1fr}.portal-world-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.portal-topbar{height:68px}}
@media(prefers-reduced-motion:reduce){#portal *,.portal-dialog *{animation:none!important;transition:none!important}}

/* Carry the atlas palette into the in-game menus without changing the offline edition. */
.portal-enabled #stats,.portal-enabled #rightTop{background:linear-gradient(135deg,#193b35ec,#18382fe8);border-color:#b7d9b55e;box-shadow:0 4px 0 #102b25,0 10px 25px #071e2360}
.portal-enabled #hotbar{background:#18382fdc;border-color:#b0d5a66b}.portal-enabled .slot{background:linear-gradient(#46624dd9,#233e35e6);border-color:#abc5a243}.portal-enabled .slot.active{background:#6c6a3fe0;border-color:#e8d39a}
.portal-enabled #daybar,.portal-enabled #realmName{background:#183b32e6;border-color:#a9ce9b63;color:#eef6dc}.portal-enabled #eventBadge{background:#5e573fe6;border-color:#d7c68b}
.portal-enabled #overlay{background:linear-gradient(135deg,#0b302ad9,#0b2829ec)}.portal-enabled #panel{background:linear-gradient(135deg,#fbfcf4,#edf4e7);border:2px solid #a7be8c;border-radius:20px;color:#3f6147;box-shadow:0 13px 0 #102d26,0 25px 90px #041c25b0}
.portal-enabled #panel h2{color:#315d3d;letter-spacing:-.4px}.portal-enabled #panel h3{color:#456f45}.portal-enabled #panel p,.portal-enabled #panel .hint,.portal-enabled #panel small{color:#819176}.portal-enabled #panel .tilecard,.portal-enabled #panel .recipe{background:#fffef8!important;border-color:#8fa57932;color:#486847}
.portal-enabled #panel .primary,.portal-enabled #fatal .primary{background:#477247;border-color:#5c8250;color:#fff9e7;box-shadow:0 3px 0 #315b35;border-radius:10px;font-size:13px}
.portal-enabled #panel .secondary,.portal-enabled #closePanel,.portal-enabled #fatal .secondary{background:#f7faf0;border:1px solid #91a77c70;color:#66815a;border-radius:9px;font-size:12px;padding:9px 12px}
.portal-enabled #panel input:not([type=checkbox]):not([type=range]),.portal-enabled #panel select{background:#fffdf7!important;border-color:#a5b88b!important;color:#526e48!important}.portal-enabled #panel .line{background:#9bad842e}.portal-enabled #panel .ingredient{color:#9a875a}.portal-enabled #panel .kbd{background:#eaf1e1;border-color:#a8bb8f;color:#698451}
.portal-enabled .toast{background:#193e37ed;border:1px solid #afd3a35c;color:#edf8e2;font-size:11px;border-radius:10px;padding:8px 12px;max-width:420px;box-shadow:0 4px 18px #092d2b60}
.portal-enabled #fatal{background:#12342cce}.portal-enabled #fatal>div{background:#fbfaf0;border-color:#a7c18c;color:#476847}.portal-enabled #fatal h1{font-size:29px}
@media(pointer:coarse){.portal-enabled .toast{font-size:10px;padding:7px 10px;max-width:85vw}.portal-enabled #panel .secondary{font-size:11px;padding:8px 10px}}

.portal-channel-label{display:block;font-size:11px;color:#819471;margin:0 0 17px}.portal-channel-select{min-height:38px;padding:8px 10px;font-size:11px!important;margin-top:7px;background:#f6faf0}.portal-channel-select option{color:#486a43}

.portal-world-toolbar{display:flex;gap:8px;align-items:center}.portal-world-toolbar .portal-secondary-button{white-space:nowrap}@media(max-width:700px){.portal-world-toolbar{gap:5px}.portal-navigation{gap:8px}.portal-nav-tabs{gap:15px}.portal-world-toolbar .portal-secondary-button{font-size:9px;padding:7px 7px}.portal-navigation{flex-wrap:wrap}.portal-world-toolbar{padding-bottom:9px}}

.portal-enabled [data-op="restart"]{display:none!important}

/* Keep account controls reachable with long site names, browser zoom and older sizing support. */
#portal,.portal-dialog{word-wrap:break-word;overflow-wrap:break-word}
.portal-topbar{height:auto;min-height:92px;padding:16px 0}
.portal-brand{flex:1;min-width:0}
.portal-brand>span:last-child{min-width:0}
.portal-brand strong,.portal-brand small,.portal-auth-art h1,.portal-auth-art>p,.site-announcement{word-wrap:break-word;overflow-wrap:break-word}
.portal-top-right{flex-shrink:0;min-width:0;max-width:100%;flex-wrap:wrap;justify-content:flex-end}
.portal-account{min-width:0;max-width:210px}
.portal-account>span:nth-child(2){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.portal-auth>*,.portal-feature>*,.portal-world-card,.portal-community-grid>*{min-width:0}
.portal-auth-art>*{min-width:0;max-width:100%}
.portal-world-footer{flex-wrap:wrap}
.portal-input,.portal-channel-select{max-width:100%;min-width:0}
.portal-dialog-card{min-width:0;word-wrap:break-word;overflow-wrap:break-word}
.portal-dialog-close{flex:none}
.portal-dialog-actions,.portal-settings-row{flex-wrap:wrap}
.portal-settings-row>*{min-width:0;max-width:100%;word-wrap:break-word;overflow-wrap:break-word}
.portal-mode-options{grid-template-columns:repeat(2,minmax(0,1fr))}
#portal button:focus,.portal-dialog button:focus{outline:2px solid #b9852e;outline-offset:2px}
@media(max-width:700px){.portal-topbar{min-height:74px;padding:13px 0}.portal-account{max-width:180px}}
@media(max-width:480px){.portal-topbar{flex-wrap:wrap}.portal-brand{flex:1 1 170px}.portal-top-right{margin-left:auto}.portal-auth-art .portal-illustration{max-width:100%}.portal-feature-meta{max-width:calc(100% - 24px)}}
@media(max-width:360px){.portal-world-grid{grid-template-columns:minmax(0,1fr)}.portal-mode-options{grid-template-columns:minmax(0,1fr)}.portal-auth-card{padding:19px}.portal-dialog-card{padding:19px}.portal-nav-tabs{gap:12px}.portal-social-input{flex-wrap:wrap}.portal-social-input button{margin-left:auto}}
@media(pointer:coarse) and (orientation:landscape) and (max-width:600px){.portal-world-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-auth{grid-template-columns:minmax(0,1fr)}}