/* Last stylesheet. All positioning is relative to the reserved #world viewport. */
body.calm-ui #world>header{display:none!important}
body.calm-ui #calm-header{position:absolute;inset:12px 14px auto;z-index:12;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;pointer-events:none;max-width:100%;box-sizing:border-box}
body.calm-ui #calm-header>*{pointer-events:auto}
body.calm-ui #calm-identity{min-width:0;display:flex;flex-direction:column;gap:3px;align-items:flex-start}
body.calm-ui #calm-header .brand{display:block!important;font-size:20px!important;line-height:1.2;letter-spacing:1px;color:#294337;text-shadow:0 1px 8px #fff9;max-width:100%;white-space:nowrap}
body.calm-ui #calm-header .brand small{display:none!important}
body.calm-ui #calm-header #presence-status{display:block!important;position:static!important;font-size:11px!important;line-height:1.4;max-width:100%;padding:2px 5px;border-radius:6px;background:#f3eddd;color:#465d50;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:none}
body.calm-ui #calm-header>button{display:block!important;min-width:44px;min-height:44px;max-width:102px;padding:7px 12px;border:1px solid #fff9;border-radius:16px;background:#f5f0e4e8;color:#344e40;box-shadow:0 3px 12px #20392d18;font-size:11px;line-height:1.35;white-space:normal;touch-action:manipulation}
body.calm-ui #calm-header #calm-more{min-width:58px}
body.calm-ui #calm-menu{position:absolute;z-index:15;top:84px;right:12px;width:min(320px,calc(100% - 24px));max-height:calc(100% - 214px);box-sizing:border-box;overflow:auto;overscroll-behavior:contain;padding:14px;border:1px solid #fff9;border-radius:20px;background:#f4f0e6f5;color:#344d40;box-shadow:0 8px 30px #20382c26;pointer-events:auto;touch-action:pan-y}
body.calm-ui #calm-menu[hidden]{display:none!important}
body.calm-ui .calm-panel-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}
body.calm-ui .calm-panel-top h2{font-size:15px;font-weight:600;margin:0}
body.calm-ui #calm-menu button,body.calm-ui #calm-menu select,body.calm-ui #calm-menu summary{box-sizing:border-box;min-height:44px!important;font-size:12px!important;color:#344d40!important;touch-action:manipulation}
body.calm-ui #calm-menu button,body.calm-ui #calm-menu select{padding:9px 12px!important;border:1px solid #b8c7b8;border-radius:12px;background:#e8eddf;box-shadow:none;white-space:normal;max-width:100%!important}
body.calm-ui #calm-menu button[hidden]{display:none!important}
body.calm-ui .calm-group{padding:12px 0;border-top:1px solid #61786022}
body.calm-ui .calm-group h3{font-size:10px;font-weight:500;color:#718272;margin:0 0 8px;letter-spacing:.06em}
body.calm-ui .calm-group-controls{display:flex;flex-wrap:wrap;gap:7px;align-items:center}
body.calm-ui #calm-menu #channel-bar,body.calm-ui #calm-menu #area-map,body.calm-ui #calm-menu #explore,body.calm-ui #calm-menu .quiet-links{display:block!important;position:static!important;inset:auto!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;font-size:12px;text-shadow:none}
body.calm-ui #calm-menu #channel-bar #zone-song{display:none!important}
body.calm-ui #calm-menu .mobile-title{display:none!important}
body.calm-ui #calm-menu .channel-choice{display:block}
body.calm-ui #calm-menu #channel-bar label{display:block!important;font-size:11px;margin-bottom:5px}
body.calm-ui #calm-menu #channel{width:100%;max-width:none!important}
body.calm-ui #calm-menu #area-map>summary,body.calm-ui #calm-menu #explore>summary{padding:12px;border-radius:12px;background:#e5ebdf;color:#344d40;list-style:none;cursor:pointer}
body.calm-ui #calm-menu #area-map nav,body.calm-ui #calm-menu #explore nav{display:grid;grid-template-columns:1fr;gap:7px;max-width:none;max-height:none;overflow:visible;background:transparent;padding:8px 0 0;margin:0;color:#344d40}
body.calm-ui #calm-menu #area-map:not([open]) nav,body.calm-ui #calm-menu #explore:not([open]) nav{display:none}
body.calm-ui #calm-menu #area-map p{font-size:11px;line-height:1.8}
body.calm-ui #calm-menu .pet-choice{position:static!important;inset:auto!important;width:100%;display:flex;justify-content:space-between;align-items:center;padding:0 0 5px;background:none;border:0;box-shadow:none;font-size:12px}
body.calm-ui #calm-menu .pet-choice select{flex:1;margin-left:12px}
body.calm-ui #calm-menu .quiet-links{display:flex!important;gap:7px;flex-wrap:wrap}
body.calm-ui #calm-menu #copy-link,body.calm-ui #calm-menu #support{margin:0!important}
body.calm-ui .right-controls{bottom:26px!important;right:18px!important;gap:0!important}
body.calm-ui .right-controls #interact{min-height:46px;max-width:170px}
body.calm-ui #whisper,body.calm-ui.youtube-compact #whisper{bottom:122px!important;left:16px!important;right:16px!important;max-width:none;font-size:11px;text-align:center;pointer-events:none}
body.calm-ui #mother-note{bottom:154px!important;left:20px!important;right:20px!important}
body.calm-ui #bridge-music-hint{top:78px!important;bottom:auto!important;left:14px!important;right:14px!important;max-width:calc(100% - 28px)}
body.calm-ui .object-tag:not(.nearby){opacity:.65}
@media(max-width:650px){
 body.calm-ui #calm-header{inset:10px 10px auto;gap:6px}
 body.calm-ui #calm-header .brand{font-size:18px!important}
 body.calm-ui #calm-header>button{padding:7px 9px;font-size:10px;max-width:92px}
 body.calm-ui #calm-header #calm-more{min-width:52px}
 body.calm-ui #calm-menu{top:84px;max-height:calc(100% - 214px);right:8px;width:calc(100% - 16px);padding:12px}
 body.calm-ui #object-labels .object-tag:not(.nearby){display:none!important}
 body.calm-ui .keyboard-move{display:none!important}
 body.calm-ui .move-control{left:14px!important;bottom:24px!important}
 body.calm-ui .right-controls{right:14px!important;bottom:26px!important}
}
@media(max-height:450px){body.calm-ui #calm-menu{top:80px;max-height:calc(100% - 210px)}body.calm-ui #calm-header{top:8px}body.calm-ui #mother-note{display:none!important}}

body.calm-ui #object-labels .object-tag[hidden]{display:none!important}
/* The visible official screen sits in a quiet paper-and-wood edge, not a dark overlay. */
body.calm-ui.youtube-compact.radio-docked #radio-dialog{background:linear-gradient(140deg,#f5efe2,#e4e7db);border-color:#c6d2c1;color:#344d40}
body.calm-ui.youtube-compact #radio-dialog .floating-radio-handle{color:#344d40;background:#e2e8db;border:1px solid #c4d1bd}
body.calm-ui.youtube-compact #radio-dialog .radio-actions button{background:#f8f4e9;color:#344d40;border-color:#c4d1bd;box-shadow:none}
body.calm-ui.youtube-compact #radio-dialog #player{background:#1f2c27;outline:1px solid #d0c5ab;outline-offset:2px}

/* Direct access requested: two organized rows, no extra floating controls. */
body.calm-ui #channel-bar{display:none!important}
body.calm-ui #calm-header{grid-template-columns:minmax(60px,1fr) 110px 44px 52px!important;column-gap:6px;row-gap:8px;align-items:center}
body.calm-ui #calm-header #channel{position:static!important;display:block!important;width:110px!important;min-width:0!important;max-width:110px!important;height:44px!important;min-height:44px;padding:7px 5px!important;margin:0!important;border-radius:12px;font-size:12px!important;background:#f5f0e4;color:#344e40;border:1px solid #b9c8b8;box-sizing:border-box}
body.calm-ui #calm-header>button{height:44px!important;min-height:44px!important;width:44px!important;min-width:44px!important;max-width:44px!important;padding:3px!important;font-size:10px!important;line-height:1.2;overflow-wrap:anywhere;border-radius:12px}
body.calm-ui #calm-header #calm-more{width:52px!important;min-width:52px!important;max-width:52px!important;font-size:11px!important}
body.calm-ui #calm-quickbar{grid-column:1/-1;display:grid;grid-template-columns:repeat(6,minmax(44px,1fr));gap:4px;width:100%;max-width:480px;pointer-events:auto;align-items:stretch}
body.calm-ui #calm-quickbar>button,body.calm-ui #calm-quickbar>.pet-choice{display:flex!important;position:static!important;inset:auto!important;align-items:center;justify-content:center;box-sizing:border-box;min-width:44px!important;max-width:none!important;width:100%!important;height:44px!important;min-height:44px!important;margin:0!important;padding:3px 2px!important;border:1px solid #fff9;border-radius:12px;background:#f5f0e4eb;color:#344e40;font-size:11px!important;line-height:1.25;white-space:normal;text-align:center;overflow-wrap:anywhere;touch-action:manipulation;box-shadow:0 2px 8px #20392d14}
body.calm-ui #calm-quickbar>.pet-choice{flex-direction:column!important;gap:1px!important}
body.calm-ui #calm-quickbar .pet-choice>span{font-size:10px;line-height:12px}
body.calm-ui #calm-quickbar #pet{display:block!important;position:static!important;width:100%!important;min-width:0!important;height:23px!important;min-height:23px!important;padding:1px!important;margin:0!important;font-size:11px!important;line-height:20px;text-align:center;border:0!important;border-radius:5px;background:transparent;appearance:none;-webkit-appearance:none;box-shadow:none}
body.calm-ui #calm-menu{top:132px!important;max-height:calc(100% - 262px)!important}
body.calm-ui #bridge-music-hint{top:132px!important}
@media(max-width:650px){body.calm-ui #calm-header{grid-template-columns:minmax(60px,1fr) 100px 44px 48px!important;column-gap:4px;row-gap:8px}body.calm-ui #calm-header #channel{width:100px!important;max-width:100px!important;font-size:11px!important}body.calm-ui #calm-header #calm-more{width:48px!important;min-width:48px!important;max-width:48px!important}body.calm-ui #calm-header .brand{font-size:17px!important}body.calm-ui #calm-quickbar{gap:4px}body.calm-ui #calm-menu{top:130px!important;max-height:calc(100% - 260px)!important}}
@media(max-height:450px){body.calm-ui #calm-header{top:6px}body.calm-ui #calm-menu{top:122px!important;max-height:calc(100% - 230px)!important}}
/* Five compact header slots leave all six walking tools directly reachable. */
body.calm-ui #calm-header{grid-template-columns:minmax(60px,1fr) 96px 44px 44px 44px!important;column-gap:4px}
body.calm-ui #calm-header #channel{width:96px!important;max-width:96px!important}
body.calm-ui #calm-header #calm-more{width:44px!important;min-width:44px!important;max-width:44px!important}
body.calm-ui #calm-header .brand{overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;width:max-content;flex:0 0 auto;align-self:flex-start}
body.calm-ui #calm-menu{top:140px!important;max-height:calc(100% - 250px)!important}
#scene-photo-preview{box-sizing:border-box;width:min(640px,calc(100% - 24px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid #d2d8c7;border-radius:20px;padding:20px;background:#f5f0e5;color:#344e40;box-shadow:0 12px 48px #20382c44}
#scene-photo-preview::backdrop{background:#1f342b66}
#scene-photo-preview h2{margin:0 0 8px;font-size:19px}#scene-photo-preview p{font-size:13px;line-height:1.6}
#scene-photo-preview img{display:block;max-width:100%;max-height:60dvh;object-fit:contain;margin:12px auto;border-radius:12px}
#scene-photo-preview a,#scene-photo-preview button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:44px;padding:10px 14px;margin:5px 8px 0 0;border:1px solid #b5c5b3;border-radius:12px;background:#e4ebdc;color:#344e40;font-size:13px;text-decoration:none}
@media(max-width:650px){body.calm-ui #calm-header{left:6px;right:6px}body.calm-ui #calm-header .brand{font-size:16px!important}}
@media(max-height:450px){body.calm-ui #calm-menu{top:130px!important;max-height:calc(100% - 218px)!important}}
/* Legible direct tools: eight equal targets rather than a crowded title row. */
body.calm-ui #calm-header{grid-template-columns:minmax(80px,1fr) 60px 60px!important;column-gap:6px;row-gap:8px}
body.calm-ui #calm-header>button,body.calm-ui #calm-header #calm-more{width:60px!important;min-width:60px!important;max-width:60px!important;font-size:12px!important;white-space:nowrap}
body.calm-ui #calm-quickbar{grid-template-columns:repeat(8,minmax(44px,1fr));gap:5px;max-width:760px}
body.calm-ui #calm-quickbar #channel{width:100%!important;max-width:none!important;font-size:12px!important;text-align:center;padding:5px 2px!important}
body.calm-ui #calm-quickbar>button{font-size:12px!important;white-space:nowrap;overflow-wrap:normal}
body.calm-ui #calm-quickbar .pet-choice>span{font-size:11px}
body.calm-ui #calm-menu{top:130px!important}
#scene-photo-preview{position:fixed;inset:130px auto auto 16px;margin:0;width:min(540px,calc(100% - 300px));max-height:calc(100dvh - 160px);z-index:25;padding:12px;pointer-events:auto}
#scene-photo-preview img{max-height:180px;margin:8px auto}#scene-photo-preview h2{font-size:16px}#scene-photo-preview p{font-size:12px;margin:5px 0}
@media(max-width:650px){
 body.calm-ui #calm-quickbar{grid-template-columns:repeat(4,minmax(44px,1fr));gap:5px;max-width:none}
 body.calm-ui #calm-header{left:8px;right:8px}
 body.calm-ui #calm-menu{top:180px!important;max-height:calc(100% - 400px)!important}
 #scene-photo-preview{inset:180px 8px auto;width:calc(100% - 16px);max-height:calc(100dvh - 400px)}
 #scene-photo-preview img{max-height:110px}
}
@media(max-height:450px){
 body.calm-ui #calm-header{grid-template-columns:minmax(80px,1fr) 60px 60px!important}
 body.calm-ui #calm-quickbar{grid-template-columns:repeat(8,minmax(44px,1fr));gap:4px}
 body.calm-ui #calm-menu{top:122px!important;max-height:calc(100% - 150px)!important;width:calc(100% - 280px)!important;left:8px;right:auto}
 #scene-photo-preview{inset:122px auto auto 8px;width:calc(100% - 280px);max-height:calc(100dvh - 140px)}
 #scene-photo-preview img{max-height:80px}
}
@media(max-height:450px){body.calm-ui #calm-header{row-gap:4px}body.calm-ui #calm-header .brand{font-size:16px!important;padding:4px 8px!important}body.calm-ui #calm-header #presence-status{font-size:10px!important;padding:1px 4px!important}body.calm-ui #calm-identity{gap:2px}body.calm-ui #calm-menu{top:110px!important}}
/* Spatial groups: view controls upper left; companion and movement lower right. */
body.calm-ui #calm-header{grid-template-columns:minmax(80px,1fr) 60px 60px!important;row-gap:8px}
body.calm-ui #calm-header .brand{width:max-content;max-width:100%;align-self:flex-start}
body.calm-ui #calm-quickbar{justify-self:start;grid-template-columns:repeat(4,52px)!important;gap:4px!important;width:220px!important;max-width:220px!important}
body.calm-ui #calm-quickbar #channel{grid-column:span 2;width:108px!important;max-width:108px!important}
body.calm-ui #calm-walking-tools{position:absolute;right:14px;bottom:86px;z-index:12;display:grid;grid-template-columns:repeat(3,48px);gap:5px;padding:5px;border-radius:20px;background:#f4f0e6aa;border:1px solid #fff9;box-shadow:0 4px 16px #233b2d18;pointer-events:auto}
body.calm-ui #calm-walking-tools>button,body.calm-ui #calm-walking-tools>.pet-choice{position:static!important;inset:auto!important;display:flex!important;align-items:center;justify-content:center;box-sizing:border-box;width:48px!important;min-width:48px!important;max-width:48px!important;height:46px!important;min-height:46px!important;padding:2px!important;margin:0!important;border:1px solid #ced7c5;border-radius:14px;background:#f6f2e8;color:#344e40;box-shadow:none;font-size:11px!important;line-height:1.2;white-space:normal;touch-action:manipulation;text-align:center}
body.calm-ui #calm-walking-tools>.pet-choice{position:relative!important;flex-direction:column}
body.calm-ui #calm-walking-tools .pet-choice>span{position:absolute!important;top:3px;left:0;right:0;height:13px;z-index:1;font-size:10px;line-height:13px;pointer-events:none;white-space:nowrap}
body.calm-ui #calm-walking-tools #pet{position:static!important;display:block!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:13px 0 0!important;margin:0!important;border:0!important;background:transparent;color:#344e40;font-size:11px!important;text-align:center;appearance:none;-webkit-appearance:none;box-shadow:none;touch-action:manipulation}
body.calm-ui #calm-menu{top:180px!important;max-height:calc(100% - 330px)!important}
@media(max-height:450px){body.calm-ui #calm-header{row-gap:4px}body.calm-ui #calm-walking-tools{bottom:80px;right:12px}body.calm-ui #calm-menu{top:170px!important;max-height:calc(100% - 190px)!important}}
body.calm-ui.youtube-compact.radio-open .right-controls{right:14px!important;left:auto!important;bottom:26px!important;max-width:160px}
@media(max-width:650px) and (min-height:451px){body.calm-ui.youtube-compact #calm-menu,body.calm-ui.youtube-compact #scene-photo-preview{max-height:calc(100dvh - var(--radio-video-size,200px) - 348px)!important}}
@media(max-width:650px) and (min-height:451px){body.calm-ui #calm-walking-tools{bottom:72px}}
/* Aligned tool trays: one spacing rhythm and identical 48px touch rows. */
body.calm-ui #calm-header{left:14px;right:14px;column-gap:6px;row-gap:8px;align-items:start}
body.calm-ui #calm-header>button,body.calm-ui #calm-header #calm-more{height:48px!important;min-height:48px!important;border-radius:12px;align-self:start;line-height:1.2!important;font-size:12px!important}
body.calm-ui #calm-quickbar{box-sizing:border-box;grid-template-columns:repeat(4,56px)!important;grid-auto-rows:48px;gap:6px!important;width:256px!important;max-width:256px!important;padding:6px;border:1px solid #fff9;border-radius:18px;background:#f4f0e6b8;box-shadow:0 3px 14px #233b2d13;align-items:stretch}
body.calm-ui #calm-quickbar #channel{grid-column:span 2;width:118px!important;max-width:118px!important;height:48px!important;min-height:48px!important;margin:0!important;padding:0 8px!important;border:1px solid #ced7c5!important;border-radius:12px;background:#f6f2e8;line-height:1.2!important;font-size:12px!important;box-sizing:border-box;text-align:center;text-align-last:center}
body.calm-ui #calm-quickbar>button{height:48px!important;min-height:48px!important;margin:0!important;padding:0 4px!important;border:1px solid #ced7c5;border-radius:12px;background:#f6f2e8;box-shadow:none;line-height:1.2!important;font-size:12px!important;align-items:center;justify-content:center}
body.calm-ui #calm-quickbar #support,body.calm-ui #calm-quickbar #scene-photo{grid-column:span 2}
body.calm-ui #calm-walking-tools{right:14px;grid-template-columns:repeat(3,52px);gap:6px;padding:6px;border-radius:18px;background:#f4f0e6b8;align-items:stretch}
body.calm-ui #calm-walking-tools>button,body.calm-ui #calm-walking-tools>.pet-choice{width:52px!important;min-width:52px!important;max-width:52px!important;height:48px!important;min-height:48px!important;border-radius:12px;padding:0!important;font-size:12px!important;line-height:1.2!important}
body.calm-ui #calm-walking-tools #pet{width:50px!important;min-width:50px!important;height:46px!important;min-height:46px!important;padding:13px 0 0!important;box-sizing:border-box;text-align:center;text-align-last:center}
body.calm-ui #calm-walking-tools .pet-choice>span{top:3px;line-height:13px;font-size:10px}
body.calm-ui .right-controls{right:14px!important}
body.calm-ui #calm-menu{top:194px!important}
@media(max-width:650px){body.calm-ui #calm-header{left:10px;right:10px}body.calm-ui #calm-walking-tools{right:14px}}
@media(max-height:450px){body.calm-ui #calm-header{row-gap:6px}body.calm-ui #calm-menu{top:184px!important;max-height:calc(100% - 202px)!important}}
body.calm-ui #calm-walking-tools #pet{border-radius:10px!important}
/* Small-screen tools are a single transparent line, not a large control card. */
@media(max-width:650px),(max-height:450px){
 body.calm-ui #calm-header{inset:8px 8px auto;grid-template-columns:minmax(0,1fr) 44px 48px!important;column-gap:4px;row-gap:4px}
 body.calm-ui #calm-identity{flex-direction:row;align-items:center;gap:5px;height:44px;min-width:0}
 body.calm-ui #calm-header .brand{font-size:16px!important;line-height:20px;padding:5px 7px!important;align-self:center;letter-spacing:0;border-radius:10px}
 body.calm-ui #calm-header #presence-status{font-size:10px!important;padding:3px 4px;line-height:14px;max-width:104px}
 body.calm-ui #calm-header>button,body.calm-ui #calm-header #calm-more{width:44px!important;min-width:44px!important;max-width:48px!important;height:44px!important;min-height:44px!important;font-size:11px!important;border-radius:10px;background:#f6f2e8dd;box-shadow:none}
 body.calm-ui #calm-header #calm-more{width:48px!important;min-width:48px!important}
 body.calm-ui #calm-quickbar{grid-template-columns:92px 44px 44px minmax(0,1fr) 44px 44px!important;grid-auto-rows:44px;gap:4px!important;width:100%!important;max-width:none!important;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
 body.calm-ui #calm-quickbar #channel{grid-column:1;width:92px!important;max-width:92px!important;height:44px!important;min-height:44px!important;padding:0 4px!important;font-size:11px!important;border-radius:10px;background:#f6f2e8dd}
 body.calm-ui #calm-quickbar>button{height:44px!important;min-height:44px!important;padding:0!important;font-size:10px!important;border-radius:10px;background:#f6f2e8dd;white-space:nowrap}
 body.calm-ui #calm-quickbar #time-open{grid-column:2}
 body.calm-ui #calm-quickbar #sky-view{grid-column:3}
 body.calm-ui #calm-quickbar #support{grid-column:5}
 body.calm-ui #calm-quickbar #scene-photo{grid-column:6}
 body.calm-ui #calm-menu{top:104px!important;max-height:calc(100% - 250px)!important}
}
@media(max-width:650px) and (min-height:451px){body.calm-ui.youtube-compact #radio-dialog .floating-radio-handle{background:transparent!important;border:0!important;box-shadow:none!important;color:#344d40;text-shadow:0 1px 2px #fff}}
@media(max-width:650px),(max-height:450px){body.calm-ui #whisper,body.calm-ui.youtube-compact #whisper{bottom:150px!important}}
#arrival-welcome{position:absolute;left:50%;transform:translateX(-50%);z-index:13;max-width:calc(100% - 32px);width:max-content;padding:10px 14px;border-radius:18px;background:#f8f3e6f5;color:#294637;border:1px solid #d7dfce;box-shadow:0 3px 14px #142b2420;font-size:13px;line-height:1.5;text-align:center;pointer-events:none;overflow-wrap:anywhere}
#arrival-welcome[hidden]{display:none}
/* All view tools stay left; the upper-right corner belongs to the video. */
body.calm-ui #calm-header{right:auto!important;width:256px;grid-template-columns:60px 60px!important;justify-content:start}
body.calm-ui #calm-identity{grid-column:1/-1}
body.calm-ui #calm-quickbar{grid-column:1/-1}
@media(max-width:650px){
 body.calm-ui #calm-header{left:max(8px,env(safe-area-inset-left));top:max(8px,env(safe-area-inset-top));width:92px;grid-template-columns:44px 44px!important;gap:4px!important}
 body.calm-ui #calm-identity{height:auto;min-height:44px;flex-direction:column;align-items:flex-start;gap:2px}
 body.calm-ui #calm-header .brand{align-self:flex-start;font-size:15px!important;padding:3px 7px!important}
 body.calm-ui #calm-header #presence-status{max-width:92px;box-sizing:border-box;font-size:9px!important;white-space:nowrap;padding:2px 3px;line-height:12px}
 body.calm-ui #calm-header>button,body.calm-ui #calm-header #calm-more{width:44px!important;min-width:44px!important;max-width:44px!important}
 body.calm-ui #calm-quickbar{grid-template-columns:44px 44px!important;width:92px!important;max-width:92px!important;grid-auto-rows:44px}
 body.calm-ui #calm-quickbar #channel{grid-column:1/-1;width:92px!important;max-width:92px!important}
 body.calm-ui #calm-quickbar #time-open,body.calm-ui #calm-quickbar #support{grid-column:1}
 body.calm-ui #calm-quickbar #sky-view,body.calm-ui #calm-quickbar #scene-photo{grid-column:2}
 body.calm-ui #calm-menu{top:246px!important;max-height:calc(100% - 390px)!important}
}
/* Raise the four small tools beside the left controls when there is real room. */
@media(min-width:368px) and (max-width:650px){
 body.calm-ui #calm-header{width:140px;grid-template-columns:44px 44px 44px!important;grid-template-rows:46px 44px 44px 44px}
 body.calm-ui #calm-identity{grid-column:1/3;grid-row:1}
 body.calm-ui #calm-header>#radio{grid-column:1;grid-row:2}
 body.calm-ui #calm-header>#calm-more{grid-column:2;grid-row:2}
 body.calm-ui #calm-quickbar{display:contents}
 body.calm-ui #calm-quickbar #channel{grid-column:1/3;grid-row:3}
 body.calm-ui #calm-quickbar #time-open{grid-column:3;grid-row:1}
 body.calm-ui #calm-quickbar #sky-view{grid-column:3;grid-row:2}
 body.calm-ui #calm-quickbar #support{grid-column:3;grid-row:3}
 body.calm-ui #calm-quickbar #scene-photo{grid-column:3;grid-row:4}
 body.calm-ui #calm-menu{top:208px!important}
}
#scene-tools-toggle{position:absolute;right:14px;bottom:max(14px,env(safe-area-inset-bottom));z-index:18;min-width:92px;min-height:44px;border:1px solid #d5ddcc;border-radius:14px;background:#f6f2e8e8;color:#344e40;font:12px inherit;pointer-events:auto;touch-action:manipulation}
body.scene-tools-folded #calm-header,body.scene-tools-folded #object-labels,body.scene-tools-folded #calm-menu{display:none!important}

/* Menu recovery lives beside/below the header, away from contextual play actions. */
#scene-tools-toggle{right:auto;bottom:auto;left:8px;top:254px}
body.calm-menu-open #scene-tools-toggle{visibility:hidden}
.quality-choice{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:16px 0;font-size:13px}.quality-choice select{min-height:44px;max-width:100%;padding:8px;border-radius:10px;border:1px solid #a7b9a4;background:#f8f3e7;color:#294637}.quality-choice small{width:100%;font-size:11px}

/* Server selects the world; channel selects a 50-person copy of its three maps. */
body.calm-ui #room-channel{min-height:44px;width:92px;max-width:120px;padding:4px;font-size:12px;border-radius:12px;border:1px solid #d5ddcc;background:#f6f2e8;color:#294637}
@media(max-width:650px){body.calm-ui #calm-quickbar #room-channel{grid-column:1/3;width:92px!important;max-width:92px!important}}
@media(min-width:368px) and (max-width:650px){body.calm-ui #calm-quickbar #room-channel{grid-row:4}}

/* Sky remains in the scene; the removed sky-view tab is not part of the toolbar. */
body.calm-ui #sky-view{display:none!important}
@media(min-width:368px) and (max-width:650px){body.calm-ui #calm-quickbar #support{grid-row:2}body.calm-ui #calm-quickbar #scene-photo{grid-row:3}}

body.calm-ui #calm-walking-tools #umbrella[hidden]{display:none!important}
body.calm-ui #calm-walking-tools:has(#umbrella:not([hidden])) #umbrella{grid-column:3;grid-row:1}
body.calm-ui #calm-walking-tools:has(#umbrella:not([hidden]))>.pet-choice,body.calm-ui #calm-walking-tools:has(#umbrella:not([hidden]))>#bike,body.calm-ui #calm-walking-tools:has(#umbrella:not([hidden]))>#sit{grid-row:2}

#graphics-preview-link{display:block;padding:12px 0;color:inherit}

/* Permanent evening: close the former time-button gap without moving the walking dock. */
@media(min-width:368px) and (max-width:650px){body.calm-ui #calm-quickbar #support{grid-row:1}body.calm-ui #calm-quickbar #scene-photo{grid-row:2}}