:root{font-family:Inter,Segoe UI,system-ui,sans-serif;color:#f3f2e9;background:#142722;font-synthesis:none;font-weight:400;--accent:#d7f08a}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,label:focus-within{outline:2px solid var(--accent);outline-offset:5px}button:disabled{opacity:.5;cursor:wait}button{border:0}button:active{transform:translateY(1px)}[hidden]{display:none!important}#world{position:fixed;width:100%;height:100%;inset:0;outline:none;touch-action:none}body:after{content:"";pointer-events:none;position:fixed;inset:0;background:linear-gradient(180deg,#07151055,transparent 22%,transparent 75%,#07151088);z-index:1}.topbar{position:fixed;z-index:5;top:0;left:0;right:0;padding:28px 38px;display:flex;align-items:center;justify-content:space-between}.wordmark{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font-weight:650;letter-spacing:-1px;font-size:25px}.brand-icon{display:inline-grid;place-items:center;width:30px;height:32px;border:1px solid #e5ebd87a;border-radius:9px;font-size:26px;font-weight:400}.edition{margin-left:15px;padding-left:23px;border-left:1px solid #ffffff30;font-size:9px;letter-spacing:2px;font-weight:500;color:#ffffffa3}.header-actions{display:flex;align-items:center;gap:22px}.connection{font-size:11px;display:flex;gap:8px;align-items:center;color:#e6eed9d4}.connection i{width:6px;height:6px;display:block;background:#b9c8bc;border-radius:50%}.connection i.live{background:#d7f08a;box-shadow:0 0 12px #d7f08866}.icon-button{font-size:24px;background:#ffffff0c;color:#ebf2de;border:1px solid #ffffff28;border-radius:50%;width:40px;height:40px}.world-caption{position:fixed;z-index:3;top:115px;left:40px;pointer-events:none}.eyebrow{font-size:9px;letter-spacing:2.5px;font-weight:600;color:#d7e3c9}.world-caption h1{margin:9px 0 5px;font-size:39px;letter-spacing:-1.6px;font-weight:450}.world-caption p{margin:0;font-size:12px;color:#e0e7dfb0}.welcome{z-index:4;position:fixed;left:10%;top:50%;transform:translateY(-46%);max-width:610px}.welcome h1{font-size:clamp(64px,7.8vw,110px);line-height:.98;letter-spacing:-5px;font-weight:450;margin:25px 0}.welcome h1 em{font-style:normal;color:#d7f08a}.welcome p{font-size:16px;line-height:1.8;color:#c5d4c9;margin-bottom:28px}.primary{background:var(--accent);color:#203129;border:1px solid transparent;padding:15px 24px;border-radius:8px;font-size:13px;font-weight:650;display:inline-flex;align-items:center;justify-content:space-between;gap:40px}.primary span{font-size:22px;line-height:15px}.primary:hover{filter:brightness(1.08)}.welcome-note{display:block;color:#b4c3b687;font-size:10px;margin-top:17px;letter-spacing:.3px}.bottom-bar{position:fixed;bottom:27px;left:39px;right:39px;display:flex;justify-content:space-between;align-items:center;gap:20px;z-index:3;pointer-events:none}.controls{display:flex;gap:20px;font-size:10px;color:#f0f2e3af}.controls span{display:flex;align-items:center;gap:8px}kbd{font:500 9px Inter,Segoe UI,sans-serif;letter-spacing:.6px;border:1px solid #ffffff38;border-radius:4px;padding:5px 7px;color:#f3f3e9;background:#1d302c45}.population{font-size:10px;color:#e0e8e0a1}.portal-label{position:fixed;z-index:2;pointer-events:none;text-align:center;transform:translate(-50%,-100%);text-shadow:0 2px 10px #102626;min-width:140px;display:grid;gap:6px}.portal-tag{font-size:8px;letter-spacing:2.3px;color:#d5e3dd}.portal-label strong{font-size:16px;font-weight:500;letter-spacing:-.2px}#portal-availability{font-size:9px;color:#d5efc6}.interact-prompt{position:fixed;z-index:5;bottom:90px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:14px;padding:12px 18px;border:1px solid #ffffff33;border-radius:10px;background:#152925df;box-shadow:0 8px 35px #07171233;font-size:12px;cursor:pointer}.interact-prompt kbd{color:#182820;background:var(--accent);padding:7px 10px}.interact-prompt span:last-child{color:var(--accent);font-size:20px}.toast{position:fixed;z-index:9;bottom:155px;left:50%;transform:translate(-50%);max-width:min(90vw,500px);padding:13px 19px;background:#182b29ed;border:1px solid #d9e3ca38;border-radius:9px;font-size:12px;text-align:center}.modal{position:fixed;z-index:10;left:50%;top:50%;transform:translate(-50%,-50%);width:min(440px,90vw);padding:32px;border-radius:18px;background:#142824f5;border:1px solid #b1c0b648;box-shadow:0 24px 120px #04160e99;backdrop-filter:blur(18px)}.modal h2{font-size:29px;letter-spacing:-1px;margin:15px 0;font-weight:450}.modal p{font-size:13px;line-height:1.7;color:#c3d0c8}.modal-actions{display:flex;flex-direction:column;gap:10px;margin-top:24px}.secondary,.file-button{border:1px solid #c3d0c832;border-radius:7px;background:transparent;color:#e5ecdf;font-size:12px;padding:12px 14px;text-align:center;cursor:pointer}.traveller-panel{position:fixed;z-index:8;right:38px;top:88px;width:290px;background:#142824f5;border:1px solid #b1c0b648;padding:23px;border-radius:15px;box-shadow:0 20px 90px #07191070;backdrop-filter:blur(18px)}.panel-heading{display:flex;justify-content:space-between;align-items:center}.panel-heading button{background:none;color:#bbcbbd;font-size:23px}.traveller-panel #player-id{font-family:monospace;font-size:13px;color:var(--accent);letter-spacing:1px}.inventory{border-block:1px solid #ffffff1c;margin:22px 0 16px;padding:15px 0;display:flex;justify-content:space-between;font-size:12px}.inventory span:last-child{color:#b6c3b2}.muted{color:#b9c9bd;font-size:11px;line-height:1.8}.traveller-panel .secondary,.file-button{display:block;width:100%;margin-top:12px}.file-button input{display:none}.traveller-panel small{display:block;color:#95a69b;font-size:10px;line-height:1.5;margin-top:15px}body.playing .welcome{display:none}body:not(.playing) .bottom-bar .controls{visibility:hidden}@media(max-width:700px){.topbar{padding:20px}.edition{display:none}.header-actions{gap:12px}.connection{font-size:9px}.world-caption{top:90px;left:22px}.world-caption h1{font-size:30px}.world-caption p{font-size:11px}.welcome{left:8%;right:8%;top:46%}.welcome h1{font-size:66px;letter-spacing:-3px}.welcome p{font-size:14px}.bottom-bar{bottom:20px;left:20px;right:20px}.controls{gap:12px}.controls span{font-size:0;gap:0}.population{font-size:9px}.traveller-panel{right:20px;top:73px}.interact-prompt{bottom:75px}.portal-label strong{font-size:13px}.portal-tag{font-size:7px}}.thumbstick{display:none;position:fixed;z-index:3;left:0;bottom:0;width:min(46vw,420px);height:min(62vh,420px);touch-action:none;-webkit-user-select:none;user-select:none}body.playing.touch-mode.controls-stick .thumbstick{display:block}.thumbstick-base{position:absolute;left:calc(env(safe-area-inset-left,0px) + 96px);top:calc(100% - 96px - env(safe-area-inset-bottom,0px));width:112px;height:112px;margin:-56px 0 0 -56px;border-radius:50%;border:1.5px solid #ffffff38;background:radial-gradient(circle,#0a141233 0 55%,#0a14125c 56%);box-shadow:inset 0 0 18px #0006;opacity:.55;transition:opacity .15s}.thumbstick-knob{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#ffffffd9,#d9dfd2a6);box-shadow:0 3px 10px #0008;will-change:transform}.thumbstick.active .thumbstick-base{opacity:.9}.touch-only{display:none}body.touch-mode .touch-only{display:inline}body.touch-mode .keys-only,body.touch-mode .controls{display:none}body.touch-mode .interact-prompt{left:50%;right:auto;transform:translate(-50%);max-width:min(220px,34vw);bottom:calc(22px + env(safe-area-inset-bottom,0px));padding:12px 14px}body.touch-mode .interact-prompt kbd{display:none}body.touch-mode,body.touch-mode *{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}body.touch-mode input,body.touch-mode select{-webkit-user-select:auto;user-select:auto}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}.objective{position:fixed;z-index:3;left:40px;top:225px;width:min(310px,calc(100vw - 44px));padding:14px 16px;border:1px solid #ffffff30;border-radius:10px;background:#142824e8;pointer-events:none}.objective strong{font-size:14px;color:var(--accent);font-variant-numeric:tabular-nums}.objective p{font-size:12px;line-height:1.6;margin:7px 0 0;color:#e0e7df}body.exploring .edition,body.exploring .connection{display:none}body.exploring .world-caption{top:106px;text-shadow:0 2px 12px #071510b0}body.exploring .world-caption h1{font-size:32px;letter-spacing:-1px}body.exploring .world-caption p{color:#f0f2e5}body.exploring .objective{top:auto;bottom:88px;background:#142824e0;border-color:#ffffff20;border-left:2px solid var(--accent);box-shadow:0 8px 30px #07151030}body.exploring .traveller-panel .muted{font-size:13px;color:#e0e7df;line-height:1.7;margin:18px 0 22px}@media(min-width:701px)and (max-width:1100px){body.exploring .objective{bottom:160px}}@media(max-width:700px){body.exploring .world-caption{top:88px}body.exploring .world-caption h1{font-size:27px}body.exploring .objective{top:176px;bottom:auto;width:min(260px,calc(100vw - 44px))}}@media(max-width:700px){.objective{left:22px;top:180px;width:260px;padding:10px 12px}.objective p{font-size:11px}}.shared-status{position:fixed;z-index:3;right:24px;top:110px;max-width:330px;padding:14px;background:#14202be8;border:1px solid #ffffff25;border-radius:12px;font-size:12px;color:#f2ebd4;pointer-events:auto}#station-status{white-space:pre-line;line-height:1.8;margin:8px 0}.shared-actions{display:flex;flex-wrap:wrap;gap:6px}.shared-actions button{padding:7px;background:#ffffff12;color:inherit;border:1px solid #ffffff35;border-radius:5px;cursor:pointer}.aim-reticle{position:fixed;left:50%;top:50%;pointer-events:none;color:#f2ebd4;font-size:25px;transform:translate(-50%,-50%)}.aim-reticle.fired{animation:shot-flash .25s ease-out}@keyframes shot-flash{0%{color:#f0b84f;scale:1.8}to{color:#f2ebd4;scale:1}}@media(max-width:700px){.shared-status{right:12px;top:150px;max-width:230px;font-size:11px}}body.touch-mode .bottom-bar{justify-content:center}.traveller-panel .field{display:grid;gap:6px;margin-top:16px;font-size:11px;color:#b9c9bd}.traveller-panel .field input{font:inherit;font-size:11px;color:#e9efe1;background:#ffffff0f;border:1px solid #ffffff2b;border-radius:7px;padding:9px 10px;width:100%}.traveller-panel .field input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#avatar-note{display:block;color:#95a69b;font-size:10px;line-height:1.5;margin-top:7px}body{--pad-rim:#e5ebd84d;--pad-ink:#eef2e6;--pad-on:#d7f08a;--pad-on-ink:#eaf8c2;--pad-face:radial-gradient(circle at 50% 22%,#2f403be6,#13221ee8 62%,#0b1512ee)}.xp-glyph{width:22px;height:22px;display:block;pointer-events:none;filter:drop-shadow(0 1px 1px #0009)}.xp-rail-button,.xp-pad{position:relative;display:grid;place-items:center;padding:0;border-radius:50%;color:var(--pad-ink);background:var(--pad-face);border:1px solid var(--pad-rim);box-shadow:inset 0 1px #ffffff1f,inset 0 -2px 6px #0007,0 6px 18px #000b;transition:transform .08s ease-out,border-color .14s,box-shadow .14s,color .14s,opacity .2s,filter .2s;-webkit-tap-highlight-color:transparent}.xp-rail-button:before,.xp-pad:before{content:"";position:absolute;inset:4px;border-radius:50%;border:1px solid #ffffff0d;pointer-events:none}.xp-rail-button:hover,.xp-rail-button:focus-visible,.xp-pad:focus-visible{border-color:color-mix(in srgb,var(--pad-on) 67%,transparent);outline:none}.xp-rail-button.pressed,.xp-pad.pressed{transform:scale(.92);border-color:var(--pad-on);box-shadow:inset 0 1px #ffffff1f,inset 0 0 14px color-mix(in srgb,var(--pad-on) 25%,transparent),0 0 18px color-mix(in srgb,var(--pad-on) 30%,transparent),0 4px 12px #000b}.xp-rail-button.active,.xp-pad.active{color:var(--pad-on-ink);border-color:var(--pad-on);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--pad-on) 80%,transparent),inset 0 0 16px color-mix(in srgb,var(--pad-on) 20%,transparent),0 0 16px color-mix(in srgb,var(--pad-on) 27%,transparent),0 6px 18px #000b}.xp-rail-button[aria-disabled=true],.xp-pad[aria-disabled=true]{opacity:.38;filter:saturate(.3)}.xp-combat{display:none;position:fixed;z-index:3;pointer-events:none;right:calc(18px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));width:262px;height:210px;transform-origin:100% 100%}body.playing.touch-mode .xp-combat{display:block}.xp-pad{position:absolute;pointer-events:auto;touch-action:none}.xp-pad .xp-glyph{width:26px;height:26px}.xp-fire{right:8px;bottom:8px;width:100px;height:100px;color:#2a1807;background:radial-gradient(circle at 50% 24%,#ffe0a6,#f0ae4c 38%,#c8791f 74%,#8f4f14);border:1px solid #ffe6b8b3;box-shadow:inset 0 2px 1px #fff8,inset 0 -8px 16px #6b3a0c99,0 0 0 5px #0d0a0859,0 0 22px #e8a33d33,0 10px 26px #000c}.xp-fire:before{inset:9px;border:1.5px solid #2a18073d}.xp-fire .xp-glyph{width:40px;height:40px;filter:drop-shadow(0 1px 0 #fff6)}.xp-fire.pressed{transform:scale(.94);background:radial-gradient(circle at 50% 24%,#fff0cc,#ffc466 40%,#df8a2a 76%,#a45b17);box-shadow:inset 0 2px 1px #fff9,inset 0 -6px 14px #6b3a0c88,0 0 0 5px #0d0a0859,0 0 34px #ffb14fb3,0 8px 22px #000c}.xp-fire.empty{filter:saturate(.25) brightness(.72)}.xp-jump{right:128px;bottom:12px;width:58px;height:58px}.xp-reload{right:108px;bottom:95px;width:54px;height:54px}.xp-aim{right:35px;bottom:128px;width:60px;height:60px}.xp-aim .xp-glyph{width:30px;height:30px}.xp-weapon{width:56px;height:56px}.xp-weapon-primary{right:203px;bottom:61px}.xp-weapon-secondary{right:157px;bottom:152px}.xp-weapon-icon{width:44px;height:26px;object-fit:contain;pointer-events:none;filter:drop-shadow(0 1px 2px #000)}.xp-weapon-name{font-size:12px;font-weight:700;letter-spacing:1px}.xp-weapon-ammo{position:absolute;left:50%;bottom:-7px;transform:translate(-50%);min-width:24px;padding:0 6px;border-radius:9px;background:#0d0a08f0;border:1px solid #f3dcb540;color:var(--pad-ink);font:700 11px/16px Bahnschrift,Segoe UI,sans-serif;font-variant-numeric:tabular-nums;text-align:center;pointer-events:none}.xp-weapon.active .xp-weapon-ammo{border-color:var(--pad-on);color:var(--pad-on-ink)}.xp-weapon-ammo.out{color:#ff7a66;border-color:#ef5b4c99}.xp-ring{position:absolute;inset:-6px;width:calc(100% + 12px);height:calc(100% + 12px);transform:rotate(-90deg);pointer-events:none;overflow:visible}.xp-ring circle{fill:none;stroke:var(--pad-on);stroke-width:5;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;opacity:0;transition:opacity .15s;filter:drop-shadow(0 0 3px #e8a33d99)}.xp-ring.running circle{opacity:1}.xp-reload.busy{color:var(--pad-on-ink)}.xp-reload.urgent{color:var(--pad-on-ink);border-color:var(--pad-on);animation:xp-urgent 1.1s ease-in-out infinite}@keyframes xp-urgent{50%{box-shadow:inset 0 0 0 1.5px #e8a33dcc,inset 0 0 18px #e8a33d55,0 0 24px #e8a33d88,0 6px 18px #000b}}.xp-combat[data-primary=jump] .xp-jump{right:8px;bottom:8px;width:84px;height:84px;color:var(--pad-on-ink);border-color:var(--pad-on)}.xp-combat[data-primary=jump] .xp-jump .xp-glyph{width:36px;height:36px}body:not(.playing) .xp-combat{display:none!important}.people-panel{position:fixed;z-index:8;right:38px;top:88px;width:320px;max-height:calc(100vh - 120px);overflow-y:auto;overscroll-behavior:contain;background:#142824f5;border:1px solid #b1c0b648;padding:23px;border-radius:15px;box-shadow:0 20px 90px #07191070;backdrop-filter:blur(18px);color:#e5ecdf}.people-panel .panel-heading button{background:none;color:#bbcbbd;font-size:23px}.people-field{display:grid;gap:6px;margin-top:16px;font-size:11px;color:#b9c9bd}.people-panel input{width:100%;font:inherit;font-size:12px;color:#eef3e6;background:#0b1a17;border:1px solid #c3d0c832;border-radius:7px;padding:10px 11px}.people-panel input:focus{outline:2px solid var(--accent);outline-offset:1px}.people-section{border-top:1px solid #ffffff1c;margin-top:18px;padding-top:14px}.people-section h3{margin:0 0 8px;font-size:12px;font-weight:600;letter-spacing:.4px}.people-section .muted{margin:0 0 8px}.people-list{list-style:none;margin:0 0 6px;padding:0;display:grid;gap:6px}.people-list li{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:10px;padding:8px 10px;border-radius:8px;background:#ffffff08}.people-list li.current{outline:1px solid color-mix(in srgb,var(--accent) 45%,transparent)}.people-name{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.people-detail{grid-column:1;font-size:10px;color:#a9baae}.people-list li button{grid-column:2;grid-row:1/span 2}.people-small{background:#ffffff12;color:#e5ecdf;border:1px solid #ffffff30;border-radius:6px;padding:6px 10px;font-size:11px}.people-small:disabled{cursor:default}.people-panel .secondary{display:block;width:100%;margin-top:8px}.people-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.people-invite{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:10px;align-items:center}.people-invite small,.people-section small{grid-column:1/-1;display:block;color:#95a69b;font-size:10px;line-height:1.5}.people-pending{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#b9c9bd;margin:10px 0 0}.people-redeem{border-top:1px solid #ffffff1c;margin-top:18px}@media(max-width:700px){.people-panel{right:12px;left:12px;top:73px;width:auto;max-height:calc(100vh - 150px)}}.rotate-notice{position:fixed;z-index:20;inset:0;display:grid;place-content:center;justify-items:center;gap:14px;padding:32px;text-align:center;background:#0d1a17f7;backdrop-filter:blur(14px)}.rotate-notice h2{margin:0;font-size:25px;letter-spacing:-.8px;font-weight:450}.rotate-notice p{margin:0;max-width:min(360px,80vw);font-size:13px;line-height:1.7;color:#c3d0c8}.rotate-icon{width:56px;height:88px;border:2px solid var(--accent);border-radius:11px;box-shadow:inset 0 0 0 5px #0d1a17,0 0 34px #d7f08a24;animation:rotate-hint 2.6s ease-in-out infinite}@keyframes rotate-hint{0%,22%{transform:rotate(0)}48%,78%{transform:rotate(-90deg)}to{transform:rotate(0)}}@media(prefers-reduced-motion:reduce){.rotate-icon{animation:none;transform:rotate(-90deg)}}body.display-obstructed .topbar,body.display-obstructed .bottom-bar,body.display-obstructed .interact-prompt,body.display-obstructed .thumbstick,body.display-obstructed .xp-combat{visibility:hidden}.settings-panel{position:fixed;z-index:12;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(560px,calc(100vw - 32px));max-height:min(86vh,720px);display:flex;flex-direction:column;background:#142824f7;border:1px solid #b1c0b648;border-radius:16px;box-shadow:0 24px 120px #04160ea8;backdrop-filter:blur(18px)}.settings-head{display:grid;grid-template-columns:1fr auto;align-items:center;padding:22px 24px 14px;border-bottom:1px solid #ffffff14}.settings-head h2{grid-column:1;margin:6px 0 0;font-size:26px;letter-spacing:-1px;font-weight:450}.settings-head .eyebrow{grid-column:1}.settings-close{grid-row:1/3;grid-column:2;background:none;color:#bbcbbd;font-size:26px;line-height:1;padding:0 4px}.settings-body{overflow-y:auto;padding:6px 24px 4px;scrollbar-width:thin}.settings-group{padding:16px 0;border-bottom:1px solid #ffffff10}.settings-group:last-child{border-bottom:0}.settings-group h3{margin:0 0 4px;font-size:11px;letter-spacing:2px;font-weight:600;color:var(--accent);text-transform:uppercase}.settings-note{margin:0 0 14px;font-size:11px;line-height:1.6;color:#a9bbae}.settings-row{display:grid;grid-template-columns:1fr minmax(150px,44%);gap:14px;align-items:center;padding:9px 0}.settings-label{display:grid;gap:3px;font-size:13px;cursor:pointer}.settings-label small{font-size:11px;line-height:1.5;color:#a9bbae}.settings-control{font:inherit;font-size:12px;color:#e9efe1;background:#ffffff0f;border:1px solid #ffffff2b;border-radius:7px;padding:9px 10px;width:100%}select.settings-control{appearance:none;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,#cfdcc6 50%),linear-gradient(135deg,#cfdcc6 50%,transparent 50%);background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:30px}select.settings-control option{background:#142824;color:#e9efe1}.settings-control:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.settings-range{display:flex;align-items:center;gap:10px;background:none;border:0;padding:0}.settings-range input[type=range]{flex:1;accent-color:var(--accent);min-width:0}.settings-readout{font-size:11px;font-variant-numeric:tabular-nums;color:#c3d0c8;min-width:44px;text-align:right}.settings-toggle{width:20px;height:20px;accent-color:var(--accent);justify-self:end;padding:0;cursor:pointer}.settings-button{cursor:pointer;text-align:center}.settings-button:hover{border-color:var(--accent)}.settings-foot{padding:14px 24px 18px;border-top:1px solid #ffffff14}.settings-reset{width:100%;background:none;color:#a9bbae;border:1px solid #ffffff20;border-radius:7px;padding:10px;font-size:11px}.settings-reset:hover{color:#e9efe1;border-color:#ffffff3a}body.settings-open .thumbstick,body.settings-open .xp-combat,body.settings-open .interact-prompt{visibility:hidden}@media(max-width:700px){.settings-panel{width:calc(100vw - 20px);max-height:88vh}.settings-head{padding:16px 18px 10px}.settings-body{padding:2px 18px}.settings-foot{padding:12px 18px 14px}.settings-row{grid-template-columns:1fr;gap:6px;padding:10px 0}.settings-toggle{justify-self:start}}@media(max-width:700px)and (orientation:landscape){.settings-panel{max-height:94vh}}