/* Tropical game chrome. Original map, animal art, content and saved progress stay intact. */
:root{--jungle-night:#073d32;--gold:#f5ce69;--wood:linear-gradient(180deg,#fff0c0 0%,#efd095 47%,#d8a863 51%,#e5bd7b 100%);--wood-shadow:inset 0 2px 0 #fff5d8,inset 0 -3px 0 #bd8946,0 5px 0 #714a29,0 9px 16px #042e2855}
body{background:radial-gradient(ellipse at 70% 8%,#2b8561 0%,#155a46 42%,#073d32 100%);background-attachment:fixed}
.app{display:grid;grid-template-columns:218px minmax(0,1fr);gap:0;align-items:start;min-height:100vh;width:100%}
.sidebar{width:auto;min-width:0;min-height:100vh;position:sticky;top:0;padding:26px 15px 22px;background:linear-gradient(135deg,#153f30f5,#082e27f5);border-right:3px solid #b28b48;box-shadow:6px 0 22px #04271d55;color:#fff1cb;gap:8px}
.sidebar .brand{color:#ffdf8f;padding:8px 4px;text-shadow:0 2px 1px #031e18}.brand-icon{color:#eac55f}.sidebar>.eyebrow{color:#c7ddaf;margin:24px 7px 12px;letter-spacing:1.2px}.sidebar nav{display:grid;gap:13px}
.sidebar .nav,main .small-btn{background:var(--wood);border:2px solid #f5d37c;border-radius:13px;color:#293e28;box-shadow:var(--wood-shadow);font-weight:600;transition:transform .16s,box-shadow .16s,filter .16s}
.sidebar .nav{margin:0;font-size:14px;padding:13px 11px;min-height:57px;position:relative}.sidebar .nav span{color:#375736;text-shadow:0 1px #fff3c6}.sidebar .nav.active{background:linear-gradient(#eff8bb,#b8d36c 52%,#91b94e);border-color:#ffe28a;box-shadow:inset 0 2px 0 #ffffdb,0 5px 0 #596f2d,0 0 0 2px #e4b24c44,0 7px 18px #021f2466}.sidebar .nav.active:after{content:'◆';margin-left:auto;color:#77541e;font-size:12px}
.sidebar .side-note{margin-top:36px;margin-bottom:14px;background:linear-gradient(135deg,#214f38,#173e2d);border:1px solid #67834a;box-shadow:inset 0 1px #799c4a55,0 5px 12px #012a2455;padding:17px 13px}.side-note p{color:#d0e1bf}.prototype{color:#bfd0a5}.sidebar .settings{font-size:11px;margin-top:auto}
.app>main{width:100%;min-width:0;max-width:none;margin:0;padding:0 clamp(18px,2.4vw,38px) 18px}
main>header{min-height:84px;height:auto;padding:15px 0;border-bottom:1px solid #a1c78855}.breadcrumb{color:#d1e4c5}.breadcrumb b{color:#fff3cf}.breadcrumb span{color:#d2c17d}.header-actions{gap:13px;flex-wrap:wrap;justify-content:flex-end}
main .small-btn{font-size:12px;min-height:45px;padding:9px 15px}.header-actions #audio{background:linear-gradient(#fff9d6,#f3d285 55%,#d5a957);border-color:#ffe397;box-shadow:inset 0 2px #fffce7,0 4px 0 #8b6030,0 6px 12px #062f2866}
.header-actions .score{background:linear-gradient(#3c966c,#1a6848 55%,#0b4e37);border:2px solid #f3d784;border-radius:24px;padding:9px 15px;box-shadow:inset 0 2px #a4d6a277,0 4px 0 #082f23,0 5px 14px #041f2466;color:#fff9d7;font-weight:600;min-height:46px}.score>span{color:#f4ecc4;font-size:11px}.score b{font-size:18px}.header-actions .profile{width:52px;height:52px;border:3px solid #ffdf86;box-shadow:inset 0 2px #fff9d8,0 4px 0 #91642c,0 6px 14px #05281e99;background:linear-gradient(#fff4c7,#b69c61)}
.intro{padding:23px 0 20px;align-items:center}.intro>div{width:100%;min-width:0}.intro .eyebrow{color:#d6eac3;margin:0 0 12px 4px}.intro h1{position:relative;display:inline-block;max-width:100%;padding:15px 26px 19px;margin:0 0 8px;background:var(--wood);border:3px solid #f4d386;border-radius:13px 20px 14px 18px;box-shadow:inset 0 3px #fff5d5,0 6px 0 #72502e,0 12px 24px #04291d55;color:#29432c;font-size:clamp(26px,3vw,42px);font-weight:800;letter-spacing:0;line-height:1.35;text-shadow:0 2px 0 #fff3cd,1px 0 #203d2533,-1px 0 #203d2533}.intro h1:before,.intro h1:after{content:'';position:absolute;top:calc(50% - 4px);width:7px;height:7px;background:#73522e;border:1px solid #bb9656;border-radius:50%;box-shadow:inset 0 1px 2px #251d15}.intro h1:before{left:9px}.intro h1:after{right:9px}.intro p{color:#e5efd3;font-size:14px;line-height:1.8;margin:12px 3px 0}.chapter{display:none}
.practice-invitation{border-color:#e8c26b!important}
.journey-banner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 20px;background:var(--wood);border:3px solid #f4d281;box-shadow:var(--wood-shadow);border-radius:16px;padding:17px 20px;margin-bottom:25px;font-size:15px;color:#2d432c}.journey-banner small{color:#4e5837;font-size:12px;margin-top:3px}.journey-counter{color:#2d4e28;font-size:13px;background:#ffefb0;border:1px solid #bd9344;padding:6px 10px;border-radius:9px}.jungle-progress{grid-column:1/-1;display:flex;align-items:center;gap:12px}.jungle-progress progress{appearance:none;-webkit-appearance:none;display:block;flex:1;width:100%;height:20px;border:2px solid #6c552c;border-radius:12px;overflow:hidden;background:#24492f;box-shadow:inset 0 3px 5px #062e24,0 1px #fff0c6}.jungle-progress progress::-webkit-progress-bar{background:linear-gradient(#153a2c,#31543b);border-radius:8px}.jungle-progress progress::-webkit-progress-value{background:linear-gradient(#d0ff88,#83de46 48%,#37aa38 52%,#70d347);border-radius:8px;box-shadow:0 0 12px #a5f869,inset 0 2px #efffc0}.jungle-progress progress::-moz-progress-bar{background:linear-gradient(#d0ff88,#65d13a,#3aac40);box-shadow:0 0 10px #a5f869;border-radius:8px}.jungle-progress b{font-size:12px;white-space:nowrap}
.journey-map-scroll{box-shadow:0 12px 26px #052f2488}.journey-mission{background:linear-gradient(115deg,#fff4cf,#f5e3b7 60%,#eed19a);border:3px solid #d7ad60;border-top-color:#ffe8a6;border-radius:21px;box-shadow:inset 0 2px #fffbe2,0 6px 0 #835b32,0 12px 20px #032d2444;margin-top:26px;padding:23px 25px;grid-template-columns:100px minmax(0,1fr) 205px;gap:15px 22px}.journey-mission>.eyebrow{color:#65703c}.journey-mission .mission-picture{height:100px;border:3px solid #e4c57a;box-shadow:0 4px 0 #ab8749;background:#dde4b6;border-radius:18px}.journey-mission-copy h2{font-size:22px;color:#28452c}.journey-mission-copy p{font-size:14px;color:#526043;line-height:1.8}.journey-mission .chip{background:#e4e8bf;border:1px solid #c8ce9c;font-size:11px;color:#3e5734}.journey-mission .reward{font-size:12px}.journey-mission .primary{font-size:15px;min-height:54px}
main .primary{background:linear-gradient(#6ebd5d,#348348 48%,#1d653b 52%,#2d8545);border:2px solid #e8d17a;box-shadow:inset 0 2px #b6e99599,inset 0 -2px #164f2a,0 5px 0 #103e29,0 9px 16px #103e2938;color:#fffbe5;text-shadow:0 2px 1px #164e2d;font-weight:700}
.sidebar .nav:hover,main .small-btn:hover,main .primary:not(:disabled):hover{transform:translateY(-2px);filter:brightness(1.06)}.sidebar .nav:active,main .small-btn:active,main .primary:not(:disabled):active{transform:translateY(4px);box-shadow:inset 0 2px 4px #6b4f3033,0 1px 0 #5f4929;filter:brightness(.98)}main .primary:disabled{background:linear-gradient(#b7bd9b,#89977a);border-color:#cad0ad;box-shadow:0 3px #56634e;text-shadow:none}
.journey-tracker{position:relative;background:linear-gradient(#f8e8bc,#edcf93);border:2px solid #d7b167;box-shadow:inset 0 2px #fff4d2,0 5px 0 #73532e,0 9px 16px #082f2344;border-radius:18px;padding:19px 8px 13px;margin-top:28px;gap:4px}.journey-tracker:before{content:'';position:absolute;left:8%;right:8%;top:47px;height:7px;border-radius:5px;background:linear-gradient(#a77c3e,#d2ac60);box-shadow:inset 0 2px #846030,0 1px #ffefbf}.tracker-step{position:relative;z-index:1;color:#425139;gap:12px}.tracker-step>span{width:48px;height:48px;border:3px solid #e3d5ad;background:linear-gradient(#e6e8d5,#a8b3a0);color:#3b4d3b;box-shadow:inset 0 2px #fff7d5,0 4px 0 #65755d,0 6px 8px #584d2926;font-size:19px}.tracker-step small{font-size:12px;color:#344d33;font-weight:500}.tracker-current>span{background:linear-gradient(#fff6be,#f8d05b 48%,#d09b2e);border-color:#fff2a5;box-shadow:inset 0 2px #fffce5,0 4px 0 #996b26,0 0 18px #ffd85d9c;color:#543b17}.tracker-done>span{background:linear-gradient(#8bd46a,#2d7d43);border-color:#d6ed9f;box-shadow:inset 0 2px #c1f5a4,0 4px 0 #285b35;color:white}.tracker-step[data-locked=true]>span:after{content:'🔒';position:absolute;font-size:11px;top:40px;margin-left:29px;text-shadow:none}.tracker-step:focus-visible{outline-offset:1px}.journey-footnote,footer{color:#dae8c9}.journey-scroll-hint{color:#e4efcb}.text-large .journey-mission-copy p{font-size:18px}
button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #ffe78c;outline-offset:5px}dialog button:focus-visible{outline-color:#396342}
body.avatar-onboarding:not(.avatar-editing) .app{display:block}body.avatar-onboarding:not(.avatar-editing) .app>main{padding:0}body.avatar-onboarding.avatar-editing .app>main{width:100%;padding:0 22px 25px}
@media(min-width:1650px){.app{grid-template-columns:244px minmax(0,1fr)}.sidebar{padding:30px 20px}.app>main{padding-left:40px;padding-right:40px}}
@media(max-width:1050px){.app{grid-template-columns:190px minmax(0,1fr)}.sidebar{padding:23px 11px}.sidebar .nav{font-size:12px;padding:13px 8px;gap:6px}.app>main{padding-left:19px;padding-right:19px}.breadcrumb{display:none}main>header{justify-content:flex-end}.journey-mission{grid-template-columns:78px minmax(0,1fr);gap:14px}.journey-mission .mission-picture{grid-column:1;grid-row:2;height:80px}.journey-mission-copy{grid-column:2;grid-row:2}.journey-mission .reward{grid-column:1/-1;grid-row:3;flex-direction:row;margin:0}.journey-mission>.primary{grid-column:1/-1;grid-row:4}.journey-banner{font-size:13px;padding:15px}.journey-tracker{overflow:hidden}.tracker-step small{font-size:10px}.tracker-step>span{width:39px;height:39px;font-size:16px}.journey-tracker:before{top:42px}.tracker-step[data-locked=true]>span:after{top:35px;margin-left:23px}}
@media(max-width:650px){.app{display:block}.app>main,body.avatar-onboarding.avatar-editing .app>main{width:100%;padding:0 13px 102px}.sidebar{position:fixed;top:auto;bottom:0;left:0;right:0;min-height:0;height:86px;z-index:8;padding:7px 7px 12px;border:0;border-top:2px solid #be9c55;box-shadow:0 -5px 20px #042b2588;background:linear-gradient(#194c37,#082d25)}.sidebar nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.sidebar .nav{font-size:10px;min-height:59px;padding:5px 1px;gap:0;border-radius:9px}.sidebar .nav.active:after{display:none}.sidebar .nav span{font-size:21px}.sidebar .brand,.sidebar>.eyebrow,.sidebar .side-note,.sidebar .settings,.sidebar .prototype{display:none}.header-actions{gap:9px}.header-actions .score{padding:7px 11px}.header-actions .score>span{display:none}.header-actions .profile{width:46px;height:46px}.header-actions #audio{padding:7px 10px}.intro{padding-top:20px}.intro h1{font-size:26px;padding:13px 20px 17px}.intro p{font-size:13px;max-width:none}.journey-banner{grid-template-columns:1fr;padding:14px;margin-bottom:23px}.journey-counter{justify-self:start;font-size:12px}.journey-banner b{font-size:13px}.journey-banner small{font-size:11px;max-width:none;margin-left:0}.jungle-progress{grid-column:1}.journey-mission{padding:18px 14px}.journey-mission-copy h2{font-size:19px}.journey-mission-copy p{font-size:13px}.journey-mission .chip{font-size:10px}.journey-tracker{grid-template-columns:repeat(6,minmax(74px,1fr));overflow-x:auto;padding-bottom:17px;overscroll-behavior-x:contain}.journey-tracker:before{width:calc(100% - 70px);min-width:380px;left:35px;right:auto}.tracker-step small{font-size:10px}.journey-footnote{font-size:11px}footer{font-size:10px}.text-large .nav{font-size:11px}}
@media(prefers-reduced-motion:reduce){.sidebar .nav,main .small-btn,main .primary{transition:none;transform:none!important}}
@media(min-width:651px){.sidebar nav{grid-template-columns:minmax(0,1fr)}}
@media(min-width:651px){.header-actions #audio span{display:inline}.header-actions .score>span{display:inline}}
#content>.section-title{color:#f5edcc}