/* Illustrated garden scenery. Decoration never intercepts game input. */
body{background-color:#a7e86f;background-image:url('adventure-garden-v2.png');background-position:center center;background-size:cover;background-attachment:fixed;overflow-x:clip}
#app.home-screen{max-width:1160px;padding:24px 30px}
.journey-home{position:relative;padding:0 0 24px}
.journey-top{background:#fffcf0ed;border:2px solid #fff;border-radius:24px;padding:12px 18px;box-shadow:0 5px 20px #2c715221}
.studio-mark{color:#4c7b38}.profile-chip{border:2px solid #d1e9a9;background:#fffdf4;color:#427738;box-shadow:0 3px #9dc47755}
.journey-hero{gap:28px;padding:30px 0 18px;align-items:center}
.journey-hero>div:first-child{background:linear-gradient(145deg,#fffff5f5,#f4ffe6eb);border:3px solid #fff;border-radius:34px;padding:27px;box-shadow:0 7px 0 #3a7b4120,0 15px 38px #24634a1a}
.journey-kicker{color:#428638;font-size:11px;letter-spacing:1.6px}
.journey-hero h1{font-size:clamp(38px,4.8vw,59px);color:#3d6d38;letter-spacing:-1.4px}
.journey-hero h1 span{color:#df619c}
.journey-hero p{color:#506c4c}.journey-profile{color:#5b7850}
.journey-primary{background:linear-gradient(#ffb94d,#ff8a36);border:2px solid #fff3c5;box-shadow:0 5px #c06a2e,0 9px 20px #eb8f3b38;text-shadow:0 1px #9b5b2144}
.journey-primary:hover{filter:brightness(1.06);transform:translateY(-1px)}
.hero-scene{min-height:350px;background:radial-gradient(ellipse at 50% 85%,#80b93680 0 24%,transparent 48%);border-radius:0}
.hero-scene:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 40% 25%,#fff9 0 2px,transparent 3px),radial-gradient(circle at 80% 52%,#fff9 0 3px,transparent 4px),radial-gradient(circle at 24% 62%,#fff9 0 2px,transparent 3px);pointer-events:none}
.hero-scene img{width:96%;max-height:330px;filter:drop-shadow(0 16px 9px #315e3f44)}
.hero-float{filter:drop-shadow(0 4px 3px #51703d33);animation:gardenFloat 4s ease-in-out infinite}
.hero-float.two{animation-delay:-1.8s}.hero-float.three{animation-delay:-2.8s}
.journey-summary{background:#fffff0f5;border:3px solid #fff;box-shadow:0 5px #5e8c3c22;border-radius:25px}
.journey-summary>div+div{border-left:1px solid #d5e6b5}.journey-summary b{color:#5a923d}.journey-summary small{color:#698157}
.section-caption{background:#fffcecF2;border:2px solid #fff;padding:13px 17px;border-radius:18px;box-shadow:0 3px #57803818}
.section-caption h2{color:#47753d}.section-caption span{color:#6a845b}
.world-teaser{background:linear-gradient(110deg,#fff6badf,#e3ffceeF);border:3px solid #fff8d1;box-shadow:0 5px #658c2a35;border-radius:22px;padding:18px;color:#497b39!important}
.world-teaser p{color:#5b8048}.mode-tiles{gap:16px}.mode-tile{border:3px solid #fff;box-shadow:0 5px #55783c33;color:#505344;background:#fff7d8f5}
.mode-tile:nth-child(2){background:#ffe3eff5;color:#85476a}.mode-tile:nth-child(3){background:#dcf3fff5;color:#3f6f95}
.mode-tile:hover{transform:translateY(-3px)}.mode-tile small{color:#68755a}
.journey-links{background:#fffff0eF;border:2px solid #fff;border-radius:22px;margin-top:24px;padding:7px 10px;box-shadow:0 3px #3b6d3b22}
.journey-links button{color:#447139}.journey-home footer{background:#3e7446dc;color:#fffde9;border-radius:16px;width:fit-content;margin:16px auto 0;padding:9px 15px}
.journey-map{max-width:970px;padding:24px 20px 40px}
.journey-nav{background:#fffff0f5;border:3px solid #fff;border-radius:23px;padding:12px 17px;box-shadow:0 5px #4779362b;color:#47753c}
.journey-nav button,.world-bottom button{background:#fffcef;border:2px solid #fff;box-shadow:0 3px #6c925635;color:#4e773c}
.journey-nav>span{background:#fff1a5;padding:8px 12px;border:2px solid #fff;border-radius:16px}
.world-tabs{background:#e8fff3b8;border:2px solid #fff;border-radius:22px;padding:12px;margin-top:14px;backdrop-filter:blur(5px)}
.world-tabs button{background:#fffcef;border:2px solid #fff;box-shadow:0 3px #57965925}.world-tabs button[aria-pressed=true]{background:#ffe798;border-color:#fffcdd;outline:3px solid #e6a83d;outline-offset:0;color:#76501f}
.world-heading{max-width:520px;margin:22px auto 0;background:linear-gradient(135deg,#fffff5f2,var(--world-bg));border:3px solid #fff;border-radius:36px 36px 25px 25px;padding:20px 15px;box-shadow:0 6px #43774522}
.world-heading h1{color:#4b743b}.world-heading p,.world-heading small{color:#607851}.world-heading .world-icon{display:inline-block;filter:drop-shadow(0 4px #73844922)}
.world-bottom button{font-weight:700}.world-bottom button:disabled{opacity:.6}
.world-map{max-width:560px;overflow:hidden;background:linear-gradient(#c3f1ff50,#c1ef9d50);border:4px solid #fff;border-radius:100px 100px 45px 45px;box-shadow:0 10px #53853644,0 20px 50px #2853332e;isolation:isolate}
.world-map:before{content:'';position:absolute;inset:0;z-index:-3;background:linear-gradient(#b8efff38,#9be97d26),url('adventure-garden-v2.png') center/cover;filter:hue-rotate(var(--world-hue,0deg));pointer-events:none}
.world-map:after{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#4b9a3830,transparent 25% 75%,#4b9a3830);pointer-events:none}
.world-road{z-index:-1}.world-road path{stroke:#fff3c2;stroke-width:52;filter:drop-shadow(0 4px 1px #6e97254d)}.world-road .dots{stroke:#d5a462;stroke-width:4;stroke-dasharray:1 12;filter:none;opacity:.85}
.journey-node button{background:linear-gradient(#fff6,var(--world-color)),var(--world-color);border:4px solid #fffbe9;box-shadow:0 5px #89734399,0 8px 15px #31553844;color:#624137;text-shadow:0 1px #fff8}
.journey-node button:disabled{background:linear-gradient(#f2efdd,#d1d5bb);border-color:#f8ffea;color:#8a967a;box-shadow:0 4px #84996388}
.journey-node.current button{background:linear-gradient(#ffd765,#ff9e38);color:#8e4d1a;outline-color:#ffec8c;box-shadow:0 5px #ab672e,0 0 0 9px #ffffff70,0 10px 20px #56782744}
.journey-node .star path{fill:#fffbed;stroke:#b7862a}.journey-node .star.earned path{fill:#ffcc36;stroke:#b07816}
.journey-node small{display:inline-block;background:#fffde8eF;border-radius:8px;padding:2px 5px;color:#657b43;box-shadow:0 2px #76954a22;font-size:11px}
.node-mascot{width:64px;height:58px;top:-47px;left:-20px;filter:drop-shadow(0 3px 2px #435d3433)}
.map-decoration{position:absolute;z-index:-1;pointer-events:none;user-select:none;font-size:46px;filter:drop-shadow(0 4px 2px #4d7b3444)}
.map-decoration.d1{left:5%;top:150px;transform:rotate(-10deg)}.map-decoration.d2{right:4%;top:370px;transform:rotate(8deg)}.map-decoration.d3{left:4%;top:620px;transform:rotate(-7deg)}.map-decoration.d4{right:3%;bottom:25px;font-size:64px}
.journey-map>.login-note{background:#fffde9ef;border:2px solid #fff;border-radius:20px;padding:13px;color:#536f43;max-width:650px;margin:20px auto 0}
.mission-card{background:linear-gradient(#fffff0,#e7f8d8);border:4px solid #fff;box-shadow:0 14px 70px #264e4a66}.mission-pills span{background:#fff2be;color:#7b672c}.mission-description{color:#60734e}dialog::backdrop{background:#244c4b66;backdrop-filter:blur(4px)}
@keyframes gardenFloat{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-9px) rotate(5deg)}}
@media(max-width:600px){body{background-attachment:scroll;background-position:center top;background-size:auto 1100px;background-repeat:repeat-y}#app.home-screen{padding:12px 10px}.journey-top{padding:9px 11px;border-radius:19px}.journey-hero{padding:18px 0 8px;gap:0}.journey-hero>div:first-child{padding:20px 12px;border-radius:27px}.journey-hero h1{font-size:32px;letter-spacing:-1px}.journey-hero p{font-size:13px;margin-bottom:14px}.hero-scene{min-height:205px;margin-top:0}.hero-scene img{height:210px;width:78%}.hero-float.one{left:2%;top:20%}.hero-float.two{right:2%;top:10%}.hero-float.three{right:1%;bottom:6%}.journey-summary{margin-top:0}.section-caption{padding:11px 12px;gap:10px}.section-caption h2{font-size:17px}.section-caption span{max-width:120px;text-align:right;font-size:10px}.mode-tile{padding:14px}.journey-map{padding:12px 6px 30px}.journey-nav{padding:8px 9px;gap:5px;border-radius:19px}.journey-nav>span{padding:6px;font-size:11px}.journey-nav button{padding:8px}.world-tabs{padding:10px;gap:8px}.world-tabs button{flex-basis:52px;min-height:57px}.world-heading{margin-top:15px;padding:15px 10px;border-radius:28px}.world-heading h1{font-size:27px}.world-map{border-radius:65px 65px 35px 35px;min-height:920px}.world-bottom{gap:7px}.world-bottom button{padding:8px 10px;font-size:12px}.map-decoration{font-size:33px}.map-decoration.d4{font-size:46px}.world-road path{stroke-width:58}.world-road .dots{stroke-width:4}.journey-node small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.hero-float{animation:none}.journey-primary:hover,.mode-tile:hover{transform:none}}
