/* Autumn palette inspired by Pantone Egret, Candied Ginger and Toffee.
   Web approximations, with deeper text/controls chosen for readable contrast. */
:root{--ink:#3f3026;--sub:#716051;--accent:#825434;--pink:#a56143;--mint:#8b8a62;--line:#e3d8c7;--card:#fffdf8;--autumn-cream:#f8f3e9;--autumn-ginger:#d8c1a0;--autumn-toffee:#825434;--autumn-leaf:#a56143}
html{font-size:18px}body,body.result-mode{background:#f8f3e9;color:var(--ink);--sub:#716051;line-height:1.65}
.wrap{max-width:540px}.top h1{font-size:25px;line-height:1.4}.top p{font-size:16px}.brandsmall{font-size:14px!important;color:#716051!important}
.top{position:relative}.top .hero{width:76px;height:73px}.top .hero img{width:76px}
.steps i{background:#dfd2be}.steps i.on{background:#825434}
.card,.deck-card,.deck-live,.deck-memory{background:#fffdf8;border-color:#e3d8c7;box-shadow:0 5px 22px #61412307}
.q,.welcome-label{font-size:26px;line-height:1.55}.qnum{color:#825434}.nick,textarea{font-size:19px;color:#3f3026;background:#fcf8f0;border-color:#c9b69c;line-height:1.6}
input::placeholder,textarea::placeholder{color:#776957}.nick:focus,textarea:focus{outline-color:#a87948}
.avatitle{font-size:19px}.avahint{font-size:16px;color:#716051}.ava{border-color:#dfd2bf;background:#fffdf8;min-height:107px}.ava.sel{background:#f4e8d7;border-color:#9c7147;box-shadow:0 0 0 1px #9c7147}
.ava .avnm{font-size:15px;color:#675645}.ava.sel .avnm{color:#694325}.ava-check{color:#825434}.ava .avimg,.ava .avimg img{width:62px;height:65px}
.btn,.deck .btn{background:#825434;font-size:20px;min-height:56px;color:#fffdf8}.btn:active{background:#684029}.btn.ghost{background:#eee1ce;color:#634b36}
.opt{font-size:20px;line-height:1.55;border-color:#dfd3c0;background:#fffdf8}.opt .odesc{font-size:16px;line-height:1.65;color:#716051}.opt>.ui-icon{color:#825434;width:24px;height:24px;flex-basis:24px}
.opt.sel,.bal button.sel{color:#684128;background:#f6e9d7;border-color:#a87948}.opt.sel .odesc{color:#71543a}.bal button{font-size:18px;line-height:1.65;border-color:#dfd3c0;background:#fffdf8}.balhint,.scalelbl,.react{font-size:16px;color:#716051}
.bal::after{background:#fffdf8;color:#71543a}.scaleval,.mbticode{color:#825434}.speaker{background:#f2e6d6!important;color:#684d36!important;font-size:16px}.speaker .srl{font-size:14px}
.scitip{font-size:16px;background:#f4ecde;color:#665441;border-left-color:#aa7e50}.scitip .sci{color:#825434}.scitip b{color:#684128}
.priv{font-size:14px;line-height:1.9;color:#716051}.hint{font-size:16px!important;line-height:1.8;color:#716051}.creator-credit{font-size:15px;color:#716051}.creator-credit span,.creator-credit a{font-size:15px}.creator-credit strong{font-size:17px;color:#523e2e}.creator-credit small{font-size:14px;color:#716051}
.result-mode .wrap{max-width:760px}.resultnav{background:#fffdf8;border-color:#d9cbb6;gap:2px;padding:5px;box-shadow:0 3px 12px #61412306}.resultnav a{font-size:15px;color:#66513e;background:transparent;line-height:1.45;min-height:57px;padding:5px 2px;overflow-wrap:anywhere}.resultnav .navnum{font-size:12px;color:inherit;opacity:.85}.resultnav a[aria-current=location]{background:#825434;color:#fffdf8}
.deck-heading h2{font-size:clamp(29px,7vw,42px);line-height:1.4;color:#3f3026}.deck-heading h2 em{color:#825434}.deck-kicker{font-size:15px;color:#716051}.deck-kicker>span{color:#78583b;border-color:#d9c8ae;font-size:13px}.deck-lead{font-size:18px;line-height:1.8;color:#716051}
.deck .tname{font-size:32px;color:#3f3026}.deck .tline{font-size:18px;color:#716051}.deck .blurb{font-size:18px;background:#f3e9d9;color:#634c36}.deck .sectitle{font-size:21px;color:#49392c}.sectitle [data-icon],summary>[data-icon]{color:#825434}
.deck-next{font-size:17px;color:#765335;border-color:#e1d3bd;min-height:56px}.deck-next span{color:#825434}.deck-guide{font-size:16px;color:#716051}.guide-mobile small{font-size:14px!important;color:#716051!important}
.deck .rt{border-color:#dfd2be;background:#fffdf8;padding:18px 14px}.rt-no{background:#eadcc5;color:#68452a;font-size:18px}.rt-role{font-size:15px;color:#795c3e}.deck .rt-title{font-size:19px;color:#3f3026;line-height:1.6}.deck .rt-meta{font-size:16px;color:#716051;line-height:1.8}.rt-tags .tg{font-size:14px;background:#f1e6d4;color:#74573a}.route-policy{font-size:16px;color:#716051;line-height:1.8}
.booth-star{color:#865a19;display:inline-flex;vertical-align:middle;margin-right:5px}.booth-star svg{width:19px;height:19px;fill:#d1a256;stroke:#80561e;stroke-width:1.5}.star-legend{font-size:15px;color:#78583b;margin:12px 0 6px;text-align:left}
.deck .pollopt{border-color:#dfd2be;background:#fffdf8;padding:15px}.pollopt .pl{font-size:18px}.pollopt.mine{border-color:#ab7d49;background:#f6e9d7}.ptrack{background:#eadfce}.pfill{background:#ad8354}
.quizpanel,.balance-detail{border-color:#e0d2bd}.balance-detail>summary,.quizpanel summary{font-size:18px;color:#684b32;line-height:1.6}.quizchoice,.quizretry{font-size:18px;border-color:#dfd2be;color:#493b2d;background:#fffdf8}.quizchoice.chosen{background:#f4e7d5;border-color:#a87c48;color:#684128}.quizwhy,.mbtibox{background:#f3eadb}.quizwhy,.quizitem>p,.mbtidesc{font-size:17px}.quiznum,.quizwhy b{color:#825434}.quizitem h3{font-size:21px}.mbtiname{font-size:21px}.mbtiaxes span{font-size:15px;color:#765335}.mbtinote{font-size:14px}
.my-insights{background:#f8f0e3;border-color:#ddcdb5}.my-insights>summary{font-size:18px;color:#684b32}.my-ins-content select,.my-ins-refresh button{font-size:16px;color:#684b32;border-color:#cdbb9f;min-height:44px}.my-ins-content h3{font-size:18px}.my-ins-notice,.my-ins-help,.my-ins-group,.my-ins-link p{font-size:15px;color:#716051}.my-ins-tags span{font-size:15px;background:#eddfc8;color:#674e34}.my-ins-scores>div{font-size:16px}.my-ins-scores b,.my-ins-link small,.my-ins-refresh span{font-size:14px;color:#716051}.my-ins-bar{background:#e7d8bf}.my-ins-bar i{background:#a87d4e}.my-ins-map{background:#efe4d1;color:#634d39}.my-ins-map .ins-empty{font-size:16px}.my-ins-link{background:#fffdf8;border-color:#deceb4}.my-ins-link strong{font-size:17px;color:#71502f}
.lesson{background:#fffdf8;border-color:#dfd0b8}.lesson .lt{font-size:19px;color:#493b2d}.lesson .ld{font-size:16px;color:#716051}.lesson .noimg{background:#f1e5d0;color:#987448}.lesson .fx{font-size:14px;background:#eee0c7;color:#715435}.lesson .learn,.lesson .link{font-size:16px;color:#825434}
.st-name{font-size:15px;color:#66523d}.askbox{background:#f4ebda;border-color:#dfcdb2}.deck .askrow input{font-size:18px;background:#fffdf8;color:#3f3026;border-color:#c9b392}.askrow button{font-size:18px;background:#825434;min-height:50px}.askchip{font-size:16px;background:#fffdf8;border-color:#cfbc9e;color:#725437;min-height:44px;display:inline-flex;align-items:center}.answer{font-size:18px;background:#fffdf8;color:#3f3026}.answerhead{font-size:16px}.server-note{font-size:16px;color:#716051}
.returnbar{background:#f2e6d1;border-color:#dbc7a9;font-size:16px;flex-wrap:wrap}.returnbar button{font-size:16px;border-color:#cbb693;min-height:44px}.network-note{font-size:16px}.scanbox{background:#fffdf8;border-color:#dfd0b8}.scantxt{font-size:20px!important}
.venue{background:#fffdf8;color:#493b2d;border-color:#dfd0b8}.venuehead strong{font-size:20px}.venuehead p{font-size:16px;color:#716051}.venue .venuetools button,.venue .venuestops button,.venueclose{font-size:15px;min-height:44px;color:#684b32;background:#f6ecda;border-color:#d6c2a2;padding:9px 11px}.venue .venuetools .tour,.venue .venuestops button[aria-pressed=true]{background:#825434;border-color:#825434;color:#fffdf8}.venuedetail{font-size:17px;line-height:1.7}.venue .venuedetail b{color:#684b32}.venue .venuefoot{font-size:14px;color:#716051;background:#f4ead7}.venue .venuefoot a{color:#77502c}.venuehint{font-size:13px;color:#684b32;border-color:#dfcdb1}.routeMapButton{font-size:16px;min-height:44px;background:#eee0c7;color:#714e2b}.venue .venueboard{border-color:#dfd0b8}
.venue.expanded{overflow-y:auto}.venue.expanded .venueboard{flex:1 0 240px}.venue.expanded .venuehead{padding-right:82px}.venueclose{z-index:3}
.venue-stars{padding:8px 14px 13px;border-top:1px solid #e1d2ba}.venue-stars p{font-size:15px;color:#74563a;margin:0 0 7px}.venue-stars button{font:inherit;font-size:15px;border:1px solid #d5bf98;background:#fbf3e2;color:#735026;border-radius:10px;min-height:44px;padding:8px 10px;margin:4px 4px 0 0;cursor:pointer}.venue-stars button[aria-pressed=true]{background:#825434;color:#fffdf8}.venue-stars button span{color:inherit;margin-right:5px}
button:focus-visible,a:focus-visible,summary:focus-visible,canvas:focus-visible{outline:3px solid #a77637;outline-offset:3px}
/* The decoration never receives input; page controls stay above it. */
body{isolation:isolate}.wrap{z-index:1;padding-bottom:80px}
.autumn-background{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;contain:strict}
.autumn-background canvas{display:block;width:100%;height:100%;pointer-events:none;opacity:.76}
.leaf-settings{position:fixed;left:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:20;color:#825434}
.leaf-settings>summary{display:grid;place-items:center;width:44px;height:44px;border:1px solid #d7c4a9;border-radius:50%;background:#fffaf0ed;box-shadow:0 2px 12px #6141230a;cursor:pointer;list-style:none}
.leaf-settings>summary::-webkit-details-marker{display:none}.leaf-settings>summary svg{width:24px;height:24px}
.leaf-settings-panel{position:absolute;bottom:54px;left:0;width:min(290px,calc(100vw - 24px));padding:16px;border:1px solid #d7c4a9;border-radius:16px;background:#fffaf5;box-shadow:0 8px 32px #513c2926;color:#684b32}
.leaf-settings-panel p{font-size:15px;line-height:1.7;margin:0 0 10px}.leaf-settings-panel [data-leaf-status]{font-size:14px;margin:12px 0 0;color:#716051}
.leaf-tools{display:flex;gap:8px;flex-wrap:wrap}.leaf-tools button{font:inherit;font-size:15px;min-height:44px;padding:8px 12px;border:1px solid #cdb48e;background:#fffdf8;color:#674927;border-radius:10px;cursor:pointer}.leaf-tools button[aria-pressed=true]{background:#ead8ba}
body:has(.venue.expanded) .leaf-settings{visibility:hidden}
@media(max-width:640px){.swipe-mode .deck-card{background:#fffdf8;padding:27px 18px 22px}.swipe-mode .deck-card[inert]{background:#f8f1e5;border-color:#e3d6bf}.swipe-mode .guide-mobile{font-size:16px;color:#716051}.deck-pager button{border-color:#cfbc9b;background:#fffdf8;color:#825434;min-width:48px;min-height:48px}#deckPosition{font-size:15px;color:#715437}.deck .tname{font-size:29px}.swipe-mode .deck .st-img{width:70px;height:70px}.swipe-mode .deck .st-img img{width:61px;height:61px}}
@media(max-width:370px){.wrap{padding-inline:12px}.top h1{font-size:23px}.card{padding:23px 16px}.q,.welcome-label{font-size:24px}.ava .avnm{font-size:14px}.resultnav a{font-size:14px}.swipe-mode .deck-card{padding:25px 14px 20px}.swipe-mode .deck-heading h2{font-size:28px}.deck .rt{padding:15px 10px}.deck .rt-meta{font-size:15px}.resultnav .navnum{font-size:12px}.deck-pager{max-width:290px!important}.deck .st-name{font-size:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

.result-mode .top h1{font-size:20px;font-weight:700}.resultnav a{white-space:normal}.resultnav a span:last-child{text-align:center;max-width:100%}

.resultnav a{font-size:16px;white-space:nowrap}@media(max-width:370px){.resultnav a{font-size:15px}}

/* Let the full-page autumn background show faintly through the paper cards. */
body .card,.deck-card,.deck-live,.deck-memory,.swipe-mode .deck-card{background:rgba(255,253,248,.90)}.swipe-mode .deck-card[inert]{background:rgba(248,241,229,.90)}
