/* Shared blue / gold / navy palette, approved October 24, 2026. */
:root{color-scheme:light;--bg:#e5f1fa;--surface:#f0f7fd;--surface2:#d8eafa;--text:#103b66;--ink:#103b66;--muted:#456887;--gold:#efd080;--gold-hover:#f6dfa2;--line:#a8c6df;--paper:#f3f8fe;--soft:#dcecf9;--orange:#b38b30}
body{color:#103b66!important}body[data-colour-theme="blue-gold"]{background:linear-gradient(145deg,#edf6fc,#d6e9f8)!important}
body :is(h1,h2,h3,h4,label,legend,summary,.eyebrow,.badge,.position,.maturity,.score,.notice strong,.brand,.record-note,.method,.season){color:#103b66!important}
body :is(input,select,textarea){color:#103b66!important;background:#f7fbff!important;border-color:#97b9d3!important}body input::placeholder,body textarea::placeholder{color:#5e7891!important;opacity:1}body option{background:#f7fbff;color:#103b66}
body :is(.header,.nav,.mobile-nav,.page-tools,.toolbar,.sticky-tools,.chat-workspace-top,.chat-bar){background:rgba(219,237,250,.94)!important;color:#103b66!important;border-color:#a8c6df!important}
body :is(.card,.panel,.box,.lineup,.notice,.colony-comparison,.ant,.slot-editor,.saved-record,.profile-card,.decision-box,.section-card,.ant-card,.free-account-welcome,.master-account-example,.entry-card,.example,.history-item,.message.user,#chat-form,#profile-gate,#build-gate){background:rgba(235,246,255,.94)!important;color:#103b66!important;border-color:#a8c6df!important}
body dialog{background:#edf6fe!important;color:#103b66!important;border-color:#a8c6df!important}body dialog :is(p,small,span){color:inherit}body dialog::backdrop{background:rgba(16,49,83,.50)!important}
body :is(button,.btn,.button){color:#103b66!important;border-color:#9cbdd7!important}body :is(button.primary,a.primary,.button,.btn-primary,button[type="submit"],.build-actions button,#home-type,#free-account-save,#returning-player-continue){background:#efd080!important;color:#103b66!important;border-color:#d2b15d!important}
body :is(button.outline,.outline,.secondary,.btn-secondary,.menu,nav>a,.flow button:not(.primary)){background:rgba(221,238,251,.87)!important;color:#103b66!important;border-color:#9cbdd7!important}
body[data-colour-theme="blue-gold"] :is(a,p,small,td,th,.nav a,.footer,.role,.legend span){color:#103b66}body[data-colour-theme="blue-gold"] :is(th,.role,thead){background:#daeafa!important}
body[data-colour-theme="blue-gold"] .brand,body[data-colour-theme="blue-gold"] nav a{color:#103b66!important}.nav a[aria-current=page]{border-bottom:2px solid #c69d3b}
body[data-colour-theme="lake"] #guide-card{background:rgba(231,243,253,.93)!important;color:#103b66!important;border-color:#c4dded!important}body[data-colour-theme="lake"] :is(.lead,.saved){background:rgba(232,244,254,.78)!important;color:#103b66!important}body[data-colour-theme="lake"] .stages button{background:rgba(221,238,251,.92)!important}body[data-colour-theme="lake"] .stages button[aria-current=step]{background:#efd080!important}body[data-colour-theme="lake"] .ant-card-choices button,body[data-colour-theme="lake"] .formation-example{background:#eef7ff!important}
body.simple-home .player-account-circle{background:rgba(208,232,250,.58)!important;color:#103b66!important;border-color:rgba(228,242,255,.8)!important;text-shadow:none!important}body.simple-home .account-label-copy strong{color:#103b66!important}body.simple-home .language-control{color:#103b66!important;text-shadow:0 1px 2px #fff}body.simple-home :is(.local-date,.local-date>span,.clock-text,.clock-text strong,.clock-text time,.clock-date,.clock-text small){color:#103b66!important;text-shadow:0 1px 2px #fff,0 0 5px #eaf5ff!important}body.simple-home :is(#home-talk,#home-read){background:rgba(215,236,253,.82)!important;color:#103b66!important;border-color:#bdd8ed!important}body.simple-home .dolly-heading{color:#f3d58c!important;text-shadow:0 2px 3px #123a57}
body[data-colour-theme="lake"] header{background:rgba(219,237,250,.65)!important}
/* Preserve action meaning and the existing role markers. */
body :is(.danger,.account-leave){background:#fff0f0!important;color:#8a2633!important;border-color:#ce9aa4!important}body :is([role="alert"],.entry-error,[data-error="true"]){color:#9d2735!important}
:focus-visible{outline:3px solid #246a9c!important;outline-offset:3px}
@media print{body{background:white!important}}
/* Text and older page surfaces brought into the shared palette. */
body[data-colour-theme="blue-gold"] :is(strong,b,.account-context-name,.step-number,.ant-meta,.class-chip,.readiness-verified,.readiness-limited,.readiness-queued,.update-tag,.native-ant-meta span,.native-lineup-index,.native-star-row,.role-tag,.status-badge){color:#103b66!important}
body[data-colour-theme="blue-gold"] :is(.class-chip,.status-badge,.preview-item,.suggested-lineup-control,.screenshot-target,.notice-box,.lineup-option-card,.native-lineup-card,.lineup-card-view,.viewer,.colony-private){background:#dcecf9!important;border-color:#a8c6df!important}
body[data-colour-theme="blue-gold"] :is(.colony-action-card,.colony-ant-card,.ask-panel,.ant-card,.featured-s3,.catalog-stats,.update-list) :is(a,span,time,figcaption){color:#103b66!important}
body[data-colour-theme="blue-gold"] .verified-ant-photo figcaption{background:#dcecf9!important;color:#103b66!important}
body.simple-home :is(.local-date time,.clock-time,.clock-city,.clock-zone){color:#103b66!important;text-shadow:0 1px 2px #fff,0 0 5px #eaf5ff!important}
body :is(.danger-button){background:#fff0f0!important;color:#8a2633!important;border-color:#ce9aa4!important}
body[data-colour-theme="blue-gold"] .ant-name-suggestions{background:#dcecf9!important;border-color:#a8c6df!important}
body[data-colour-theme="blue-gold"] .ant-name-option{background:#f0f7fd!important;color:#103b66!important;border-color:#bdd5e8!important}
body[data-colour-theme="blue-gold"] .ant-name-option:hover,body[data-colour-theme="blue-gold"] .ant-name-option[aria-selected="true"]{background:#efd080!important;border-color:#c7a24f!important}
body[data-colour-theme="blue-gold"] .ant-name-option small{color:#456887!important}
/* The chooser options are list rows, rather than raised action buttons. */
body[data-colour-theme="blue-gold"] :is(#antNameSuggestions,#rosterNameSuggestions) .ant-name-option{background:#f0f7fd!important;box-shadow:none!important;transform:none!important}
body[data-colour-theme="blue-gold"] :is(#antNameSuggestions,#rosterNameSuggestions) .ant-name-option:hover,body[data-colour-theme="blue-gold"] :is(#antNameSuggestions,#rosterNameSuggestions) .ant-name-option[aria-selected="true"]{background:#efd080!important}
body[data-colour-theme="blue-gold"] #hillLineupCards{background:#efd080!important;color:#103b66!important;border-color:#c7a24f!important;box-shadow:none!important}
body[data-colour-theme="blue-gold"] .colony-page-tools{background:#dcecf9!important}
/* Keep secondary links and import controls readable in every state. */
body[data-colour-theme="blue-gold"] :is(button.secondary,.button-link.secondary,.button-link.raised-secondary,.screenshot-upload-label.secondary){background:#dcecf9!important;color:#103b66!important;border-color:#a8c6df!important;box-shadow:0 2px 0 #9bbbd2!important}
body[data-colour-theme="blue-gold"] :is(button.secondary,.button-link.secondary,.button-link.raised-secondary,.screenshot-upload-label.secondary):is(:hover,:focus-visible,:focus-within,:active){background:#cce3f5!important;color:#103b66!important;box-shadow:0 2px 0 #8eafc8!important}
body[data-colour-theme="blue-gold"] #hillLineupCards:is(:hover,:focus-visible,:active){background:#f6dfa2!important;color:#103b66!important;box-shadow:none!important}
/* High contrast clocks without background boxes over the scenery. */
body.simple-home .clock-text,body.simple-home .local-date{background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important}
body.simple-home .clock-text :is(strong,time,small,.clock-date),body.simple-home .local-date :is(span,time){color:#ffe3a0!important;font-weight:700!important;text-shadow:-1px -1px 1px #103b66,1px -1px 1px #103b66,-1px 1px 1px #103b66,1px 1px 1px #103b66,0 2px 3px #103b66!important}
body.simple-home .clock-text time{font-weight:800!important}/* Schoolhouse and freshness labels share the readable palette. */
:root{--panel:#dcecf9}
body[data-colour-theme="blue-gold"] .schoolhouse-search{background:#dcecf9!important;color:#103b66!important;border-color:#a8c6df!important}
body[data-colour-theme="blue-gold"] :is(.lesson-no,.lesson-meta,.guide-count){color:#103b66!important}
body[data-colour-theme="blue-gold"] .lesson-no{background:#efd080!important;border-color:#c6a451!important}
body[data-colour-theme="blue-gold"] .schoolhouse-filters button.active{outline:3px solid #246a9c;outline-offset:2px}
body[data-colour-theme="blue-gold"] .rev379-panel{background:#dcecf9!important;color:#103b66!important;border-color:#a8c6df!important}
body[data-colour-theme="blue-gold"] .rev379-panel :is(p,label,strong,span,small){color:#103b66!important}
body[data-colour-theme="blue-gold"] .button-link:not(.secondary):not(.raised-secondary){background:#efd080!important;color:#103b66!important;border-color:#c6a451!important}
/* Clear navigation cards and keyboard/touch selection cues. */
body[data-colour-theme="blue-gold"] .header .nav a{border:1px solid #9bbdd6!important;border-radius:10px;padding:12px 14px;min-height:44px;display:flex;align-items:center;background:#e7f3fd!important;color:#103b66!important;text-decoration:none;box-shadow:0 2px 0 #aecbdf}
body[data-colour-theme="blue-gold"] .header .nav a:is(:hover,:focus-visible),body[data-colour-theme="blue-gold"] .header .nav a[aria-current="page"]{background:#efd080!important;border-color:#b28d37!important;color:#103b66!important;outline-offset:2px;box-shadow:0 2px 0 #b28d37}
body[data-colour-theme="blue-gold"] .path-option{background:#e7f3fd!important;color:#103b66!important;border:2px solid #a8c6df}
body[data-colour-theme="blue-gold"] .path-option:is(:hover,:focus-within),body[data-colour-theme="blue-gold"] .path-option:has(input:checked){background:#f6dfa2!important;border-color:#246a9c;box-shadow:0 0 0 1px #246a9c}
body[data-colour-theme="blue-gold"] :is(.guided-subpanel,.guided-check,.ask-status,.account-context-banner){background:#dcecf9!important;color:#103b66!important}
#site-update-notice{width:min(540px,calc(100% - 32px));max-height:calc(100dvh - 40px);box-sizing:border-box;overflow:auto;padding:24px;border:2px solid #c6a451;border-radius:18px;background:#edf6fe;color:#103b66;box-shadow:0 18px 60px #103b6655}
#site-update-notice h2{font-size:1.6rem;line-height:1.2;margin:0 0 16px}
#site-update-notice li{margin:0 0 14px;line-height:1.5}
#site-update-notice .site-update-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
#site-update-notice .site-update-actions :is(a,button){min-height:44px;padding:10px 14px;border:1px solid #a8c6df;border-radius:10px;background:#efd080!important;color:#103b66!important;font:inherit;font-weight:700;text-decoration:none;box-shadow:none!important}
#site-update-notice::backdrop{background:#103b6670}
#latest-site-updates{scroll-margin-top:80px}
/* Scenery varies by purpose; content keeps a calm, readable blue surface. */
body[data-colour-theme="blue-gold"][data-scenery]{background:linear-gradient(rgba(229,241,250,.18),rgba(229,241,250,.18)),var(--page-scenery) center/cover fixed!important}
body[data-scenery="coast"]{--page-scenery:url('assets/south-seas-beach.png')}
body[data-scenery="lake"]{--page-scenery:url('assets/upload-guide-lake.png')}
body[data-scenery="woodland"]{--page-scenery:url('assets/woodland-stream.png')}
body[data-scenery] :is(main.subpage,main.personal-page,main.wrap,main.page){background:rgba(229,241,250,.94);border-radius:18px}
body[data-scenery] .footer{background:rgba(220,236,249,.96);color:#103b66}
@media(max-width:700px){body[data-colour-theme="blue-gold"][data-scenery]{background-attachment:scroll!important}}
body[data-scenery] main{background:rgba(229,241,250,.94);border-radius:18px}
/* Centre the shared Back / Home / Top navigation on every screen size. */
body .page-tools,body .page-tools.colony-page-tools{justify-content:center!important}
body .page-tools :is(a,button){margin-left:0!important;margin-right:0!important;flex:0 0 auto}
/* Older text panels now follow the same palette; original game artwork is kept. */
body[data-colour-theme="blue-gold"] :is(.friendly-account-panel,.life-note,.directory-mode,.directory-guidance,.view-button,.visitor-choice:hover,.lineup-option-label,.viewer.legacy-chart-open>.pager,.lineup-page .set-switcher){background:#dcecf9!important;color:#103b66!important;border-color:#a8c6df!important}
body[data-colour-theme="blue-gold"] :is(.friendly-account-panel,.directory-mode,.directory-guidance,.life-note) :is(span,p,small,strong){color:#103b66!important}
body[data-colour-theme="blue-gold"] .view-button:is(.active,[aria-pressed="true"],:hover,:focus-visible){background:#efd080!important;color:#103b66!important;border-color:#c6a451!important}
body[data-colour-theme="blue-gold"] .visitor-choice .choice-label{background:#efd080!important;color:#103b66!important;border-color:#c6a451!important}
@media print{body[data-colour-theme="blue-gold"][data-scenery]{background:white!important}}
/* Four clear starting goals, with practical links visible in Type and Read. */
#chat-workspace #suggestions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#chat-workspace #suggestions button{min-height:48px;padding:10px 12px;border-radius:12px;font-size:.95rem;line-height:1.3;background:#dcecf9!important;color:#103b66!important;border:1px solid #9bbdd6!important;white-space:normal}
#chat-workspace #suggestions button:is(:hover,:focus-visible,[aria-pressed="true"]){background:#efd080!important;border-color:#b28d37!important;box-shadow:0 0 0 1px #b28d37}
#goal-guidance{background:#edf6fe!important;color:#103b66!important;border:1px solid #a8c6df;border-radius:14px;margin:8px 0 16px;padding:16px}
#goal-guidance[hidden]{display:none}#goal-guidance h3{margin:0 0 8px;font-size:1.1rem}#goal-guidance p{color:#103b66!important;line-height:1.5;margin:0 0 14px}.goal-guidance-links{display:flex;gap:10px;flex-wrap:wrap}.goal-guidance-links a{display:inline-flex;align-items:center;min-height:44px;padding:9px 12px;background:#efd080;border:1px solid #c6a451;border-radius:10px;color:#103b66;font-weight:700;text-decoration:none}.goal-guidance-links a:hover{text-decoration:underline}
#chat-workspace #words-panel{background:#dcecf9!important;color:#103b66!important;border-color:#a8c6df!important}
#chat-workspace :is(#spoken-words,.mic-notice,#status,.transcript-drawer summary,.chat-bar label){color:#103b66!important}
#chat-workspace .message{color:#103b66!important}
/* October 25 — keep scenery framed to the screen, including long mobile pages. */
body[data-colour-theme="blue-gold"][data-scenery]{position:relative;isolation:isolate;background:#e5f1fa!important;min-height:100svh}
body[data-colour-theme="blue-gold"][data-scenery]::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(rgba(229,241,250,.1),rgba(229,241,250,.1)),var(--page-scenery) center/cover no-repeat}
body[data-colour-theme="blue-gold"][data-scenery] main{width:calc(100% - clamp(16px,4vw,56px));margin:clamp(14px,2vw,24px) auto;background:rgba(229,241,250,.84)!important;border:1px solid rgba(214,234,249,.8);box-shadow:0 12px 36px rgba(16,59,102,.12)}
body.chart-focus-mode[data-scenery] main{width:100%!important;margin:0!important;border:0;border-radius:0;background:#e5f1fa!important;box-shadow:none}
@media print{body[data-colour-theme="blue-gold"][data-scenery]::before{display:none}body[data-colour-theme="blue-gold"][data-scenery] main{width:100%;margin:0;background:white!important;border:0;box-shadow:none}}
/* Visible homepage navigation for device testing. */
#home-menu-open{position:fixed;left:16px;top:53px;z-index:25;min-height:44px;padding:9px 14px;border:1px solid #b28d37;border-radius:12px;background:#efd080!important;color:#103b66!important;font-size:15px;font-weight:750;box-shadow:0 2px 8px #103b6626}
#home-navigation-dialog{width:min(620px,calc(100% - 28px));max-height:calc(100dvh - 40px);padding:20px;border-radius:18px;border:1px solid #a8c6df;overflow:auto;background:#edf6fe;color:#103b66}
.home-navigation-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.home-navigation-heading h2{margin:0}.home-navigation-heading button{min-height:44px;background:#dcecf9!important;color:#103b66!important;border:1px solid #9bbdd6;border-radius:10px;padding:9px 12px}
#home-navigation-dialog nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#home-navigation-dialog nav a{display:flex;align-items:center;min-height:46px;padding:10px 12px;border:1px solid #9bbdd6;border-radius:10px;background:#dcecf9!important;color:#103b66!important;font-size:14px;line-height:1.3;font-weight:700;text-decoration:none}
#home-navigation-dialog nav a:is(:hover,:focus-visible){background:#efd080!important;border-color:#b28d37}
@media print{#home-menu-open,#home-navigation-dialog{display:none!important}}
/* Softer content boxes let the page scenery show through. */
body[data-colour-theme="blue-gold"][data-scenery] :is(.card,.panel,.box,.profile-panel,.lesson-card,.friendly-account-panel,.colony-ant-card,.colony-action-card,.schoolhouse-search,.rev379-panel,.update-card,.notice,.notice-box,.ask-panel,.guided-subpanel,.guided-check,.directory-mode,.directory-guidance,.personal-card){background:rgba(237,246,254,.5)!important}
body[data-colour-theme="blue-gold"][data-scenery] :is(.colony-private,.screenshot-target,.guided-account-summary,.personal-card header,.personal-destination,.personal-role-legend){background:rgba(220,236,249,.6)!important}
body[data-colour-theme="lake"] #guide-card{background:rgba(231,243,253,.86)!important}
/* Expand clock centres by about 5% without enlarging text or the globe. */
body.simple-home .clock-brand-layout .world-clocks{left:-2.5%;top:-2.5%;right:auto;bottom:auto;width:105%;height:105%}
body.simple-home .clock-text{font-family:'Segoe UI',Arial,sans-serif!important}
body.simple-home .clock-text :is(strong,time,small,.clock-date){font-family:inherit!important}
body.simple-home .clock-brand-layout .clock-text small{display:block!important;font-size:7px;line-height:1.25;white-space:nowrap;min-height:9px}
body.simple-home .clock-brand-layout .world-clock[data-zone="Europe/Moscow"]{left:-38px;top:50%}
/* Matching clock typography; Iceland occupies the top pole, LA the upper right. */
body.simple-home .clock-text time{font-size:11.5px!important;line-height:1.25;font-family:Arial,sans-serif!important;font-weight:700!important;letter-spacing:0}
body.simple-home .clock-text strong{font-size:7.5px!important;line-height:1.2;font-family:Arial,sans-serif!important;font-weight:700!important}
body.simple-home .clock-text small{font-size:7px!important;font-family:Arial,sans-serif!important;font-weight:700!important}
body.simple-home .clock-brand-layout .world-clock[data-zone="Atlantic/Reykjavik"]{left:50%;top:-46px}
body.simple-home .clock-brand-layout .world-clock[data-zone="America/Los_Angeles"]{left:100%;top:0}
@media(max-width:650px){body.simple-home .clock-brand-layout .world-clock[data-zone="Atlantic/Reykjavik"]{top:-30px}}
@media(max-height:600px) and (orientation:landscape){body.simple-home .clock-brand-layout .world-clock[data-zone="Atlantic/Reykjavik"]{top:-28px}}
/* Clock order clockwise from the top, as requested October 25. */
body.simple-home .clock-brand-layout{--clock-pole:46px;--clock-side:66px}
body.simple-home .clock-brand-layout .world-clock[data-zone="Atlantic/Reykjavik"]{left:50%;top:calc(0px - var(--clock-pole))}
body.simple-home .clock-brand-layout .world-clock[data-zone="Africa/Johannesburg"]{left:100%;top:0}
body.simple-home .clock-brand-layout .world-clock[data-zone="Europe/Moscow"]{left:calc(100% + var(--clock-side));top:50%}
body.simple-home .clock-brand-layout .world-clock[data-zone="Asia/Dubai"]{left:100%;top:100%}
body.simple-home .clock-brand-layout .world-clock[data-zone="Asia/Tokyo"]{left:50%;top:calc(100% + var(--clock-pole))}
body.simple-home .clock-brand-layout .world-clock[data-zone="Australia/Sydney"]{left:0;top:100%}
body.simple-home .clock-brand-layout .world-clock[data-zone="America/Los_Angeles"]{left:calc(0px - var(--clock-side));top:50%}
body.simple-home .clock-brand-layout .world-clock[data-zone="America/Toronto"]{left:0;top:0}
@media(max-width:650px){body.simple-home .clock-brand-layout{--clock-pole:30px;--clock-side:38px}}
@media(max-height:600px) and (orientation:landscape){body.simple-home .clock-brand-layout{--clock-pole:28px;--clock-side:38px}}
@media(max-width:650px),(max-height:600px){body.simple-home .global-panel .clock-brand-layout{margin-bottom:70px}}
/* Keep world time labels without the small analog clock faces. */
body.simple-home .clock-brand-layout .clock-face{display:none!important}
/* Give the globe more presence on phones without changing Dolly. */
@media(max-width:650px) and (orientation:portrait){
 body.simple-home .global-panel .clock-brand-layout{--earth-size:min(200px,50vw)}
}
/* Match every clock's rendered font scale to Sydney. */
body.simple-home .clock-brand-layout .world-clock{transform:translate(-50%,-50%);width:78px;max-width:none}
@media(max-width:650px) and (orientation:portrait){body.simple-home .global-panel .clock-brand-layout{margin-top:116px}}
/* Keep all three phone actions reachable, including with Safari toolbars open. */
@media(max-width:650px) and (orientation:portrait){
 body.simple-home{height:auto;min-height:100svh;overflow-y:auto}
 body.simple-home .global-panel .clock-brand-layout{margin-bottom:48px}
 body.simple-home .shell{flex:0 0 auto;overflow:visible}
 body.simple-home .main,body.simple-home .main main{height:auto;overflow:visible}
 body.simple-home .conversation .heading{min-height:0}
 body.simple-home .home-chat-actions{padding-bottom:8px}
}
/* Match the compact Language field dimensions. */
body.simple-home #player-account-circle{box-sizing:border-box;width:112px;height:36px;min-height:36px;padding:5px 6px;gap:3px;border-radius:8px}
body.simple-home #player-account-circle svg{width:12px;height:12px;flex:0 0 12px}
body.simple-home #player-account-circle .account-label-copy strong{font-size:10px;line-height:1.2}
body.simple-home #player-account-circle .account-label-chevron{font-size:10px}
@media(max-width:650px){body.simple-home #player-account-circle{width:108px}}
/* Separate Tokyo's UTC offset from the support credit on phones. */
@media(max-width:650px) and (orientation:portrait){
 body.simple-home .global-panel .clock-brand-layout{margin-bottom:62px}
}