:root{color-scheme:light;--ink:#293d36;--muted:#64736c;--orange:#b84c24;--line:#d9ddd3;--paper:#fcfbf7;--soft:#f2f1e9}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 'Segoe UI',Arial,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid transparent;min-height:44px;border-radius:10px;padding:9px 16px;color:var(--ink);background:transparent}button:hover{background:#eeeae0}button:disabled{opacity:.6;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #24748c;outline-offset:3px}button.primary{background:var(--orange);color:white}button.primary:hover{background:#993e1e}.outline{border-color:var(--line);background:var(--paper)}.danger{background:#a32b31;color:#fff}input,select,textarea{border:1px solid var(--line);padding:11px 12px;border-radius:9px;background:white;color:var(--ink);min-width:0}label{display:block;font-size:14px;font-weight:600;margin:16px 0 6px}.shell{display:grid;grid-template-columns:270px minmax(0,1fr);min-height:100vh}aside{background:#f1f1e9;border-right:1px solid var(--line);padding:32px 22px;display:flex;flex-direction:column;gap:12px}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font-size:28px;line-height:1.2;margin-bottom:35px;font-weight:650}.brand small{display:block;font-size:9px;letter-spacing:1.4px;margin-top:6px}.brand-mark{display:grid;place-items:center;background:var(--orange);color:white;width:44px;height:44px;border-radius:50%;font:italic 32px Georgia}.search-label{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;margin-top:24px}#search{width:100%;font-size:13px}#history{display:flex;flex-direction:column;gap:10px;max-height:58vh;overflow:auto;padding:4px}.history-item{border:1px solid transparent;border-radius:12px;padding:9px}.history-item.active{background:white;border-color:var(--line)}.history-open{text-align:left;width:100%;padding:0 4px;font-size:14px;overflow-wrap:anywhere}.history-open b,.history-open small{display:block}.history-open small{font-size:11px;color:var(--muted);font-weight:400}.preview{font-size:12px;color:var(--muted);margin:4px;overflow-wrap:anywhere}.history-actions{display:flex;justify-content:flex-end}.history-actions button{font-size:12px;padding:2px 9px}.aside-foot{margin-top:auto;padding-top:28px;font-size:12px}.aside-foot p{color:var(--muted);font-size:11px}.online-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#528263;margin-right:7px}.main{min-width:0}header{height:87px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5%}.season{font-size:11px;letter-spacing:2px;font-weight:700}.season span{margin:0 12px;color:#949e95}main{max-width:1080px;margin:auto;padding:42px 6% 24px}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:var(--orange)}h1{font:normal clamp(38px,4vw,58px)/1.08 Georgia,serif;letter-spacing:-1.6px;margin:20px 0}h1 em{color:var(--orange);font-weight:400}.heading p:last-child{color:var(--muted);font-size:14px}.mascot-wrap{text-align:center;min-width:210px}.mascot{width:245px;height:225px;padding:0;border-radius:50%;display:block}.mascot:hover{background:transparent}.mascot svg{width:100%;height:100%;overflow:visible}.mascot-wrap>span{font-size:11px;color:var(--muted)}.cloud{animation:cloud 4s ease-in-out infinite}.ant{transform-origin:150px 160px;animation:float 4s ease-in-out infinite}.heart{opacity:0;transform-origin:225px 65px;transition:opacity .2s}.mascot:hover .heart,.mascot:focus-visible .heart,.mascot.loved .heart{opacity:1;animation:heart .8s ease-in-out infinite alternate}.welcome .wave,.happy .wave{transform-origin:130px 116px;animation:wave .5s ease-in-out infinite alternate}.listening .antenna{animation:pulse .6s ease-in-out infinite alternate}.thinking .ant{animation:think 1.5s ease-in-out infinite}.speaking .smile{animation:pulse .3s ease-in-out infinite alternate}.happy .ant{animation:bounce .6s ease-in-out infinite alternate}.error .ant{animation:shake .4s ease-in-out 2}.conversation{background:#fff;border:1px solid var(--line);border-radius:20px;margin-top:30px;box-shadow:0 10px 30px #344d3510;overflow:hidden}.chat-bar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eceee7;padding:15px 24px;gap:12px}.chat-bar>div{display:flex;align-items:center}.chat-bar h2{font-size:15px;font-weight:600;margin:0}.chat-bar button{font-size:12px}#messages{max-height:410px;min-height:165px;overflow:auto;overscroll-behavior:contain;padding:20px 26px}.message{max-width:92%;margin-bottom:20px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}.message:last-child{margin-bottom:0}.message b{display:block;font-size:10px;letter-spacing:1.4px;margin-bottom:7px;color:var(--orange)}.message.user{margin-left:auto;background:#f0f3ed;padding:15px 20px;border-radius:14px}.message.user b{color:var(--muted)}#suggestions{display:flex;gap:7px;flex-wrap:wrap;padding:0 24px 16px}#suggestions button{font-size:11px;background:#f8f7f2;border:1px solid #e8e8df;min-height:38px;padding:7px 10px}#chat-form{margin:0 20px;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:#fcfcf9}#message{display:block;resize:vertical;width:100%;border:0;background:transparent;font-size:14px;min-height:65px;padding:5px}.composer-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px}.composer-bottom>span{font-size:10px;color:var(--muted)}.composer-bottom>div{display:flex;gap:7px}.composer-bottom button{font-size:12px}#status{font-size:11px;color:var(--muted);padding:0 25px 5px;min-height:18px}footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:20px;font-size:11px;color:var(--muted)}footer button{font-size:11px;text-decoration:underline;padding:6px}.qa{font-size:12px;color:var(--muted);margin-top:24px}.qa summary{cursor:pointer;min-height:44px;padding-top:10px}#animation-controls{display:flex;gap:5px;flex-wrap:wrap}#animation-controls button{font-size:12px;border:1px solid var(--line)}dialog{width:min(540px,calc(100% - 28px));max-height:85dvh;overflow:auto;border:1px solid var(--line);border-radius:20px;padding:30px;color:var(--ink);background:var(--paper);box-shadow:0 20px 100px #24392e33}dialog::backdrop{background:#253c3566;backdrop-filter:blur(4px)}dialog h2{font:normal 30px/1.2 Georgia;margin:10px 0 18px}dialog p{font-size:14px;color:var(--muted)}dialog input,dialog select,dialog textarea{width:100%}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}#add-account{margin-top:12px}#profile-form button{margin-top:15px}#microphone[aria-pressed=true]{background:#9c2931;color:white}.skip{position:absolute;left:10px;top:-100px;z-index:9;background:white;padding:12px}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}@keyframes float{50%{transform:translateY(-5px)}}@keyframes cloud{50%{transform:translateY(3px)}}@keyframes wave{to{transform:rotate(15deg)}}@keyframes pulse{to{opacity:.45}}@keyframes think{50%{transform:rotate(-7deg)}}@keyframes bounce{to{transform:translateY(-10px) rotate(3deg)}}@keyframes shake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}@keyframes heart{to{transform:scale(1.15)}}
@media(min-width:1500px){main{padding-top:60px}.heading{margin-bottom:35px}.mascot{width:285px;height:255px}}
@media(max-width:1000px){.shell{grid-template-columns:225px minmax(0,1fr)}aside{padding:25px 15px}main{padding:30px 5%}.mascot{width:180px;height:185px}.mascot-wrap{min-width:170px}.eyebrow{font-size:9px}h1{font-size:40px}.composer-bottom>span{display:none}}
@media(max-width:650px){.shell{display:flex;flex-direction:column}.main{order:0}aside{order:1;border-right:0;border-top:1px solid var(--line);padding:22px;gap:8px}.brand{margin-bottom:4px;font-size:24px}.brand small{font-size:8px}.brand-mark{height:36px;width:36px}#history{max-height:330px}.search-label{margin-top:12px}.aside-foot{padding-top:12px}header{height:70px;padding:0 20px}.season{font-size:9px;letter-spacing:1px}.season span{margin:0 5px}header button{font-size:11px;padding:7px 10px}main{padding:28px 18px}.heading{gap:0}h1{font-size:39px}.heading .eyebrow{max-width:180px}.heading p:last-child{font-size:12px}.mascot-wrap{min-width:115px;margin-right:-8px}.mascot{width:145px;height:165px}.mascot-wrap>span{font-size:9px}.conversation{margin-top:18px;border-radius:15px}.chat-bar{padding:12px 16px}.chat-bar h2{font-size:13px}#messages{padding:20px 16px;max-height:390px}.message{max-width:100%;font-size:14px}#suggestions{padding:0 14px 12px;gap:6px}#chat-form{margin:0 12px;padding:8px}footer{align-items:flex-start}footer span{max-width:140px}.composer-bottom{justify-content:flex-end}dialog{padding:23px}.dialog-actions{flex-wrap:wrap}#status{padding-left:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.voice-controls{display:flex;gap:6px}.chat-bar{flex-wrap:wrap}#suggestions button{min-height:44px}#voice-preview{margin-top:12px}
@media(max-width:650px){.heading>div:first-child{min-width:0;flex:1}.mascot-wrap{min-width:110px;flex:0 0 110px;margin-right:0}.mascot{width:110px;height:150px}h1{font-size:clamp(30px,9vw,39px)}}

.header-controls{display:flex;gap:16px;align-items:center}.language-control{display:flex;gap:7px;align-items:center}.language-control label{font-size:11px;margin:0}.language-control select{font-size:12px;max-width:150px;min-height:44px;padding:6px}#voice-availability{font-size:12px}#voice-dialog .language-control{justify-content:flex-end;margin-bottom:16px}html:lang(zh-CN) h1,html:lang(ja-JP) h1{letter-spacing:0;font-family:'Segoe UI',sans-serif}html:lang(de-DE) h1,html:lang(fr-FR) h1,html:lang(it-IT) h1{font-size:clamp(28px,3.5vw,49px)}
@media(max-width:1000px){header{height:auto;min-height:87px;flex-wrap:wrap;gap:8px;padding-top:12px;padding-bottom:12px}.header-controls{flex-wrap:wrap;gap:8px}.chat-bar h2{overflow-wrap:anywhere}.brand small{font-size:8px;letter-spacing:.6px}}
@media(max-width:650px){header{align-items:flex-start;flex-direction:column}.header-controls{width:100%;justify-content:space-between}.header-controls .language-control label{display:none}.header-controls button{font-size:10px;padding:7px}.header-controls select{max-width:118px}.voice-controls{flex-wrap:wrap}html:lang(de-DE) h1,html:lang(fr-FR) h1,html:lang(it-IT) h1{font-size:clamp(27px,8vw,37px)}.eyebrow{overflow-wrap:anywhere}}

.global-panel{background:#f2e9da;border-bottom:1px solid #d7c8b2;padding:18px clamp(18px,3vw,42px);position:relative}.global-panel-top{display:flex;justify-content:space-between;gap:14px;align-items:center;max-width:1350px;margin:0 auto 14px}.global-panel .language-control label{font-size:13px;font-weight:700}.global-panel .language-control select{max-width:185px;min-width:140px;background:#fffdf8}.local-date{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px 16px;font-size:12px}.local-date>span{color:var(--muted)}.world-clocks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:1350px;margin:auto}.world-clock{background:#fffdf8;border:1px solid #e1d5c3;border-radius:13px;padding:12px;display:flex;align-items:center;gap:12px;min-width:0}.clock-face{width:58px;height:58px;flex:0 0 58px;stroke:#7e8d7c;stroke-width:1.5;fill:#b84c24}.clock-face line{stroke-linecap:round;stroke-width:2.5;stroke:var(--ink)}.clock-face .second-hand{stroke:var(--orange);stroke-width:1}.clock-text{min-width:0;line-height:1.4}.clock-text>*{display:block}.clock-text strong{font-size:11px;overflow-wrap:anywhere}.clock-text time{font-size:22px;font-variant-numeric:tabular-nums;letter-spacing:.6px}.clock-date{font-size:10px;color:var(--muted)}.clock-text small{font-size:9px;color:var(--orange)}.shell{min-height:calc(100vh - 170px)}.pending-ant-art{display:none!important}.dolly-portrait{display:grid;place-items:center;position:relative;width:150px;height:150px;margin:auto;border-radius:50%;background:#efdecb;color:var(--orange);font:italic 80px Georgia;animation:float 4s ease-in-out infinite}.dolly-portrait::after{content:'♥';position:absolute;top:3px;right:0;font:24px 'Segoe UI';opacity:0;color:#cc5451}.mascot:hover .dolly-portrait::after,.mascot:focus-visible .dolly-portrait::after,.mascot.loved .dolly-portrait::after{opacity:1}.mascot.welcome .dolly-portrait{animation:wave .6s ease-in-out infinite alternate}.mascot.listening .dolly-portrait{animation:pulse .6s ease-in-out infinite alternate}.mascot.thinking .dolly-portrait{animation:think 1.5s ease-in-out infinite}.mascot.speaking .dolly-portrait{animation:pulse .4s ease-in-out infinite alternate}.mascot.happy .dolly-portrait{animation:bounce .6s ease-in-out infinite alternate}.mascot.error .dolly-portrait{animation:shake .4s ease-in-out 2}.art-pending-note{display:block;max-width:235px;margin:auto;line-height:1.4}
@media(max-width:1000px){.world-clock{gap:8px;padding:10px}.clock-face{width:42px;height:42px;flex-basis:42px}.clock-text time{font-size:18px}.header-controls{width:100%;justify-content:flex-end}}
@media(max-width:650px){.world-clocks{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.global-panel-top{align-items:flex-start;flex-direction:column}.local-date{justify-content:flex-start;flex-direction:column;gap:0}.global-panel .language-control label{display:block}.world-clock{padding:8px;gap:6px}.clock-face{width:34px;height:34px;flex-basis:34px}.clock-text time{font-size:17px;letter-spacing:0}.clock-text strong{font-size:10px}.clock-date{font-size:9px}.dolly-portrait{width:95px;height:95px;font-size:55px}.art-pending-note{max-width:110px;font-size:9px!important}.global-panel .language-control select{max-width:180px}.global-panel{padding:14px 18px}}
@media(prefers-reduced-motion:reduce){.dolly-portrait{animation:none!important}.second-hand{visibility:hidden}}

.dolly-portrait{width:180px;height:180px;background:none;border-radius:24px;font-size:0;box-shadow:0 9px 25px #344d3520;transform-origin:50% 75%}.dolly-portrait img{width:100%;height:100%;object-fit:contain;border-radius:24px;display:block}.dolly-portrait::after{top:-9px;right:-9px;background:#fffdf8;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;box-shadow:0 3px 10px #344d3520}.mascot.welcome .dolly-portrait{animation:portrait-welcome .65s ease-in-out infinite alternate}.mascot.listening .dolly-portrait{animation:portrait-listening 1s ease-in-out infinite alternate}.mascot.speaking .dolly-portrait{animation:portrait-speaking .8s ease-in-out infinite alternate}@keyframes portrait-welcome{to{transform:rotate(4deg)}}@keyframes portrait-listening{to{transform:scale(1.025);box-shadow:0 0 0 5px #b84c2420}}@keyframes portrait-speaking{to{transform:translateY(-3px);box-shadow:0 0 0 4px #52826326}}
@media(max-width:1000px){.dolly-portrait{width:155px;height:155px}}
@media(max-width:650px){.dolly-portrait{width:105px;height:105px}.dolly-portrait img{border-radius:18px}.dolly-portrait::after{width:28px;height:28px;font-size:20px}}

.site-logo{display:block;flex:0 0 72px;width:72px;height:72px}.site-logo img{width:100%;height:100%;object-fit:contain;display:block}.global-panel-top>.language-control{margin-right:auto}.global-panel-top{gap:18px}.local-date{max-width:65%}
@media(max-width:650px){.global-panel-top{display:grid;grid-template-columns:58px minmax(0,1fr);gap:10px 14px;align-items:center}.site-logo{width:58px;height:58px}.global-panel-top>.language-control{margin-right:0;flex-wrap:wrap;gap:3px 7px}.global-panel-top>.local-date{grid-column:1/-1;max-width:100%}.global-panel .language-control select{min-width:0;width:100%;max-width:170px}.global-panel .language-control label{font-size:12px}}

/* One still photograph keeps the setting calm and lightweight. */
body{background:#d8ece7 url('assets/south-seas-beach.png') center center/cover fixed no-repeat;isolation:isolate}body::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(120deg,#ecf7f624,#fff4df05)}.global-panel{background:#fff8ebdc;backdrop-filter:blur(10px)}.world-clock{background:#fffdf8e6}aside{background:#f5faf3df;backdrop-filter:blur(12px)}header{background:#fafffcaa;backdrop-filter:blur(10px)}main{padding-top:30px}.heading{background:#fbfff945;backdrop-filter:blur(2px);border:1px solid #ffffff80;padding:22px 26px;border-radius:24px;min-height:220px}.heading .eyebrow,.heading>div:first-child>p:last-child{display:none}.heading h1{font-size:clamp(34px,4vw,52px)}.conversation{background:#fffffff0;backdrop-filter:blur(12px);margin-top:22px}.words-toolbar{display:flex;align-items:center;padding:10px 24px}.words-toggle{display:flex;align-items:center;gap:10px;cursor:pointer;margin:0;min-height:44px;font-size:14px}.words-toggle input{width:21px;height:21px;accent-color:var(--orange);margin:0;cursor:pointer}.words-toggle input:focus-visible{outline:3px solid #24748c}.words-toggle input{padding:0;flex-shrink:0}#words-panel{margin:0 24px 18px;padding:16px 18px;background:#f5f7f0;border:1px solid #d8e1d2;border-radius:12px}#spoken-words{font-size:15px;line-height:1.7;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.transcript-drawer{font-size:12px;margin-top:14px;border-top:1px solid var(--line);padding-top:8px}.transcript-drawer summary,.history-drawer summary,.voice-details summary{cursor:pointer;min-height:44px;padding-top:10px}.transcript-drawer #messages{padding:14px 0 0;min-height:0;font-size:12px}.history-drawer{margin-top:12px;font-size:13px}.history-drawer summary{font-weight:600}.voice-details{font-size:13px;color:var(--muted);margin-bottom:12px}#suggestions{padding-top:3px}footer{background:#fbfff9eb;border-radius:12px;padding:6px 12px}.qa{background:#fbfff9e8;border-radius:12px;padding:0 12px}dialog{background:#fffcf7f7}.main .season{color:#284237}
@media(max-width:650px){body{background-attachment:scroll;background-position:center top}.heading{padding:16px 12px;min-height:175px;gap:5px}.heading h1{font-size:31px}.words-toolbar{padding:8px 16px}#words-panel{margin:0 14px 14px;padding:13px}main{padding-top:20px}.heading .mascot{height:135px}.conversation{margin-top:16px}.heading .mascot-wrap{flex-basis:110px}}

.heading h1{text-shadow:0 1px 8px #ffffffcc}.heading #mascot-caption{color:#233e35;text-shadow:0 1px 4px #ffffffdd}

/* Whole-page beach view: sea-glass surfaces, without white panels. */
:root{--ink:#fff6df;--muted:#dfede4;--orange:#ffbc78;--line:#cfdfcf66;--paper:#173f43;--soft:#174a4b}
body{background:#174a4b;color:var(--ink)}body::before{background:linear-gradient(#092e3533,#062b354d),url('assets/south-seas-beach.png') center center/cover no-repeat}
.global-panel,aside,header,.heading,.conversation,footer,.qa{background:transparent;backdrop-filter:none;border-color:#d6e8d25c;box-shadow:none}
.global-panel{background:#0b3a453d}.shell{background:transparent}aside{background:#0a343d38}header{background:#0b3a4526}
.world-clock{background:#0b343d80;border-color:#c1dcd66b;box-shadow:0 2px 12px #082d3012}
.heading{background:transparent;border-color:transparent}.heading h1{color:#fff6df;text-shadow:0 2px 8px #062d38cc}.heading h1 em{color:#ffbf85}.heading #mascot-caption{color:#fff6df;text-shadow:0 1px 5px #062d38}
.conversation{background:#0a343d6b;border-color:#b8d5ca80;box-shadow:0 10px 30px #082c351c}.chat-bar{border-color:#c7ded266}.chat-bar h2{color:#fff6df}.words-toolbar{background:transparent}
#chat-form{background:#082f394d;border-color:#c1dcd68c}#message{background:transparent;color:#fff6df}#message::placeholder,input::placeholder,textarea::placeholder{color:#deebe1;opacity:1}
#suggestions button,.outline{background:#0c39436b;border-color:#c2ddd080;color:#fff6df}button{color:#fff6df}button:hover{background:#0a343d99}button.primary{background:#eda05c;color:#173d3e}button.primary:hover{background:#ffb97c}.danger{background:#9e3943;color:#fff6df}
input,select,textarea,.global-panel .language-control select{background:#103b46b3;color:#fff6df;border-color:#c2ddd0a6}select option{background:#173f43;color:#fff6df}input[type=checkbox]{accent-color:#ffb674}.words-toggle input{background:transparent}
#words-panel{background:#0b343d91;border-color:#c2ddd066}.message.user{background:#164a4e9c}.history-item.active{background:#164a4e8f;border-color:#b4d8cc80}.brand{color:#fff6df}.brand-mark{background:#eda05c;color:#173d3e}.history-drawer summary,.search-label{color:#fff6df}
footer,.qa{background:#0a343d70;border:1px solid #c2ddd04d}footer button{color:#fff6df}.main .season{color:#fff6df}.season span{color:#d5e9dd}.clock-date,.clock-text small{color:#e1eee5}.clock-face{stroke:#e0eee0;fill:#ffbd7b}.clock-face line{stroke:#fff6df}.clock-face .second-hand{stroke:#ffbc78}.online-dot{background:#ace8c2}
dialog{background:#123a40f2;color:#fff6df;border-color:#d4e7d580}dialog p,.voice-details,.qa,#status,.composer-bottom>span{color:#e0ece3}dialog::backdrop{background:#062b353d;backdrop-filter:blur(3px)}.dolly-portrait::after{background:#123a40;color:#ffb58f}.skip{background:#123a40;color:#fff6df}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,.words-toggle input:focus-visible{outline-color:#ffd78a}
@media(max-width:650px){.global-panel{background:#0b3a4559}.conversation{background:#0a343d80}aside{background:#0a343d59}}
.local-date{background:#0b343d80;padding:7px 11px;border-radius:10px}.brand small,.season,.history-drawer>summary,.aside-foot{text-shadow:0 1px 4px #062d38cc}
.words-toggle input{appearance:none;border:1.5px solid #dce9d9;border-radius:4px;display:inline-grid;place-content:center}.words-toggle input:checked{background:#eda05c;border-color:#eda05c}.words-toggle input:checked::after{content:'✓';font-size:17px;line-height:1;color:#173d3e}

/* 50% larger globe, with a separate transparent gold wordmark. */
.global-panel-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 24px}.site-brand{display:flex;align-items:center;gap:14px;width:auto;height:auto;max-width:100%;min-width:0;justify-self:start;flex:initial}.site-brand .site-globe{width:108px;height:108px;flex:0 0 108px}.site-brand .site-wordmark{width:clamp(200px,27vw,360px);height:auto;max-width:calc(100% - 122px);flex:0 1 auto;min-width:0;object-fit:contain;filter:drop-shadow(0 3px 4px #062b3570)}.global-panel-top>.language-control{margin:0;justify-self:end}.global-panel-top>.local-date{grid-column:1/-1;justify-self:end;max-width:100%}
@media(max-width:650px){.global-panel-top{grid-template-columns:minmax(0,1fr);gap:10px}.site-brand{gap:12px}.site-brand .site-globe{width:87px;height:87px;flex-basis:87px}.site-brand .site-wordmark{width:230px;max-width:calc(100% - 99px)}.global-panel-top>.language-control{justify-self:start;width:100%;flex-wrap:nowrap}.global-panel-top>.language-control select{max-width:180px}.global-panel-top>.local-date{justify-self:stretch}}

/* Compact language control stays at the top right at every screen size. */
.global-panel-top{position:relative;padding-top:0}.global-panel-top>.language-control{position:absolute;top:0;right:0;width:auto;display:flex;gap:6px;align-items:center;justify-self:end}.global-panel-top>.language-control label{font-size:10px;font-weight:500}.global-panel-top>.language-control select{width:112px;min-width:0;max-width:112px;min-height:36px;padding:5px 8px;font-size:11px;border-radius:8px}
@media(max-width:650px){.global-panel-top{padding-top:40px}.global-panel-top>.language-control{width:auto;right:0;top:0;justify-self:end}.global-panel-top>.language-control label{font-size:10px}.global-panel-top>.language-control select{width:108px;max-width:108px;min-height:36px}}

/* Local date/time sits immediately beneath the top-right language control. */
.global-panel-top>.local-date{position:absolute;top:42px;right:0;display:flex;flex-direction:column;align-items:flex-end;gap:2px;width:max-content;max-width:340px;font-size:11px;padding:6px 9px;line-height:1.5;grid-column:auto}.global-panel-top>.local-date>span{font-size:9px}
@media(min-width:651px){.site-brand{max-width:calc(100% - 290px)}}
@media(max-width:650px){.global-panel-top{padding-top:108px}.global-panel-top>.local-date{top:42px;right:0;max-width:100%;width:max-content;justify-self:end;align-items:flex-end;font-size:10px}}
.global-panel-top>.local-date{background:transparent;border:0;box-shadow:none;backdrop-filter:none;padding:0;text-shadow:0 1px 4px #062d38}
.global-panel-top{padding-top:52px}.global-panel-top>.local-date{top:0;left:0;right:auto;align-items:flex-start;text-align:left;max-width:calc(100% - 180px)}
@media(min-width:651px){.site-brand{max-width:100%}}
@media(max-width:650px){.global-panel-top{padding-top:92px}.global-panel-top>.local-date{top:0;left:0;right:auto;max-width:calc(100% - 132px);font-size:10px;align-items:flex-start}.global-panel-top>.local-date time{overflow-wrap:anywhere}}
.site-brand .site-wordmark{width:clamp(250px,33.75vw,450px)}
@media(max-width:650px){.site-brand .site-wordmark{width:287.5px}}

/* Compact order: corner controls, world clocks, then globe and title. */
.global-panel{padding-top:8px;padding-bottom:4px}.global-panel-top{display:block;padding-top:0;height:44px;min-height:44px;margin-bottom:6px}.global-panel-top>.local-date{top:0;left:0}.global-panel-top>.language-control{top:0;right:0}.world-clocks{gap:8px}.branding-row{max-width:1350px;margin:4px auto 0;display:flex;align-items:center}.branding-row .site-brand{max-width:100%}.main header{height:auto;min-height:48px;padding-top:2px;padding-bottom:2px}.main main{padding-top:8px}.heading{padding-top:8px;padding-bottom:8px;min-height:190px}.heading .mascot{height:185px}.conversation{margin-top:8px}footer{margin-top:10px}.qa{margin-top:10px}
@media(max-width:650px){.global-panel{padding-top:8px;padding-bottom:2px}.global-panel-top{padding-top:0;height:46px;min-height:46px;margin-bottom:4px}.branding-row{margin-top:2px}.main header{flex-direction:row;align-items:center;justify-content:space-between;min-height:48px;padding:2px 18px;gap:8px}.header-controls{width:auto}.heading{padding:6px 10px;min-height:145px}.heading .mascot{height:125px}.main main{padding-top:6px}.conversation{margin-top:6px}}

/* Four smaller clock faces remain in one row on every screen. */
.world-clocks{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.world-clock{padding:8px;gap:8px}.clock-face{width:34px;height:34px;flex-basis:34px}.clock-text time{font-size:19px}.clock-text strong{font-size:10px}.clock-date{font-size:9px}
@media(max-width:650px){.world-clocks{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.world-clock{flex-direction:column;justify-content:flex-start;text-align:center;padding:6px 3px;gap:3px;border-radius:10px}.clock-face{width:26px;height:26px;flex:0 0 26px}.clock-text{width:100%;line-height:1.35}.clock-text strong{font-size:8px;min-height:23px}.clock-text time{font-size:clamp(10px,3.2vw,14px);letter-spacing:0;white-space:nowrap}.clock-date{font-size:7px;min-height:20px}.clock-text small{font-size:7px}}
.site-brand .site-wordmark{width:clamp(500px,67.5vw,900px)}
@media(max-width:1000px){.branding-row .site-brand{flex-wrap:wrap;gap:0 12px;width:100%}.branding-row .site-wordmark{max-width:100%;flex-basis:100%;width:575px}.branding-row .site-globe{margin-bottom:-12px}}

/* Regional clocks surround the centered globe; the wordmark sits below. */
.clock-brand-layout{position:relative;max-width:1000px;margin:0 auto}.clock-brand-layout .world-clocks{grid-template-columns:minmax(0,1fr) 132px minmax(0,1fr);grid-template-rows:repeat(2,auto);gap:7px 12px}.world-clock[data-zone="America/Toronto"]{grid-column:1;grid-row:1}.world-clock[data-zone="UTC"]{grid-column:3;grid-row:1}.world-clock[data-zone="Asia/Dubai"]{grid-column:1;grid-row:2}.world-clock[data-zone="Asia/Tokyo"]{grid-column:3;grid-row:2}.center-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:108px;height:108px;display:block}.center-logo .site-globe{display:block;width:100%;height:100%;object-fit:contain}.branding-row{justify-content:center;margin-top:0}.branding-row .site-title{display:block;width:clamp(500px,67.5vw,900px);max-width:100%;line-height:0}.branding-row .site-title .site-wordmark{display:block;width:100%;height:auto;max-width:100%;filter:drop-shadow(0 3px 4px #062b3570)}
@media(max-width:650px){.clock-brand-layout .world-clocks{grid-template-columns:minmax(0,1fr) 98px minmax(0,1fr);gap:6px}.center-logo{width:87px;height:87px}.clock-brand-layout .world-clock{padding:5px 3px;gap:2px}.clock-brand-layout .clock-text strong{min-height:20px}.clock-brand-layout .clock-date{min-height:18px}.clock-brand-layout .clock-face{width:22px;height:22px;flex-basis:22px}.branding-row .site-title{width:575px}}

/* Clean Earth image and unboxed regional clocks on the beach. */
.global-panel{background:transparent;border:0}.clock-brand-layout .world-clock{background:transparent;border:0;box-shadow:none;backdrop-filter:none;border-radius:0}.clock-brand-layout .clock-text{text-shadow:0 1px 4px #062d38}.clock-brand-layout .clock-face{filter:drop-shadow(0 1px 2px #062d38)}.center-logo .site-globe{filter:drop-shadow(0 3px 7px #062d3859)}

/* Double Earth and let the regional information slightly overlap its edges. */
.clock-brand-layout{max-width:660px}.clock-brand-layout .world-clocks{position:relative;z-index:2;grid-template-columns:minmax(0,1fr) 100px minmax(0,1fr);column-gap:0}.clock-brand-layout .world-clock{justify-self:center;max-width:210px;width:100%;position:relative}.center-logo{width:216px;height:216px;z-index:1;pointer-events:none}.world-clock[data-zone="America/Toronto"],.world-clock[data-zone="Asia/Dubai"]{transform:translateX(20px)}.world-clock[data-zone="UTC"],.world-clock[data-zone="Asia/Tokyo"]{transform:translateX(-20px)}
@media(max-width:650px){.clock-brand-layout .world-clocks{grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);column-gap:0}.clock-brand-layout .world-clock{max-width:145px}.center-logo{width:174px;height:174px}.world-clock[data-zone="America/Toronto"],.world-clock[data-zone="Asia/Dubai"]{transform:translateX(8px)}.world-clock[data-zone="UTC"],.world-clock[data-zone="Asia/Tokyo"]{transform:translateX(-8px)}}
.world-clock[data-zone="America/Toronto"],.world-clock[data-zone="Asia/Dubai"]{transform:translateX(60px)}.world-clock[data-zone="UTC"],.world-clock[data-zone="Asia/Tokyo"]{transform:translateX(-60px)}
@media(max-width:650px){.world-clock[data-zone="America/Toronto"],.world-clock[data-zone="Asia/Dubai"]{transform:translateX(clamp(18px,6vw,30px))}.world-clock[data-zone="UTC"],.world-clock[data-zone="Asia/Tokyo"]{transform:translateX(clamp(-30px,-6vw,-18px))}}

/* One Earth-sized coordinate system keeps every timezone locked to the globe. */
.clock-brand-layout{--earth-size:216px;width:var(--earth-size);height:var(--earth-size);max-width:100%;position:relative}.clock-brand-layout .world-clocks{position:absolute;inset:0;display:block;width:100%;height:100%;margin:0}.clock-brand-layout .center-logo{width:100%;height:100%}.clock-brand-layout .world-clock{position:absolute;display:flex;flex-direction:column;gap:1px;align-items:center;justify-content:center;width:96px;max-width:46%;padding:0;text-align:center;transform:translate(-50%,-50%)}.clock-brand-layout .world-clock[data-zone="America/Toronto"]{left:27%;top:27%}.clock-brand-layout .world-clock[data-zone="UTC"]{left:73%;top:27%}.clock-brand-layout .world-clock[data-zone="Asia/Dubai"]{left:27%;top:73%}.clock-brand-layout .world-clock[data-zone="Asia/Tokyo"]{left:73%;top:73%}.clock-brand-layout .clock-face{width:17px;height:17px;flex:0 0 17px}.clock-brand-layout .clock-text{width:100%;line-height:1.25;text-shadow:0 1px 2px #001a22,0 0 5px #001a22}.clock-brand-layout .clock-text strong{font-size:8px;min-height:18px}.clock-brand-layout .clock-text time{font-size:13px;line-height:1.3;white-space:nowrap}.clock-brand-layout .clock-date{font-size:7px;min-height:16px}.clock-brand-layout .clock-text small{font-size:7px}
@media(max-width:650px){.clock-brand-layout{--earth-size:174px}.clock-brand-layout .world-clock{width:78px;max-width:46%}.clock-brand-layout .clock-face{width:14px;height:14px;flex-basis:14px}.clock-brand-layout .clock-text strong{font-size:7px;min-height:17px}.clock-brand-layout .clock-text time{font-size:11px}.clock-brand-layout .clock-date{font-size:6px;min-height:15px}.clock-brand-layout .clock-text small{font-size:6px}}
.clock-brand-layout .clock-text time{font-size:15px}@media(max-width:650px){.clock-brand-layout .clock-text time{font-size:13px}}

/* The gold lettering floats without moving the page layout. */
.branding-row .site-title .site-wordmark{animation:gold-title-float 6s ease-in-out infinite;transform-origin:center;filter:drop-shadow(0 10px 7px #021c2973)}
@keyframes gold-title-float{0%,100%{transform:translateY(0);filter:drop-shadow(0 10px 7px #021c2973)}50%{transform:translateY(-8px);filter:drop-shadow(0 17px 10px #021c2959)}}
@media(prefers-reduced-motion:reduce){.branding-row .site-title .site-wordmark{animation:none!important;transform:none;filter:drop-shadow(0 10px 7px #021c2973)}}
#earth-rotation{position:absolute;inset:0;display:block;width:100%;height:100%;filter:drop-shadow(0 3px 7px #062d3859)}.center-logo.is-rotating>.site-globe{opacity:0}
#earth-rotation{filter:brightness(1.2) saturate(1.12) drop-shadow(0 3px 7px #062d3859)}

/* A single highlighted reading option replaces the voice chooser. */
.words-toggle{padding:8px 16px;border:1px solid #ffd68a;border-radius:10px;background:#694814b3;color:#fff4d5;font-weight:600;box-shadow:0 2px 10px #102b3433}.words-toggle:has(input:checked){background:#8b591bcc}

/* One continuous companion area and a quieter finish to the page. */
.main header{background:transparent;backdrop-filter:none;border:0;max-width:1080px;margin:auto;padding:8px 6%;min-height:52px}
.main main{padding-top:8px}.conversation{margin-top:0;background:#103d466b;border:1px solid #d8e8d14d;border-radius:24px;backdrop-filter:blur(5px);box-shadow:0 12px 36px #042d3826}
.conversation .heading{background:transparent;backdrop-filter:none;border:0;border-radius:0;margin:0;padding:24px 24px 16px;min-height:180px;gap:20px}
.conversation .heading h1{margin:8px 0;font-size:clamp(32px,3.5vw,48px)}
.chat-bar{margin:0 24px;padding:12px 0;display:flex;gap:10px;border-top:1px solid #d8e8d133;border-bottom:0;justify-content:flex-start}
.chat-bar>div:first-child{flex:1 1 160px}.chat-bar .voice-controls{flex:0 0 auto}.chat-bar .words-toolbar{padding:0;flex:0 0 auto}
.words-toggle{min-height:44px;padding:7px 12px;font-size:12px;box-shadow:none}.chat-bar #speaker{min-height:44px}
#words-panel{margin:4px 24px 16px}#suggestions{padding:4px 24px 16px;gap:8px}#suggestions button{border-color:#d8e8d14d;background:#103b4633;border-radius:20px}
#chat-form{margin:0 24px;border-color:#d8e8d166;background:#0b343d59;padding:12px;border-radius:14px}#message{min-height:72px}.composer-bottom{padding-top:8px}
#status{margin:12px 24px 18px;padding:0;line-height:1.5;min-height:18px}
footer,.qa{background:transparent;backdrop-filter:none;border:0;border-radius:0;box-shadow:none;padding:0 4px;margin-top:12px}footer{align-items:center}.qa{border-top:1px solid #d8e8d133;margin-top:8px;padding-top:4px}
@media(max-width:650px){
 .main header{padding:6px 20px}.main main{padding:4px 18px 16px}
 .conversation{border-radius:20px}.conversation .heading{padding:20px 18px 14px;min-height:154px;gap:12px}.conversation .heading h1{font-size:clamp(29px,7vw,36px);letter-spacing:-1px}.conversation .heading .mascot{height:125px}
 .chat-bar{margin:0 18px;gap:8px;padding:12px 0}.chat-bar>div:first-child{flex:1 1 100%;margin-bottom:2px}.chat-bar .voice-controls{margin-left:auto;order:2}.chat-bar .words-toolbar{order:1}
 #suggestions{padding:4px 18px 16px;gap:7px}#suggestions button{font-size:11px;flex:1 1 auto}#chat-form{margin:0 18px}#words-panel{margin:4px 18px 16px}#status{margin:12px 18px 18px}
 footer{flex-wrap:wrap;gap:0;margin-top:10px}footer span{max-width:none;flex:1 1 100%}footer button{padding-left:0}.qa{margin-top:2px}
 aside{margin:0 18px 20px;padding:16px 4px 0;background:transparent;backdrop-filter:none;border-top:1px solid #d8e8d14d}.brand{display:none}.aside-foot{padding-top:4px}.aside-foot p{margin:4px 0}.history-drawer{margin-top:0}
}

.mic-notice{font-size:11px;line-height:1.6;color:#e0ece3;margin:0 24px 14px;max-width:65ch}@media(max-width:650px){.mic-notice{margin:0 18px 14px}}

/* Keep the complete world header in view while the companion area scrolls. */
body{height:100dvh;display:flex;flex-direction:column;overflow:hidden}
.global-panel{flex:0 0 auto;position:relative;z-index:3;backdrop-filter:none}
.shell{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior-y:contain;scroll-padding:16px}
.skip:focus{position:fixed}
/* Preserve useful conversation space on short screens, including landscape phones. */
@media(max-height:700px){.global-panel .clock-brand-layout{--earth-size:clamp(80px,20dvh,140px)}.global-panel .branding-row .site-title{width:min(100%,45dvh)}.global-panel .clock-face,.global-panel .clock-date,.global-panel .clock-text small{display:none}.global-panel .clock-text strong{font-size:7px;min-height:0}.global-panel .clock-text time{font-size:11px}.global-panel-top{height:40px;min-height:40px;margin-bottom:2px}}

/* Welcome copy remains in the scrolling companion area. */
.conversation .heading .welcome-eyebrow{display:block;color:#ffda99;font-size:10px;line-height:1.6;letter-spacing:1.4px;margin:0 0 12px}.conversation .heading h1{max-width:16ch;font-size:clamp(29px,3.2vw,44px);line-height:1.15;letter-spacing:-.8px}.welcome-copy{margin:0 24px 22px;max-width:66ch;font-size:14px;line-height:1.8;color:#fff4df}.welcome-copy strong{font-weight:650}
@media(max-width:650px){.conversation .heading{align-items:center}.conversation .heading h1{font-size:clamp(25px,6vw,32px)}.conversation .heading .welcome-eyebrow{font-size:9px;letter-spacing:.8px}.welcome-copy{margin:0 18px 20px;font-size:13px}}

/* The site introduction takes centre stage before Dolly's conversation. */
.site-welcome{text-align:center;margin:0 auto 28px;padding:20px 16px 10px;max-width:820px;text-shadow:0 2px 6px #052e39}
.site-welcome .welcome-eyebrow{display:block;color:#ffda99;font-size:11px;letter-spacing:1.7px;margin:0 0 14px;font-weight:700}
.site-welcome h1{font:normal clamp(30px,3.5vw,46px)/1.15 Georgia,serif;letter-spacing:-.6px;margin:0 auto 20px;max-width:23ch;color:#fff6df}
.site-welcome .welcome-copy{margin:0 auto;max-width:65ch;font-size:15px;line-height:1.85}
.dolly-heading{font:normal clamp(30px,3vw,42px)/1.1 Georgia,serif;letter-spacing:-.8px;margin:8px 0}.dolly-heading em{color:#ffbd7b}
@media(max-width:650px){.site-welcome{padding:22px 5px 8px;margin-bottom:22px}.site-welcome h1{font-size:32px;max-width:21ch}.site-welcome .welcome-copy{font-size:14px;line-height:1.8}.site-welcome .welcome-eyebrow{font-size:10px;letter-spacing:1px}.dolly-heading{font-size:30px}}

/* Lift the fixed header slightly, keeping artwork and controls at their current size. */
.global-panel{padding-top:4px;padding-bottom:0}
.global-panel-top{height:36px;min-height:36px;margin-bottom:0}
.global-panel .branding-row{margin-top:-10px;margin-bottom:-6px}

.conversation .heading>div:first-child>.dolly-intro{display:block;color:#fff4df;font-size:14px;line-height:1.8;max-width:58ch;margin:14px 0 0}.conversation .heading{align-items:center}.dolly-heading{margin-top:0}
@media(max-width:650px){.conversation .heading{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:12px}.conversation .heading>div:first-child{display:contents}.conversation .heading .dolly-heading{grid-column:1;grid-row:1}.conversation .heading .mascot-wrap{grid-column:2;grid-row:1}.conversation .heading>div:first-child>.dolly-intro{grid-column:1/-1;grid-row:2;font-size:13px;margin:0 0 4px}}

/* Warm gold introduction, with a small greeting window beside Dolly. */
.conversation .heading{padding-top:12px;padding-bottom:12px;min-height:0}.dolly-heading{color:#ffda99}.conversation .heading>div:first-child>.dolly-intro{margin-top:10px}
.mascot-wrap{position:relative}.dolly-portrait{box-shadow:0 0 22px #57e3cf66,0 4px 16px #052d3940}.mascot-wrap #mascot-hint{display:block;color:#ffdf9d;font-size:10px;line-height:1.5;margin:4px 0}.mascot-wrap #mascot-caption{display:block;font-size:9px;opacity:.8}
.greeting-bubble{position:absolute;z-index:5;right:4px;top:calc(100% + 8px);width:210px;max-width:65vw;padding:12px 16px;border-radius:14px;border:1px solid #ffda99;background:#164c50;color:#fff4df;font-size:13px;line-height:1.5;box-shadow:0 6px 20px #052d3966;text-align:left}.greeting-bubble::before{content:'';position:absolute;top:-7px;right:38px;width:12px;height:12px;background:#164c50;border-top:1px solid #ffda99;border-left:1px solid #ffda99;transform:rotate(45deg)}
@media(max-width:650px){.conversation .heading{padding-top:10px;gap:8px 12px}.greeting-bubble{right:0;width:210px}.conversation .heading>div:first-child>.dolly-intro{margin:0 0 4px}}

.mascot-wrap #dolly-greeting{font-size:14px;right:calc(100% + 8px);top:26%;width:200px;max-width:48vw}.greeting-bubble::before{top:20px;right:-7px;transform:rotate(135deg)}.heading:has(#dolly-greeting:not([hidden])) .dolly-heading{opacity:0}

/* Keep the introduction together at the top of Dolly's panel. */
.conversation .heading{align-items:start;padding-top:12px}.conversation .heading>div:first-child{min-width:0;align-self:start}.conversation .heading>div:first-child>.dolly-intro{max-width:100%;margin-top:10px}.dolly-heading{margin:0}.conversation .heading .mascot-wrap{align-self:start}
@media(max-width:650px){.conversation .heading{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:12px;align-items:start}.conversation .heading>div:first-child{display:block;grid-column:1;grid-row:1}.conversation .heading .dolly-heading{font-size:28px}.conversation .heading>div:first-child>.dolly-intro{margin:10px 0 0;font-size:13px;line-height:1.7}.conversation .heading .mascot-wrap{grid-column:2;grid-row:1}}

.chat-options-button{display:block;margin:8px auto 0;background:#e8bd70;color:#173c40;border-color:#ffe1a4;font-size:12px;font-weight:650;padding:8px 10px;min-height:44px;max-width:100%;line-height:1.35}.chat-options-button:hover{background:#ffd58d}.communication-options{display:grid;gap:10px;margin:20px 0}.communication-options button{text-align:left;border-color:#edcf8b80;min-height:52px}.communication-options button:hover{background:#29716e66}#chat-options .eyebrow{color:#ffda99}#chat-mic-permission{border-top:1px solid #edcf8b66;padding-top:8px}#chat-mic-unavailable{color:#ffda99}
@media(max-width:650px){.chat-options-button{font-size:11px;margin-top:8px}}

.free-account-welcome{margin:24px auto 0}.free-account-welcome .primary{background:#e8bd70;border-color:#ffe1a4;color:#173c40;font-weight:650;padding:12px 24px;min-height:48px}.free-account-welcome .primary:hover{background:#ffd58d}#free-account-summary{font-size:12px;margin:8px 0 0}.account-demo-note{font-size:12px;border-top:1px solid #edcf8b66;padding-top:14px}#free-account-dialog .eyebrow{color:#ffda99}#free-account-dialog .dialog-actions{flex-wrap:wrap}

#conversations-open{display:none}.conversations-dialog-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.conversations-dialog-top h2{margin:0}#conversations-dialog{width:min(520px,calc(100% - 28px))}#conversations-content aside{display:flex;background:transparent;border:0;margin:12px 0 0;padding:0;backdrop-filter:none;gap:10px}#conversations-content .brand{display:none}#conversations-content .aside-foot{margin-top:0;padding-top:12px}#conversations-content #history{max-height:40dvh}
@media(max-width:1180px),(pointer:coarse){
 #conversations-open{display:block;font-size:12px;min-height:44px}.shell{display:block}.main{width:100%}.main main{max-width:960px;padding:6px 5% 20px}.main header{max-width:960px;padding:6px 5%;min-height:50px}
 .global-panel .clock-brand-layout{--earth-size:148px}.global-panel .branding-row .site-title{width:min(58vw,520px)}.global-panel .clock-face{width:13px;height:13px;flex-basis:13px}.global-panel .clock-text strong{font-size:7px;min-height:16px}.global-panel .clock-text time{font-size:12px}.global-panel .clock-date{font-size:6px;min-height:12px}.global-panel .clock-text small{font-size:6px}
 .site-welcome{max-width:800px;padding-top:12px;margin-bottom:22px}.site-welcome h1{font-size:clamp(30px,4vw,42px)}.conversation .heading{gap:20px}
}
@media(max-width:650px){.global-panel .clock-brand-layout{--earth-size:126px}.global-panel .branding-row .site-title{width:min(84vw,360px)}.main main{padding:4px 18px 16px}.main header{padding:6px 20px}.global-panel .clock-face,.global-panel .clock-date,.global-panel .clock-text small{display:none}.global-panel .clock-text strong{min-height:0}.global-panel .clock-text time{font-size:11px}.conversation .heading{gap:12px}}
@media(max-height:500px){.global-panel .clock-brand-layout{--earth-size:80px}.global-panel .branding-row .site-title{width:230px}.global-panel .clock-face,.global-panel .clock-date,.global-panel .clock-text small{display:none}.global-panel .clock-text strong{min-height:0}}

.starting-point{margin:0 0 24px;padding:24px;border:1px solid #edcf8b66;border-radius:20px;background:#103d466b;backdrop-filter:blur(5px);color:#fff4df}.starting-point h2{font:normal clamp(25px,2.5vw,34px)/1.25 Georgia,serif;color:#ffda99;margin:0 0 12px}.starting-point>p{font-size:14px;margin:0 0 20px;max-width:66ch}.starting-point-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.starting-card{border:1px solid #edcf8b88;background:#164c506b;text-align:left;padding:18px 14px;min-height:138px;color:#fff4df}.starting-card:hover,.starting-card[aria-pressed=true]{border-color:#ffda99;background:#356460cc}.starting-card strong{display:block;color:#ffda99;font-size:15px;line-height:1.4;margin-bottom:10px}.starting-card span{display:block;font-size:12px;line-height:1.6}#starting-point-selected{font-weight:650;color:#ffda99;margin-bottom:6px}#starting-point-guidance{font-size:14px;margin-top:0}#starting-point-change{font-size:12px;min-height:44px}
@media(max-width:650px){.starting-point{padding:20px 18px}.starting-point-choices{grid-template-columns:1fr;gap:10px}.starting-card{min-height:0;padding:14px}.starting-card strong{margin-bottom:5px}}

.starting-point-preview-note{color:#ffda99;font-size:12px;border-bottom:1px solid #edcf8b66;padding-bottom:12px}

/* Distinct text colours identify each starting point alongside its wording. */
#level-beginner{--level-colour:#ffda99;--level-detail:#fff0d2;border-color:#ffda998c}
#level-intermediate{--level-colour:#a0f2df;--level-detail:#d4fff3;border-color:#a0f2df8c}
#level-advanced{--level-colour:#e0c6ff;--level-detail:#f0e4ff;border-color:#e0c6ff8c}
.starting-card strong{color:var(--level-colour)}
.starting-card span{color:var(--level-detail)}
.starting-card:hover,.starting-card[aria-pressed=true]{border-color:var(--level-colour);box-shadow:inset 0 0 0 1px var(--level-colour);background:#16464cf0}

.free-account-welcome .returning-player-button{display:block;min-height:46px;margin:12px auto 0;padding:10px 24px;border-color:#ffe1a4;background:#164c5073;color:#fff0cf;font-weight:600;min-width:220px}.free-account-welcome .returning-player-button:hover{background:#26676ccc}#returning-player-dialog .eyebrow{color:#ffda99}#returning-player-password:disabled{opacity:.55}#returning-player-dialog .dialog-actions{flex-wrap:wrap}

/* Gold game-title lettering: a local serif approximation, not the publisher's font. */
.site-welcome .game-intro-lead{font-size:14px;margin:0 0 8px;color:#fff4df}.site-welcome h1.game-title{max-width:none;margin:0 auto 20px;letter-spacing:0;line-height:1;text-shadow:none}.game-title-main{display:block;font-family:Georgia,'Times New Roman',serif;font-size:clamp(48px,6.5vw,76px);font-weight:900;font-variant:small-caps;letter-spacing:-2px;color:#f4d186;-webkit-text-stroke:1px #80511e;text-shadow:0 2px 0 #573518,0 4px 0 #402a16,0 7px 8px #032c3c;line-height:1.05}.game-title-sub{display:block;margin-top:8px;font-family:Georgia,'Times New Roman',serif;font-size:clamp(18px,2.7vw,29px);font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#ffe6ac;text-shadow:0 2px 2px #3c2914,0 4px 7px #032c3c;line-height:1.3}.site-welcome .welcome-copy{max-width:60ch}
@media(max-width:650px){.site-welcome .game-intro-lead{font-size:13px}.game-title-main{font-size:52px}.game-title-sub{font-size:19px;letter-spacing:1.7px}.site-welcome h1.game-title{margin-bottom:18px}}

.site-welcome .game-title-art{display:block;width:min(100%,620px);height:auto;margin:0 auto;filter:drop-shadow(0 4px 5px #032c3c99)}@media(max-width:650px){.site-welcome .game-title-art{width:100%}}

.main header{justify-content:flex-end}

/* Approved reduction: game wordmark at half its previous display width. */
.site-welcome .game-title-art{width:min(50%,310px)}

/* Saturn title study: artwork and globe share the same rotation angle. */
.saturn-title-preview .global-panel .clock-brand-layout{--earth-size:280px;margin-top:16px;margin-bottom:20px;isolation:isolate}
.saturn-title-preview .branding-row{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0!important}
.title-ring{position:absolute;left:50%;top:50%;width:260%;height:145.6%;max-width:none;transform:translate(-50%,-50%);pointer-events:none}
.title-ring-back{z-index:0}.title-ring-front{z-index:3}
.saturn-title-preview .clock-brand-layout .world-clocks{z-index:4;pointer-events:none}
.saturn-title-preview .clock-brand-layout .center-logo{z-index:1}
@media(max-width:1180px),(pointer:coarse){.saturn-title-preview .global-panel .clock-brand-layout{--earth-size:220px}}
@media(max-width:650px){.saturn-title-preview .global-panel .clock-brand-layout{--earth-size:min(190px,46vw);margin-top:22px;margin-bottom:24px}}
@media(max-height:600px){.saturn-title-preview .global-panel .clock-brand-layout{--earth-size:115px;margin-top:2px;margin-bottom:5px}}
.saturn-title-preview .global-panel{overflow:clip}

/* Enlarge the complete Earth, orbit and clock composition together by 25%. */
.saturn-title-preview .global-panel .clock-brand-layout{--earth-size:350px}
.saturn-title-preview .clock-brand-layout .world-clock{transform:translate(-50%,-50%) scale(1.25)}
@media(max-width:1180px),(pointer:coarse){.saturn-title-preview .global-panel .clock-brand-layout{--earth-size:275px}}
@media(max-width:650px){.saturn-title-preview .global-panel .clock-brand-layout{--earth-size:min(237.5px,57.5vw)}}
@media(max-height:600px){.saturn-title-preview .global-panel .clock-brand-layout{--earth-size:143.75px}}

/* Keep all four clock displays clear of the Earth and its lettering. */
.saturn-title-preview .global-panel .clock-brand-layout{margin-top:72px;margin-bottom:72px}
.saturn-title-preview .clock-brand-layout .world-clock[data-zone="America/Toronto"]{left:10%;top:-16%}
.saturn-title-preview .clock-brand-layout .world-clock[data-zone="UTC"]{left:90%;top:-16%}
.saturn-title-preview .clock-brand-layout .world-clock[data-zone="Asia/Dubai"]{left:10%;top:116%}
.saturn-title-preview .clock-brand-layout .world-clock[data-zone="Asia/Tokyo"]{left:90%;top:116%}
@media(max-width:650px){.saturn-title-preview .global-panel .clock-brand-layout{margin-top:48px;margin-bottom:48px}}
@media(max-height:600px){.saturn-title-preview .global-panel .clock-brand-layout{margin-top:38px;margin-bottom:38px}}
.saturn-title-preview .global-panel .clock-brand-layout{margin-top:84px}
@media(max-width:650px){.saturn-title-preview .global-panel .clock-brand-layout{margin-top:60px}}
@media(max-height:600px){.saturn-title-preview .global-panel .clock-brand-layout{margin-top:50px}}

/* Two additional clocks sit outside the globe at equator height. */
.saturn-title-preview .clock-brand-layout .world-clock[data-zone="Europe/London"]{left:-32%;top:50%}
.saturn-title-preview .clock-brand-layout .world-clock[data-zone="Australia/Sydney"]{left:132%;top:50%}
@media(max-width:650px){
 .saturn-title-preview .clock-brand-layout .world-clock[data-zone="Europe/London"]{left:calc(50% - 50vw + 44px);width:68px;max-width:none;transform:translate(-50%,-50%)}
 .saturn-title-preview .clock-brand-layout .world-clock[data-zone="Australia/Sydney"]{left:calc(50% + 50vw - 44px);width:68px;max-width:none;transform:translate(-50%,-50%)}
}
@media(max-width:650px){.saturn-title-preview .clock-brand-layout .world-clock[data-zone="Europe/London"],.saturn-title-preview .clock-brand-layout .world-clock[data-zone="Australia/Sydney"]{transform:translate(-50%,-50%) scale(1.25)}}

/* Clocks tucked close to the approved static Earth, October 21. */
.saturn-title-preview .clock-brand-layout .world-clock[data-zone="America/Toronto"]{left:0;top:0}
.saturn-title-preview .clock-brand-layout .world-clock[data-zone="UTC"]{left:100%;top:0}
.saturn-title-preview .clock-brand-layout .world-clock[data-zone="Asia/Dubai"]{left:0;top:100%}
.saturn-title-preview .clock-brand-layout .world-clock[data-zone="Asia/Tokyo"]{left:100%;top:100%}
.saturn-title-preview .clock-brand-layout .world-clock[data-zone="Europe/London"]{left:-66px;top:50%}
.saturn-title-preview .clock-brand-layout .world-clock[data-zone="Australia/Sydney"]{left:calc(100% + 66px);top:50%}
@media(max-width:650px){
 .saturn-title-preview .clock-brand-layout .world-clock[data-zone="Europe/London"],.saturn-title-preview .clock-brand-layout .world-clock[data-zone="Australia/Sydney"]{width:60px;transform:translate(-50%,-50%);max-width:none}
 .saturn-title-preview .clock-brand-layout .world-clock[data-zone="Europe/London"]{left:-32px}
 .saturn-title-preview .clock-brand-layout .world-clock[data-zone="Australia/Sydney"]{left:calc(100% + 32px)}
}

/* Complete the eight-clock globe with north and south displays. */
.saturn-title-preview .clock-brand-layout .world-clock[data-zone="America/Los_Angeles"]{left:50%;top:-58px}
.saturn-title-preview .clock-brand-layout .world-clock[data-zone="Africa/Johannesburg"]{left:50%;top:calc(100% + 58px)}
@media(max-width:1180px),(pointer:coarse){
 .saturn-title-preview .clock-brand-layout .world-clock[data-zone="America/Los_Angeles"]{top:-46px}
 .saturn-title-preview .clock-brand-layout .world-clock[data-zone="Africa/Johannesburg"]{top:calc(100% + 46px)}
}
@media(max-width:650px),(max-height:600px){
 .saturn-title-preview .clock-brand-layout .world-clock[data-zone="America/Los_Angeles"]{top:-22px}
 .saturn-title-preview .clock-brand-layout .world-clock[data-zone="Africa/Johannesburg"]{top:calc(100% + 22px)}
}
/* Reserve space for the complete lower clock, including its date. */
.saturn-title-preview .global-panel .clock-brand-layout{margin-bottom:116px}
@media(max-width:1180px),(pointer:coarse){.saturn-title-preview .global-panel .clock-brand-layout{margin-bottom:100px}}
@media(max-width:650px),(max-height:600px){.saturn-title-preview .global-panel .clock-brand-layout{margin-bottom:48px}}
/* Keep the small analog clock faces visible on phones and short screens. */
@media(max-width:650px),(max-height:600px){
 .global-panel .clock-face{display:block;width:13px;height:13px;flex:0 0 13px}
 .saturn-title-preview .clock-brand-layout .world-clock[data-zone="America/Los_Angeles"]{top:-30px}
 .saturn-title-preview .clock-brand-layout .world-clock[data-zone="Africa/Johannesburg"]{top:calc(100% + 30px)}
 .saturn-title-preview .global-panel .clock-brand-layout{margin-bottom:60px}
}

/* Calm, separated account actions; secondary tools expand under More. */
.free-account-welcome{display:grid;gap:14px;width:min(100%,360px);padding:20px;margin:24px auto 0;border:1px solid #d3e5dd66;border-radius:18px;background:#103d46d9;box-shadow:0 8px 24px #062d3826;backdrop-filter:blur(8px)}
.free-account-welcome>button,.free-account-welcome .returning-player-button{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;min-height:50px;margin:0;padding:12px 18px}
.free-account-welcome #my-colony-open{border-color:#f0d37c;background:#f0d37c;color:#173c40;font-weight:750}
.free-account-welcome .more-tools{min-width:0;margin:2px 0 0;border-top:1px solid #d3e5dd55;padding-top:14px;text-align:left}
.free-account-welcome .more-tools summary{display:flex;justify-content:space-between;align-items:center;list-style:none;cursor:pointer;min-height:50px;padding:12px 18px;border:1px solid #bcd5cf99;border-radius:10px;color:#fff4df;background:#164c5073;font-weight:650}
.free-account-welcome .more-tools summary::-webkit-details-marker{display:none}
.free-account-welcome .more-tools summary::after{content:'＋';font-size:20px;line-height:1}
.free-account-welcome .more-tools[open] summary::after{content:'−'}
.free-account-welcome .more-tools-links{display:grid;gap:12px;padding-top:14px}
.free-account-welcome .more-tools-links a{display:flex;justify-content:center;align-items:center;min-height:50px;padding:12px 16px;border:1px solid #c9ded8aa;border-radius:10px;background:#17434a;color:#fff4df;text-align:center;font-weight:650;text-decoration:none;line-height:1.4}
.free-account-welcome .more-tools-links a:hover{background:#28616a;border-color:#f0d37c}
.free-account-welcome #free-account-summary{margin:0;padding-top:2px;color:#fff4df;line-height:1.5}
@media(max-width:650px){.free-account-welcome{padding:18px;width:min(100%,360px)}}

/* Translucent green with blue and white lettering. */
.free-account-welcome{background:#124e4799;border-color:#d3e9e18c;backdrop-filter:blur(5px)}
.free-account-welcome .primary,.free-account-welcome #my-colony-open{color:#123e74}
.free-account-welcome .returning-player-button{color:#fff;background:#164c504d}
.free-account-welcome .more-tools summary{color:#bddfff;background:#164c504d}
.free-account-welcome .more-tools-links a{color:#fff;background:#17434a99}
.free-account-welcome #free-account-summary{color:#fff}

/* Let the beach show clearly through the account panel. */
.free-account-welcome{background:rgba(18,78,71,.24);backdrop-filter:none;-webkit-backdrop-filter:none;border-color:rgba(224,245,237,.65);box-shadow:0 6px 20px #062d381a}
.free-account-welcome .returning-player-button,.free-account-welcome .more-tools summary{background:rgba(12,58,65,.2)}
.free-account-welcome .more-tools-links a{background:rgba(12,58,65,.28)}
.free-account-welcome .returning-player-button,.free-account-welcome .more-tools summary,.free-account-welcome .more-tools-links a,.free-account-welcome #free-account-summary{text-shadow:0 1px 3px #062d38}

#returning-player-status{margin:12px 0 18px;line-height:1.5}
#returning-player-status.entry-error{padding:12px 14px;border:2px solid #ffdf97;border-radius:10px;background:#123e47;color:#fff;font-weight:650;outline-offset:4px}

/* Approved profile-circle entry: modal account only until player entry succeeds. */
.player-account-circle{position:fixed;right:40px;top:61px;z-index:50;width:46px;height:46px;border-radius:50%;border:1px solid #fff2ca;background:#efd184;color:#123f74;display:grid;place-items:center;padding:10px;box-shadow:0 3px 12px #123e4733}
.player-account-circle svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.player-account-circle span{font-size:21px;line-height:1;font-weight:750}
#returning-player-dialog,#free-account-dialog{position:fixed;inset:116px 26px auto auto;margin:0;width:min(350px,calc(100vw - 28px));max-height:calc(100dvh - 132px);overflow:auto;padding:24px;border:1px solid #e1eadcc9;border-radius:20px;background:#edf5edec;color:#123f66;box-shadow:0 16px 45px #062b3540;backdrop-filter:blur(4px)}
#returning-player-dialog::backdrop,#free-account-dialog::backdrop{background:rgba(5,24,34,.64);backdrop-filter:none}
#returning-player-dialog h2,#free-account-dialog h2{font:700 25px/1.2 Georgia,serif;margin:0 0 14px;color:#123f66}
#returning-player-dialog p,#free-account-dialog p{color:#375969}
#returning-player-dialog .eyebrow,#free-account-dialog .eyebrow{color:#21577d;font-size:11px}
#returning-player-dialog input,#free-account-dialog input{width:100%;background:#fff;color:#123f66;border:1px solid #9cb9b0;min-height:48px}
#returning-player-dialog label,#free-account-dialog label{color:#123f66}
#returning-player-dialog .dialog-actions,#free-account-dialog .dialog-actions{display:flex;flex-direction:column;gap:12px;margin-top:20px}
#returning-player-dialog .primary,#free-account-dialog .primary{order:-1;background:#efd184;color:#123f74;border:1px solid #f5dda8;width:100%;min-height:48px;font-weight:700}
#returning-player-dialog .outline,#free-account-dialog .outline{background:transparent;color:#194f7b;border:1px solid #a7c4b8;width:100%;min-height:46px}
#returning-player-dialog .account-demo-note{font-size:12px;border-color:#aec9bf;padding-top:12px}
#account-member-tools .free-account-welcome{display:grid;width:100%;padding:0;border:0;background:none;box-shadow:none;backdrop-filter:none;margin:16px 0 0}
#account-member-tools #returning-player-open{display:none}
#account-member-tools #free-account-open{background:transparent;border-color:#aac6bb;color:#194f7b}
#account-member-tools #free-account-summary{color:#375969;text-shadow:none}
#account-member-tools .more-tools summary{color:#194f7b;background:transparent;border-color:#aac6bb}
#account-member-tools .more-tools-links a{background:#dae9e1;color:#194f7b;text-shadow:none;border-color:#a8c2b7}
#account-member-tools .more-tools{border-color:#afc9bc}
@media(max-width:650px){.player-account-circle{right:20px;top:53px}#returning-player-dialog,#free-account-dialog{inset:105px 14px auto auto;padding:22px;max-height:calc(100dvh - 120px)}}

#returning-player-dialog .account-leave,#free-account-dialog .account-leave{display:block;width:100%;margin:18px 0 0;padding:12px 16px;border:0;border-top:1px solid #b6cfc3;border-radius:0;background:transparent;color:#245579;font-weight:650;min-height:46px}
#returning-player-dialog .account-leave:hover,#free-account-dialog .account-leave:hover{background:#d7e7dc}
#account-member-tools #account-save-backup{background:transparent;border-color:#aac6bb;color:#194f7b}
#account-backup-status{font-size:12px;line-height:1.5;margin:16px 0 0;color:#375969}
#account-member-tools button,#account-member-tools summary{text-shadow:none!important}
.player-account-circle:has(#player-account-initial:not([hidden])) svg{display:none}

/* Approved B: compact labelled Player Account beneath Language. */
.player-account-circle{display:flex;justify-content:center;align-items:center;gap:8px;width:auto;max-width:calc(100vw - 32px);height:44px;min-height:44px;padding:9px 12px;border-radius:12px;background:rgba(37,106,150,.24);border:1px solid rgba(225,242,255,.42);color:#fff;box-shadow:0 2px 8px #123e4714;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);text-align:left;text-shadow:0 1px 3px #123e47}
.player-account-circle svg{display:block!important;width:19px;height:19px;flex:0 0 19px}.player-account-circle #player-account-initial{display:none!important}
.player-account-circle .account-label-copy{display:block;font-size:15px;font-weight:650;line-height:1.2;min-width:0}
.player-account-circle .account-label-copy small{display:none;font-size:10px;font-weight:400;color:#d9ebe6;margin-bottom:4px;white-space:nowrap;max-width:140px;overflow:hidden;text-overflow:ellipsis}
.player-account-circle .account-label-copy strong{font-size:13px;font-weight:600;white-space:nowrap}
.player-account-circle .account-label-chevron{display:block;font-size:16px;font-weight:400}
#returning-player-dialog,#free-account-dialog{width:min(242px,calc(100vw - 28px));padding:16px;border-radius:16px;top:123px;right:40px;max-height:calc(100dvh - 137px)}
#returning-player-dialog>.eyebrow,#free-account-dialog>.eyebrow{display:none}
#returning-player-dialog h2,#free-account-dialog h2{font-size:21px;margin-bottom:12px}
#returning-player-dialog label,#free-account-dialog label{font-size:12px;margin:12px 0 5px}
#returning-player-dialog input,#free-account-dialog input{min-height:42px;font-size:14px;padding:9px 10px}
#returning-player-dialog .dialog-actions,#free-account-dialog .dialog-actions{gap:8px;margin-top:12px}
#returning-player-dialog button,#free-account-dialog button{min-height:42px;font-size:13px;padding:9px 10px}
#returning-player-dialog .account-demo-note{display:none}
#returning-player-status{font-size:12px;margin:8px 0 0}
#returning-player-dialog #returning-player-create{border:0;font-size:12px}
#returning-player-dialog .account-leave,#free-account-dialog .account-leave{margin-top:9px;padding-top:10px}
#account-member-tools .free-account-welcome{gap:8px;margin-top:10px}
#account-member-tools .more-tools{margin:0;padding-top:8px}
#account-member-tools .more-tools summary{min-height:42px;padding:9px 10px;font-size:13px}
#account-member-tools .more-tools-links{gap:8px;padding-top:8px}
#account-member-tools .more-tools-links a{min-height:42px;padding:9px 10px;font-size:13px}
#account-member-tools #free-account-summary{font-size:12px}
#account-backup-status{font-size:11px;margin-top:12px}
#free-account-dialog .account-demo-note{font-size:11px;line-height:1.4;padding-top:10px}
@media(max-width:650px){.player-account-circle{top:53px;right:16px}#returning-player-dialog,#free-account-dialog{top:115px;right:16px;max-height:calc(100dvh - 130px)}}

/* Visitors reach Dolly first; account choices remain in the header. */
.site-welcome{padding-top:8px;padding-bottom:0;margin-bottom:12px}
.site-welcome .welcome-copy{display:none}
.site-welcome .game-title{margin-bottom:4px!important}
.conversation{margin-top:0}
#starting-point{margin-top:24px}
#free-account-dialog .master-account-example{display:block;background:#dfece266;border:1px solid #b3ccbe;border-radius:10px;padding:12px;margin:12px 0;color:#123f66;font-size:12px;line-height:1.45}
#free-account-dialog .master-account-example strong{font-size:13px}
#free-account-dialog .master-account-example p{font-size:12px;margin:8px 0 0;color:#375969}
#free-account-dialog .master-account-example ul{margin:8px 0;padding-left:20px}
#free-account-dialog .master-account-example li{margin:3px 0}
/* Reserve space below Language for the labelled account control on phones. */
@media(max-width:650px){.saturn-title-preview .global-panel .clock-brand-layout{margin-top:100px}}

/* One-screen home: globe, Dolly and three chat choices. */
.simple-home .shell{display:block;overflow:hidden;min-height:0}
.simple-home #sidebar,.simple-home .main>header,.simple-home .site-welcome,.simple-home .main main>footer,.simple-home .main main>.qa{display:none!important}
.simple-home .main{height:100%;width:100%;min-height:0}
.simple-home .main main{display:flex;justify-content:center;align-items:center;max-width:none;width:100%;height:100%;padding:8px 16px;overflow:hidden}
.simple-home .conversation{width:min(100%,480px);margin:0;padding:0;border:0;background:none;box-shadow:none;backdrop-filter:none;overflow:visible}
.simple-home .conversation .heading{display:flex;flex-direction:column;gap:4px;padding:0;align-items:center;text-align:center}
.simple-home .conversation .heading>div:first-child{display:block}
.simple-home .dolly-heading{font-size:28px;margin:0 0 4px}
.simple-home .conversation .heading .dolly-intro,.simple-home #mascot-hint,.simple-home #mascot-caption,.simple-home #chat-options-open{display:none!important}
.simple-home .mascot-wrap{min-width:0}
.simple-home .mascot{width:126px;height:126px;margin:auto}
.simple-home .home-chat-actions{display:flex;justify-content:center;gap:12px;margin:16px 0 0}
.simple-home .home-chat-actions button{min-width:88px;min-height:46px;padding:10px 16px;background:#174e5880;color:white;border:1px solid #d3e6db;border-radius:12px;backdrop-filter:blur(3px);font-weight:650}
.simple-home .home-chat-actions .primary{background:#efd184;color:#123f74;border-color:#ffe0a0}
.simple-home .global-panel .clock-brand-layout{--earth-size:clamp(105px,calc(100dvh - 500px),250px)}
#chat-workspace{width:min(660px,calc(100vw - 28px));max-height:90dvh;padding:20px;overflow:auto}
.chat-workspace-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.chat-workspace-top h2{margin:0;font:700 25px Georgia,serif}
#chat-workspace .chat-bar{padding:10px 0;flex-wrap:wrap}#chat-workspace #chat-form{margin:14px 0 0}#chat-workspace #words-panel{margin:12px 0}#chat-workspace #messages{max-height:32dvh}#chat-workspace .mic-notice{margin:12px 0}#chat-workspace #suggestions{padding:8px 0}#chat-workspace #status{font-size:12px;margin-bottom:0}
#guidance-dialog{width:min(680px,calc(100vw - 28px));max-height:90dvh;overflow:auto}#guidance-dialog #starting-point{margin:0 0 14px}#guidance-dialog .starting-point-choices{grid-template-columns:1fr}
@media(max-width:650px){.simple-home .global-panel .clock-brand-layout{--earth-size:min(220px,57.5vw,calc(100dvh - 500px))}.simple-home .mascot{width:116px;height:116px}.simple-home .dolly-heading{font-size:26px}.simple-home .home-chat-actions{gap:10px;margin-top:12px}.simple-home .main main{padding:6px 12px}}
@media(max-height:600px) and (orientation:landscape){
 .simple-home .global-panel{position:absolute;inset:0 auto 0 0;width:50%;height:100dvh;padding:0;overflow:visible}
 .simple-home .global-panel-top{position:static}
 .simple-home .local-date{position:fixed;top:6px;left:12px;max-width:45%;font-size:10px}
 .simple-home .language-control{position:fixed;top:6px;right:16px}
 .simple-home .global-panel .clock-brand-layout{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);--earth-size:min(140px,26dvh);margin:0!important}
 .simple-home .clock-brand-layout .clock-date,.simple-home .clock-brand-layout .clock-text small{display:none}
 .simple-home .clock-brand-layout .world-clock{width:68px;transform:translate(-50%,-50%)}
 .simple-home .clock-brand-layout .world-clock[data-zone="Europe/London"]{left:-38px}
 .simple-home .clock-brand-layout .world-clock[data-zone="Australia/Sydney"]{left:calc(100% + 38px)}
 .simple-home .clock-brand-layout .world-clock[data-zone="America/Los_Angeles"]{top:-28px}
 .simple-home .clock-brand-layout .world-clock[data-zone="Africa/Johannesburg"]{top:calc(100% + 28px)}
 .simple-home .shell{position:absolute;left:50%;top:100px;right:0;bottom:10px}
 .simple-home .mascot{width:86px;height:86px}
 .simple-home .home-chat-actions{gap:6px;margin-top:10px;flex-wrap:wrap}.simple-home .home-chat-actions button{min-width:65px;padding:8px 12px;font-size:13px}
 .simple-home .dolly-heading{font-size:23px}
}
.simple-home .conversation .heading>div{margin-left:auto;margin-right:auto}
.simple-home .dolly-portrait{width:100%;height:100%;aspect-ratio:1;max-width:none}
.simple-home #conversations-dialog #sidebar{display:flex!important}
.simple-home #dolly-greeting{display:none!important}

/* Original gold game lettering links to the game's own website. */
.simple-home .tauk-support{margin:0 auto 10px;text-align:center;max-width:100%;line-height:1.2}
.simple-home .tauk-support small{display:block;font-size:11px;color:#fff3d5;text-shadow:0 1px 4px #052e39;margin-bottom:3px}
.simple-home .tauk-support-title{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:44px;max-width:100%;text-decoration:none;border-radius:8px}
.simple-home .tauk-support img{display:block;width:230px;max-width:58vw;height:auto;filter:drop-shadow(0 2px 3px #052e39aa)}
@media(max-width:650px) and (orientation:portrait){
 .simple-home .tauk-support{margin-bottom:5px}
 .simple-home .tauk-support small{font-size:10px}
 .simple-home .tauk-support img{width:150px}
 .simple-home .global-panel .clock-brand-layout{--earth-size:clamp(80px,calc(100svh - 570px),180px)}
}
@media(max-height:600px) and (orientation:landscape){
 .simple-home .tauk-support{margin-bottom:4px}
 .simple-home .tauk-support small{font-size:9px}
 .simple-home .tauk-support img{width:135px}
}

/* Keep phone actions above Safari's expanded bottom toolbar and home indicator. */
@media(max-width:650px) and (orientation:portrait){
 body.simple-home{height:100svh;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 16px)}
 .simple-home .global-panel .clock-brand-layout{--earth-size:clamp(80px,calc(100svh - 570px),180px)}
 .simple-home .main main{align-items:flex-start;padding:0 12px 8px}
 .simple-home .dolly-heading{font-size:24px;margin-bottom:2px}
 .simple-home .mascot{width:96px;height:96px}
 .simple-home .home-chat-actions{margin-top:8px}
 .simple-home .home-chat-actions button{min-height:44px;padding:8px 14px}
}

/* Inset local time from phone edges and leave room for the language control. */
@media(max-width:650px){
 .simple-home .global-panel-top>.local-date{left:max(14px,env(safe-area-inset-left,0px));right:auto;max-width:calc(100% - 148px);min-width:0;align-items:flex-start;text-align:left}
 .simple-home .global-panel-top>.local-date time{display:block;white-space:normal;overflow-wrap:normal;word-break:normal}
}
@media(max-height:600px) and (max-width:950px) and (orientation:landscape){
 .simple-home .global-panel-top>.local-date{left:max(18px,env(safe-area-inset-left,0px));top:max(8px,env(safe-area-inset-top,0px));right:auto;max-width:42vw;align-items:flex-start;text-align:left}
}

/* Phone content must not create a horizontally pannable document. */
@media(max-width:650px), (max-height:600px) and (max-width:950px) and (orientation:landscape){
 html:has(body.simple-home){width:100%;max-width:100%;overflow-x:hidden;overscroll-behavior-x:none}
 body.simple-home{width:100%;max-width:100%;min-width:0;overflow-x:hidden;overscroll-behavior-x:none;touch-action:pan-y pinch-zoom}
 .simple-home .global-panel{min-width:0;max-width:100%;overflow:hidden}
 .simple-home .shell,.simple-home .main,.simple-home .main main,.simple-home .conversation{min-width:0;max-width:100%}
 .simple-home .home-chat-actions{min-width:0;max-width:100%}
 .simple-home .home-chat-actions button{min-width:0;flex:0 1 auto}
 .simple-home input,.simple-home select,.simple-home textarea{font-size:16px}
}
@media(max-width:650px) and (orientation:portrait){
 .simple-home .global-panel{width:100%;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
 .simple-home .global-panel .clock-brand-layout{margin-left:auto;margin-right:auto}
}

.player-account-circle:hover{background:rgba(37,106,150,.38)}
.player-account-circle:focus-visible{outline:2px solid #ffe0a0;outline-offset:3px}

.upload-guide-link{display:block;margin:14px 0;padding:12px;border:1px solid #87a6b2;border-radius:10px;text-align:center;color:inherit;text-decoration:none;min-height:44px}