.tg-launch{display:flex;align-items:center;gap:14px;width:100%;padding:18px!important;margin:12px 0!important;border:1px solid #bcd8c6!important;border-radius:20px!important;text-align:left;background:linear-gradient(115deg,#e0eee3,#f7e8cf 65%,#eadce9)!important;color:#234b43!important;box-shadow:0 8px 24px #204d3c0a}.tg-launch>span{font-size:35px}.tg-launch>div{display:grid;gap:5px;flex:1;min-width:0}.tg-launch strong{font-size:18px}.tg-launch small{font-size:12px;font-weight:400;line-height:1.4}.tg-launch>b{font-size:24px}
.together-screen{--tg-height:100dvh;--tg-nav:68px;position:fixed;z-index:110;top:0;left:0;right:0;height:calc(var(--tg-height) - var(--tg-nav));background:#f3efe5;color:#294b43;display:flex;flex-direction:column;font-family:system-ui,-apple-system,sans-serif;overflow:hidden;text-align:left}.together-screen *{box-sizing:border-box}.together-screen button,.together-screen select,.together-screen textarea{font:inherit;color:inherit}.together-screen button{cursor:pointer;border:1px solid #d4ded1;border-radius:12px;padding:9px 13px;background:#fffaf0;min-height:38px;box-shadow:none;font-weight:550;line-height:1.3}.together-screen button:hover{background:#e6eedf}.together-screen button:disabled{opacity:.5;cursor:default}.together-screen button:focus-visible,.together-screen canvas:focus-visible{outline:3px solid #cb9865;outline-offset:2px}.together-screen select,.together-screen textarea{background:#fffaf0;border:1px solid #d0dacc;border-radius:10px;padding:9px;min-width:0;max-width:100%}.together-screen .hidden{display:none!important}.tg-header{padding:12px 22px;display:flex;align-items:center;gap:15px;border-bottom:1px solid #dde1d3;flex-shrink:0;background:#faf6ed}.tg-header h1{font-size:20px;margin:2px 0}.tg-header small{font-size:9px;letter-spacing:.2em;color:#7e8d75}.tg-header>span{margin-left:auto;font-size:12px;color:#75826e}.together-screen .tg-icon{border:0;background:#e5eadf;width:40px;height:40px;font-size:30px;padding:0;display:grid;place-items:center}.tg-lobby{overflow:auto;padding:25px clamp(16px,4vw,70px) 40px;background:radial-gradient(at 10% 0,#deeadd,transparent 70%),radial-gradient(at 90% 30%,#f3decf,transparent 65%)}.tg-hero{max-width:920px;margin:5px auto 25px}.tg-hero>span{font-size:12px;color:#81836b}.tg-hero h2{font-family:Georgia,serif;font-size:clamp(28px,3vw,46px);font-weight:400;margin:12px 0}.tg-hero p{line-height:1.6;max-width:560px;font-size:14px}.tg-hero label{display:flex;align-items:center;gap:15px;margin-top:22px;font-size:14px}.tg-hero select{min-width:200px}.tg-world-cards{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.together-screen .tg-world-card{padding:0;overflow:hidden;text-align:left;background:#fff9ef;border:1px solid #d9dfd1;box-shadow:0 7px 20px #3047350c;border-radius:20px;transition:transform .18s}.tg-world-card:hover{transform:translateY(-3px)}.tg-world-card img{display:block;width:100%;height:145px;object-fit:cover}.tg-world-card>div{padding:17px;display:grid;gap:9px}.tg-world-card strong{font:400 24px Georgia,serif}.tg-world-card span{font-size:12px;color:#76816e;line-height:1.5;font-weight:400;min-height:37px}.tg-world-card small{font-size:11px;color:#a47851}
/* 4.3: normal document flow. Chat, map and tools never occupy the same space. */
.together-screen{--tg-top:0px;--tg-left:0px;--tg-width:100vw;top:var(--tg-top);left:var(--tg-left);right:auto;width:var(--tg-width);height:calc(var(--tg-height) - var(--tg-nav));overflow:hidden}
.together-screen .tg-header{position:relative;top:auto;flex:none;gap:9px;padding:7px 10px;min-height:46px;border-bottom:1px solid #d6dfd0}
.tg-header h1{font-size:16px;margin:0}.tg-header small,.tg-in-room .tg-header>span{display:none}.tg-header .tg-icon{width:34px;height:34px;font-size:26px}.tg-header>div{min-width:0}.tg-in-room #tgChatOpen{margin-left:auto;font-size:11px;padding:6px 9px;min-height:34px}
.tg-full-only{display:none!important}.tg-room{flex:1;min-height:0;display:flex;flex-direction:column;gap:8px;overflow:auto;padding:8px 10px 12px;background:linear-gradient(#dce5db9c,#f2e8d5b8),var(--tg-scene) center/cover;isolation:isolate;scroll-padding:8px;overscroll-behavior:contain}
.tg-room>*{flex-shrink:0;min-width:0}.tg-world-heading{display:flex;align-items:center;gap:5px;margin:0;min-height:34px}.tg-world-heading>div{flex:1;min-width:0}.tg-world-heading h2{font:600 16px system-ui,sans-serif;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tg-world-heading p{display:none}.tg-world-heading button{font-size:11px;min-height:34px;padding:6px 8px;white-space:nowrap;background:#fff8e8d9}
.tg-conversation{display:flex;flex-direction:column;gap:5px;padding:9px 10px;border:1px solid #fff9;border-radius:14px;background:#fff9ebbd;backdrop-filter:blur(12px);box-shadow:0 3px 16px #203f3010;min-height:0;max-height:none;overflow:visible}
.tg-conversation>header{position:static;display:flex;align-items:center;gap:8px;margin:0;padding:0;min-height:18px;flex:none}.tg-conversation>header strong{font-size:12px;font-weight:650;white-space:nowrap}.tg-conversation>header>span:not(#tgCompanion){display:none}.tg-conversation #tgCompanion{margin-left:auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:#526c5e}
#tgLog{display:flex;flex-direction:column;gap:5px;max-height:84px;min-height:36px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:2px 0;flex:none}#tgLog>p{font-size:11px;color:#667f6a;margin:2px 0;line-height:1.4;text-align:left}.tg-message{max-width:94%;display:grid;gap:2px;align-self:flex-start;background:#deeadbc4;padding:5px 8px;border-radius:10px 10px 10px 3px;flex:none}.tg-message.mine{align-self:flex-end;background:#e7d7c1bd;border-radius:10px 10px 3px 10px}.tg-message small{font-size:9px;color:#6b7d68}.tg-message span{font-size:12px;line-height:1.4;overflow-wrap:anywhere;white-space:pre-wrap}
#tgTyping{margin:0;height:0;overflow:hidden;font-size:10px;color:#687e68}#tgTyping:not(:empty){height:auto;min-height:12px;flex:none}#tgCompose{display:flex;align-items:flex-end;gap:6px;margin:0;padding:0;flex:none}#tgDraft{width:100%;min-width:0;resize:vertical;min-height:38px;max-height:90px;font-size:13px;background:#fffaf0c9;line-height:1.4;padding:8px 9px}#tgCompose button{width:38px;height:38px;min-height:38px;flex:none;display:grid;place-items:center;padding:0;border:0;background:#406b58;color:#fff8e8;font-size:20px}
.tg-hints{font-size:11px;flex:none;min-width:0}.tg-hints>summary{cursor:pointer;display:list-item;list-style-position:inside;color:#486a59;padding:3px 0;min-height:24px;line-height:1.5}.tg-hints #tgReplyHints{padding-top:3px;min-width:0}.tg-hints .reply-hints{padding:0}.tg-hints .reply-hints-head{gap:5px;flex-wrap:wrap}.tg-hints .reply-hints-head button,.tg-hints .reply-hints-head select{font-size:10px!important;min-height:30px!important;padding:5px 7px!important}.tg-hints .reply-hints-head .reply-hints-toggle{display:none}.tg-hints .reply-hints-head select{margin-left:0;max-width:130px}.tg-hints .reply-explanation{display:none!important}.tg-hints #tgReplyHints .reply-options{max-height:none;padding:5px 0 2px;overflow-x:auto;overflow-y:hidden}.tg-hints .reply-options .reply-option{max-width:235px;min-height:34px;max-height:65px;overflow:auto;font-size:11px!important;padding:6px 8px!important}
.tg-emoji{display:none}#tgError:empty{display:none}#tgError{font-size:11px;line-height:1.4;color:#9d4f48;margin:0;overflow-wrap:anywhere}.tg-pair-request{font-size:12px;line-height:1.4;background:#f8e2b8d4;padding:8px;border-radius:10px}.tg-pair-request>span{display:block}.tg-pair-request button{font-size:11px;min-height:34px;margin:5px 5px 0 0}
.tg-stage{position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto auto;height:clamp(230px,42vh,530px);min-height:180px;overflow:hidden;border-radius:14px;background:#284f45;box-shadow:0 5px 18px #203f3024}.tg-stage>#tgWorld{display:block;width:100%;height:100%;min-height:0;touch-action:none;cursor:crosshair}.tg-camera{position:static;display:flex;align-items:center;flex-wrap:wrap;gap:5px;padding:5px 7px;background:#eff0dfe8;min-height:44px;border-top:1px solid #ffffff45}.tg-camera button{min-height:34px;height:34px;padding:0 10px;font-size:11px;flex:none;background:#fff8e8d1}.tg-camera #tgZoomOut,.tg-camera #tgZoomIn{width:34px;display:grid;place-items:center;font-size:21px;padding:0;line-height:1}.tg-camera #tgProgress{margin-left:auto;font-size:10px;color:#4d6c59;min-height:30px;height:auto;padding:4px 6px;background:transparent;border:0;max-width:135px;white-space:normal}
.tg-map{position:static;display:none;padding:5px 8px;background:#eaf0deed;width:100%;border-top:1px solid #cdd9c6}.tg-map-open .tg-map{display:flex;align-items:center;gap:10px}.tg-map canvas{display:block;width:150px;height:52px;cursor:pointer}.tg-map small{font-size:9px;color:#42624d;letter-spacing:.08em}.tg-asset-status{position:absolute;inset:20px 15px auto;padding:12px;background:#fff1d1f0;font-size:12px;border-radius:10px}.tg-fullscreen-hint{position:static;grid-row:4;background:#eef1de;color:#4d6b56;padding:7px 10px;font-size:10px;line-height:1.4}
.tg-room-controls{border:1px solid #fff8;border-radius:12px;background:#fff9eacb;backdrop-filter:blur(10px);overflow:hidden;font-size:12px}.tg-room-controls>summary{cursor:pointer;min-height:36px;padding:8px 10px;line-height:1.5;font-weight:600}.tg-control-body{padding:0 9px 9px;display:flex;flex-direction:column;gap:7px;min-width:0}.tg-places,.tg-actions{display:flex;flex-wrap:wrap;gap:5px;min-width:0}.tg-places button,.tg-actions button{font-size:11px;min-height:34px;padding:6px 9px}.tg-places .discovered:before{content:'✓ ';color:#698e60}.tg-near{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;line-height:1.4}.tg-near button{font-size:11px;min-height:34px;padding:6px 9px}.tg-walk-controls{display:flex;align-items:center;gap:8px;justify-content:space-between;font-size:10px;color:#6c7e66}.tg-walk-controls>span{max-width:200px}.tg-walk-controls>div{display:flex;gap:4px}.tg-walk-controls button{width:34px;min-height:34px;padding:0}
.tg-explore-help{font-size:11px;line-height:1.5;padding:9px 10px;background:#fff0cbc7;border-radius:9px}.tg-extras,.tg-sounds{border-top:1px solid #d4decb;padding-top:7px;min-width:0}.tg-extras summary,.tg-sounds summary{cursor:pointer;min-height:32px;padding:5px 0;font-size:12px;font-weight:600}.tg-options{display:flex;gap:10px;flex-wrap:wrap;padding:10px 0;font-size:11px}.tg-options label{display:flex;align-items:center;gap:5px}.tg-options select{font-size:11px;padding:6px}.tg-options input{accent-color:#527f66}.tg-drawing-head{display:flex;gap:6px;flex-wrap:wrap;align-items:center;padding:8px 0;font-size:11px}.tg-drawing-head select,.tg-drawing-head button{font-size:11px;padding:6px}#tgDrawing{width:100%;height:180px;display:block;background:#fff3df;border-radius:10px;touch-action:none}.tg-music{display:flex;gap:5px;padding:7px 0}.tg-music select{min-width:0;width:100%;font-size:12px}.tg-music button{font-size:11px;white-space:nowrap}.tg-sounds small{display:block;font-size:10px;line-height:1.5;color:#708268}.tg-levels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 15px;padding:10px 0}.tg-levels label{display:grid;grid-template-columns:65px minmax(0,1fr) 27px;align-items:center;gap:5px;font-size:11px}.tg-levels input{width:100%;min-width:0;accent-color:#76976f}.tg-levels output{font-size:9px;text-align:right}.tg-personal-volume{display:flex;gap:8px;align-items:center;font-size:11px;padding:8px 0}.tg-personal-volume input{min-width:0;flex:1;accent-color:#75976b}.tg-personal-volume output{font-size:10px}#tgMusicStatus{font-size:11px;line-height:1.4;margin:4px 0}#tgEnableAudio{font-size:11px;background:#f4dfb9}#tgSoundClose{display:none}
body.together-open #bottomTabs{z-index:111!important}body.together-open.nav-input-mode #bottomTabs{display:flex!important}body.together-open.together-fullscreen #bottomTabs{display:none!important}body.together-fullscreen{overflow:hidden}
.together-screen.tg-expanded{height:var(--tg-height)!important;z-index:1300}.tg-expanded .tg-header{display:none}.tg-expanded .tg-full-only{display:block!important}.tg-expanded .tg-room{gap:6px;padding:6px max(6px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));overflow:auto}.tg-expanded .tg-world-heading{min-height:32px}.tg-expanded .tg-world-heading h2{font-size:14px}.tg-expanded .tg-world-heading button{font-size:10px;min-height:32px;padding:5px 7px}.tg-expanded .tg-conversation{padding:7px 9px;gap:4px}.tg-expanded #tgLog{max-height:56px}.tg-expanded .tg-stage{height:auto;flex:1;min-height:120px}.tg-expanded .tg-room-controls{flex:none}.tg-expanded .tg-control-body{max-height:30vh;overflow:auto;overscroll-behavior:contain}.tg-expanded .tg-room-controls>summary{min-height:32px;padding:6px 9px}.tg-expanded.tg-chat-hidden .tg-conversation{display:none}
@media(min-width:1000px){.tg-room{padding:10px max(18px,calc((100vw - 1180px)/2));gap:9px}.tg-conversation{padding:10px 13px}#tgLog{max-height:100px}.tg-stage{height:clamp(300px,48vh,620px)}}
@media(max-width:650px){.tg-header h1{font-size:14px}.tg-in-room #tgChatOpen{font-size:10px}.tg-room{padding:6px 7px 10px;gap:6px}.tg-world-heading h2{font-size:15px}.tg-world-heading button{font-size:10px}.tg-levels{grid-template-columns:1fr}.tg-stage{height:clamp(230px,39vh,380px)}.tg-conversation>header strong{font-size:11px}.tg-conversation #tgCompanion{font-size:9px}.tg-world-cards{gap:10px}.tg-world-card img{height:110px}.tg-world-card>div{padding:12px}.tg-world-card strong{font-size:20px}}
/* Landscape uses separate columns, including while the software keyboard is visible. */
@media(orientation:landscape){.tg-expanded .tg-room{display:grid;grid-template-columns:minmax(210px,30%) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.tg-expanded .tg-world-heading{grid-column:1/-1;grid-row:1}.tg-expanded .tg-conversation{grid-row:2;grid-column:1;min-height:0;overflow:auto}.tg-expanded #tgLog{flex:1;min-height:0;max-height:none}.tg-expanded .tg-stage{grid-row:2;grid-column:2;min-height:0;height:100%;border-radius:12px}.tg-expanded .tg-room-controls{grid-row:3;grid-column:1/-1}.tg-expanded .tg-hints #tgReplyHints .reply-options{max-height:65px}.tg-expanded.tg-chat-hidden .tg-stage{grid-column:1/-1}.tg-expanded .tg-control-body{max-height:32vh}.tg-expanded .tg-camera #tgProgress{font-size:9px;max-width:110px}.tg-expanded .tg-camera{padding:4px;gap:4px;min-height:40px}.tg-expanded .tg-camera button{min-height:32px;height:32px}}
@media(max-height:330px) and (orientation:landscape){.tg-expanded .tg-conversation>header{display:none}.tg-expanded .tg-conversation{padding:5px 7px;gap:3px}.tg-expanded .tg-message{padding:3px 6px}.tg-expanded .tg-message small{display:none}.tg-expanded .tg-message span{font-size:11px}.tg-expanded .tg-world-heading,.tg-expanded .tg-world-heading button{min-height:28px}.tg-expanded #tgDraft{min-height:34px;max-height:45px;padding:6px 7px;font-size:12px}.tg-expanded #tgCompose button{height:34px;min-height:34px;width:34px}.tg-expanded .tg-room-controls>summary{min-height:28px;padding:4px 9px}.tg-expanded .tg-fullscreen-hint{display:none}}
@media(prefers-reduced-motion:reduce){.tg-world-card{transition:none!important}}

/* A closed hint is exactly one button, without reserved space for old answers. */
.reply-hints{padding:0;margin:0;min-height:0;color:#375b4b;font:inherit}.reply-hints .hidden{display:none!important}.reply-hints-toggle{font:inherit;font-size:11px!important;min-height:28px!important;line-height:1.4!important;padding:4px 7px!important;background:#fff8e1a8!important;border:1px solid #d6deca!important;border-radius:9px!important;margin:0!important}.reply-hints-body{padding-top:5px;min-width:0}.reply-hints-head{display:flex;align-items:center;flex-wrap:wrap;gap:5px}.reply-hints-head button,.reply-hints-head select{font:inherit;font-size:10px!important;min-height:28px!important;padding:4px 7px!important;border-radius:8px!important;background:#fcf5e5!important;color:#375b4b!important;border:1px solid #d6deca!important}.reply-explanation{font-size:10px;line-height:1.4;color:#617b60;margin:5px 0}.reply-options{display:flex;gap:5px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:2px 0 4px;max-height:95px}.reply-option{font:inherit;font-size:12px!important;line-height:1.4!important;min-height:34px!important;flex:0 0 auto;max-width:250px;padding:6px 9px!important;white-space:normal;text-align:left;border-radius:10px!important;border:1px solid #cadbc5!important;background:#e9eedccb!important;color:#315344!important}.reply-option:hover{background:#dce8d1!important}#chatReplyHints{flex:none;min-height:0;background:#faf8ee;padding:3px 10px}#tgReplyHints{flex:none;min-height:0;padding:0;margin:0}.tg-conversation #tgReplyHints .reply-options{max-height:80px}.tg-conversation .reply-hints-body{max-height:155px;overflow:auto}
/* More space for the actual landscape. Controls have an explicit compact toolbar. */
.tg-stage{flex:1;height:clamp(300px,55vh,700px);min-height:270px}.tg-camera{gap:5px}.tg-camera #tgMusicShortcut,.tg-camera #tgMotionShortcut{font-size:10px;padding:0 8px}.tg-explore-help{display:none!important}#tgTestSound{font-size:11px;min-height:34px;margin:4px 0;background:#e3edd9}#tgEnableAudio{font-size:12px;min-height:38px;background:#f3dcae;border:1px solid #d7bf85}#tgMusicStatus{overflow-wrap:anywhere}.tg-conversation{max-height:none;min-height:0}.tg-conversation>header{min-height:16px}.tg-conversation #tgLog{max-height:72px}.tg-conversation #tgCompose{flex:none}.tg-fullscreen-hint{pointer-events:none}.tg-world-backdrop{position:absolute;inset:0;width:100%;height:100%;min-height:0;display:block;touch-action:none;z-index:0;cursor:crosshair}
.tg-expanded .tg-room{position:relative;background:#244c40;isolation:isolate}.tg-expanded .tg-room>.tg-world-heading,.tg-expanded .tg-room>.tg-conversation,.tg-expanded .tg-room>.tg-stage,.tg-expanded .tg-room>.tg-room-controls{position:relative;z-index:2}.tg-expanded .tg-world-heading{background:#f5f0d7ba;border-radius:10px;padding:3px 5px;min-height:34px;backdrop-filter:blur(10px)}.tg-expanded .tg-conversation{background:#fff8e5b5;backdrop-filter:blur(10px);border:1px solid #fff7}.tg-expanded .tg-stage{height:auto!important;min-height:0;flex:none;margin-top:auto;background:transparent;box-shadow:none;overflow:visible;border-radius:12px;display:block}.tg-expanded .tg-stage .tg-camera{border:1px solid #fff7;border-radius:11px;background:#f8f3e0ba;backdrop-filter:blur(10px)}.tg-expanded .tg-stage .tg-map{background:#f4f2dcbd;border-radius:10px}.tg-expanded .tg-stage .tg-fullscreen-hint{display:none}.tg-expanded #tgLog{max-height:64px}.tg-expanded .tg-room-controls{background:#fff6e1c7;backdrop-filter:blur(12px)}.tg-expanded .tg-room-controls .tg-control-body{max-height:25vh}.tg-expanded .reply-hints-body{max-height:135px;overflow:auto}.tg-expanded .reply-hints-head{gap:4px}
@media(orientation:landscape){.tg-expanded .tg-room{grid-template-columns:minmax(210px,28%) minmax(0,1fr)}.tg-expanded .tg-stage{align-self:end;margin-top:0}.tg-expanded .tg-conversation{align-self:stretch;height:100%;overflow:auto}.tg-expanded #tgLog{min-height:0;max-height:none;flex:1}.tg-expanded .tg-stage .tg-map{margin-bottom:5px}.tg-expanded .tg-stage .tg-camera{justify-content:center}}
@media(max-width:650px){.tg-stage{height:clamp(320px,55vh,600px);min-height:270px}.tg-conversation{padding:7px 9px}.tg-conversation #tgLog{max-height:65px}.tg-camera{padding:5px}.tg-camera #tgMotionShortcut,.tg-camera #tgMusicShortcut{padding:0 7px;font-size:10px}.tg-world-heading h2{font-size:15px}}
@media(max-height:330px) and (orientation:landscape){.tg-expanded .tg-room{gap:4px;padding:4px}.tg-expanded .tg-world-heading{min-height:28px}.tg-expanded .tg-conversation{padding:4px 6px}.tg-expanded .tg-conversation .reply-hints-body{max-height:55px}.tg-expanded .reply-hints-toggle{font-size:10px!important;min-height:24px!important}.tg-expanded .tg-room-controls .tg-control-body{max-height:26vh}.tg-expanded .tg-camera{padding:3px;gap:4px}.tg-expanded .tg-camera button{min-height:30px;height:30px}.tg-expanded .tg-conversation>header{display:none}}

/* 4.5: the map owns the remaining viewport; hints scroll inside their own fixed dock. */
.tg-in-room .tg-room{overflow:hidden;gap:6px;background:#e5e9db}.tg-in-room .tg-stage{flex:1 1 0;height:auto;min-height:100px}.tg-conversation{flex:0 0 174px;height:174px;min-height:0;max-height:174px;overflow:hidden;padding:7px 9px;gap:4px}.tg-conversation>header{flex:none}.tg-conversation #tgLog{flex:1;min-height:0;max-height:none;overflow:auto}.tg-conversation #tgCompose{order:5;flex:none}.tg-conversation #tgReplyHints{flex:none;min-width:0}.tg-conversation.tg-suggesting #tgLog,.tg-conversation.tg-suggesting #tgTyping{display:none}.tg-conversation.tg-suggesting #tgReplyHints{flex:1;min-height:0;display:flex}.tg-conversation.tg-suggesting .reply-hints{display:flex;flex-direction:column;width:100%;min-height:0;gap:3px}.tg-conversation .reply-hints-toggle{align-self:flex-start;flex:none}.tg-conversation .reply-hints-body{flex:1;min-height:0;max-height:none;overflow:auto;padding-top:1px}.tg-conversation .reply-options{max-height:65px;padding-bottom:2px}.reply-hints-toggle{font-size:13px!important;min-height:32px!important;padding:5px 10px!important;color:#fffdf2!important;background:#406b58!important;border-color:#406b58!important;font-weight:600!important}.reply-explanation{margin:3px 0;font-size:10px}.reply-options .reply-option{font-size:12px!important;max-width:240px;min-height:36px!important;padding:5px 8px!important}.reply-hints-head{gap:4px}.reply-hints-head button,.reply-hints-head select{min-height:25px!important;padding:2px 6px!important}.reply-close{font-size:17px!important;margin-left:auto}.tg-camera{flex-wrap:nowrap;overflow-x:auto;gap:4px;scrollbar-width:none}.tg-camera #tgFitMap{font-size:10px;white-space:nowrap;padding:0 7px}.tg-camera #tgMotionShortcut,.tg-camera #tgMusicShortcut{white-space:nowrap;padding:0 6px}.tg-room-controls{flex:none}.tg-room-controls[open]{max-height:30%;overflow:auto}.tg-conversation #tgCompose #tgEmojiToggle{width:30px;min-width:30px;background:#f1e8ce;color:#406b58;font-size:23px}.tg-conversation #tgDraft{resize:none;min-height:36px;max-height:55px;font-size:13px}.tg-emoji.tg-emoji-open{display:flex;order:6;flex:none;gap:4px;overflow-x:auto;padding:2px 0}.tg-emoji button{padding:1px 4px;min-height:28px;font-size:22px;border:0;background:transparent}.tg-conversation:has(.tg-emoji-open) #tgLog{display:none}#chatReplyHints{display:block;flex:none;padding:5px 10px;max-height:210px;overflow:auto}#chatReplyHints.hidden{display:none!important}#chatReplyHints .reply-options{max-height:90px}.tg-stage-badges{display:none!important}
@media(orientation:landscape){.tg-expanded .tg-conversation{flex:none;height:100%;max-height:none;min-height:0}.tg-expanded .tg-stage{min-height:0}.tg-expanded .tg-conversation .reply-hints-body{max-height:none}.tg-expanded .tg-conversation.tg-suggesting #tgReplyHints{flex:1}.tg-expanded #tgLog{flex:1}}
@media(max-height:520px) and (orientation:landscape){.tg-in-room:not(.tg-expanded) .tg-room{display:grid;grid-template-columns:minmax(190px,30%) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto}.tg-in-room:not(.tg-expanded) .tg-world-heading{grid-column:1/-1}.tg-in-room:not(.tg-expanded) .tg-conversation{grid-column:1;grid-row:2;height:100%;max-height:none}.tg-in-room:not(.tg-expanded) .tg-stage{grid-column:2;grid-row:2;height:100%;min-height:0}.tg-in-room:not(.tg-expanded) .tg-room-controls{grid-column:1/-1}.tg-conversation>header span{font-size:9px}}
@media(max-height:330px) and (orientation:landscape){.tg-expanded .reply-hints-toggle{min-height:27px!important;font-size:11px!important}.tg-expanded .tg-conversation #tgCompose{min-height:31px}.tg-expanded .tg-conversation #tgDraft{min-height:31px}.tg-expanded .tg-conversation .reply-hints-body{max-height:none}.tg-expanded .reply-hints-head select{max-width:83px}.tg-expanded .reply-hints-head button{font-size:9px!important}.tg-expanded .reply-explanation{font-size:9px}}

.tg-conversation.tg-suggesting>header{display:none}.tg-conversation.tg-suggesting .reply-hints-toggle{min-height:28px!important;padding:3px 9px!important}.tg-conversation.tg-suggesting .reply-hints-body{display:flex;flex-direction:column}.tg-conversation.tg-suggesting .reply-hints-head{flex:none}.tg-conversation.tg-suggesting .reply-explanation{flex:none;margin:2px 0;font-size:9px}.tg-conversation.tg-suggesting .reply-options{flex:1;min-height:36px;overflow:auto}.tg-conversation.tg-suggesting .reply-option{max-height:58px;overflow:auto}
