/* The adventure layer shares the illustrated wood, cream and leaf palette. */
.reference-game .goal-inner:before{content:'';position:absolute;left:-6%;right:-9%;top:-4%;bottom:-14%;background:linear-gradient(105deg,#fae8c4,#fae7c2 55%,#f8e3bc);border-radius:10px;mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent),linear-gradient(to bottom,transparent,#000 6%,#000 94%,transparent);mask-composite:intersect;pointer-events:none}
.reference-game .reference-goal img{opacity:1;width:100%;height:92%;position:relative;z-index:1;filter:drop-shadow(0 2px 1px #9f764137)}.reference-game .reference-goal strong{z-index:2}
.adventure-ribbon{position:absolute;left:29%;right:2.8%;top:16.6%;height:clamp(44px,8cqw,64px);display:flex;align-items:center;justify-content:space-between;gap:5px;padding:3px 4px 3px 10px;border:2px solid #d1a368;border-radius:19px;background:linear-gradient(110deg,#fff9e8f5,#f4dfb5f5);box-shadow:inset 0 2px #fffdf0,0 3px #ad805041;color:#80512d;z-index:6}.adventure-ribbon>div{min-width:0}.adventure-ribbon strong{display:block;font-family:var(--forest-title);font-size:clamp(14px,3.8cqw,26px);font-weight:400;white-space:nowrap}.level-subtitle{display:block;font-size:clamp(10px,2.45cqw,15px);margin-top:2px;font-variant-numeric:tabular-nums;color:#916b43}.level-subtitle b{font-weight:700}.help-button{width:44px;height:44px;flex-shrink:0;border:0;background:transparent;padding:3px;border-radius:50%}.help-button .art-icon{width:100%;height:100%}.move-preview{position:absolute;left:5%;right:5%;top:77%;min-height:4%;padding:7px 10px;border:1px solid #dfbd83;border-radius:16px;background:linear-gradient(#fff9e9ed,#f6e5c5ed);box-shadow:inset 0 1px #ffffef,0 2px #9b7c4f26;display:grid;place-items:center;text-align:center;font-size:clamp(11px,2.8cqw,18px);line-height:1.4;color:#865832;font-weight:700;pointer-events:none;z-index:6}.move-preview.urgent{border-color:#c48d53;color:#a06232}
.reference-game .toast{top:72%;z-index:31;font-size:clamp(12px,2.7cqw,17px)}
.reference-game .tile.power-tile .piece-art{width:96%;height:96%;filter:drop-shadow(0 2px 1px #70402166)}.power-tile .role-wash{background:radial-gradient(ellipse at top,#fff8c9,#f6d892)!important;box-shadow:inset 0 1px #fffbe3,inset 0 -2px #d4a34a!important}.power-ring{position:absolute;inset:2%;border:2px solid #e4b849;border-radius:18%;z-index:2;box-shadow:inset 0 0 8px #fff5b566;pointer-events:none}.power-tile.group-ready .power-ring{border-color:#fff7bc;box-shadow:0 0 7px #ffdd51}.reference-game .tile .blocker-art{position:absolute;inset:0;width:100%;height:100%;z-index:3;filter:drop-shadow(0 2px 1px #78512970)}.reference-game .tile.crate-tile .piece-art{opacity:0}.reference-game .tile.blocked-tile .role-wash{background:linear-gradient(#ebe4bd,#d8d2a8)}.blocker-hp{position:absolute;right:4%;bottom:1%;width:26%;aspect-ratio:1;background:#765435;border:1px solid #f6ddb5;border-radius:50%;color:#fff7d3;z-index:4;display:grid;place-items:center;font-size:clamp(9px,2.6cqw,17px);font-family:var(--forest-title)}.reference-game .cell.flower-floor{background:linear-gradient(140deg,#fffbc9,#f8df9a);box-shadow:inset 0 0 0 2px #e0b858}.cell.flower-floor:after{content:'';position:absolute;right:1%;bottom:0;width:31%;height:31%;background:url('../assets/ui/flower.svg') center/contain no-repeat;z-index:3;pointer-events:none;filter:drop-shadow(0 1px #ae7a2955)}
.blast-line{position:absolute;z-index:7;pointer-events:none}.rocket-blast{width:110%;height:8%;left:-5%!important;translate:0 -50%;background:linear-gradient(transparent,#fffad1,#ffec87,#fffad1,transparent);box-shadow:0 0 13px #ffe59e;animation:rocket-flash .48s ease-out forwards}.magic-blast{width:60%;aspect-ratio:1;border:5px solid #ffefae;translate:-50% -50%;border-radius:50%;background:radial-gradient(transparent 45%,#fff2b86b);animation:magic-flash .58s ease-out forwards}@keyframes rocket-flash{from{scale:.1 1;opacity:1}45%{scale:1 1;opacity:1}to{scale:1 0;opacity:0}}@keyframes magic-flash{from{scale:.1;opacity:1}to{scale:1.5;opacity:0}}
.guide-layer{z-index:25}.result.guide{width:91%;padding:5%;max-height:92%;overflow-y:auto}.guide h2{font-size:clamp(21px,6cqw,37px);margin:4px 0 12px}.guide .guide-lesson{font-size:clamp(12px,3cqw,17px);margin:0 0 12px}.guide-powers{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.guide-powers>div{display:flex;align-items:center;flex-direction:column;padding:7px 3px 9px;border-radius:16px;background:linear-gradient(#fff9e8,#f5dfb7);box-shadow:inset 0 1px #fffefa,0 2px #d5b984}.guide-powers img{width:100%;height:17cqw;max-height:115px;object-fit:contain;filter:drop-shadow(0 3px 1px #a6773733)}.guide-powers strong{font-family:var(--forest-title);font-size:clamp(14px,3.7cqw,22px);font-weight:400;margin:3px 0}.guide-powers span{font-size:clamp(10px,2.5cqw,14px);color:#80592f}.guide .guide-combo{font-family:var(--forest-title);font-size:clamp(14px,3.8cqw,22px);margin:16px 0 12px;color:#797b36}.guide-obstacles{display:flex;justify-content:center;gap:9px}.guide-obstacles>span{display:flex;flex-direction:column;align-items:center;font-size:clamp(10px,2.5cqw,14px);gap:5px}.guide-obstacles img{width:10cqw;height:10cqw;max-width:60px;max-height:60px}.guide small{display:block;margin:15px 0;font-size:clamp(10px,2.6cqw,14px);line-height:1.7;color:#9a7348}.result .guide-close{position:absolute;right:8px;top:8px;width:38px;height:38px;padding:0;border:0;background:transparent;box-shadow:none}.guide-close img{width:100%;height:100%}.result-home{display:block;color:#815735;min-height:36px;margin-top:15px;font-size:clamp(12px,3cqw,17px);text-underline-offset:4px}.reference-game .result:not(.guide){max-height:91%;overflow-y:auto}.result .unearned{opacity:.27}
.campaign-tabs{display:flex;gap:8px;margin-bottom:14px}.home-panel .campaign-tabs button{font-family:var(--forest-title);background:linear-gradient(#fff8df,#f3dfb7);border-color:#d4af77;color:#997b51;box-shadow:0 2px #bf9b64}.home-panel .campaign-tabs button.active{background:linear-gradient(#e1efb7,#b5d681);border-color:#89a853;color:#52732d;box-shadow:0 2px #7f9c4a}
.forest-projects{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:14px 8px;margin-bottom:16px;border-radius:18px;background:linear-gradient(#fff7d960,#e5ebb5d9),url('../assets/optimized/forest.webp') center 70%/cover;border:1px solid #c7b880}.home-panel button.forest-project{padding:7px 3px;border:1px solid #c9b38a;border-radius:14px;background:#ffefd6d9;box-shadow:0 2px #b49d70;color:#8e7756;display:flex;flex-direction:column;align-items:center;gap:4px}.forest-project .art-icon{width:46px;height:46px;filter:grayscale(.75);opacity:.58}.forest-project strong{font-size:14px;font-weight:400}.forest-project small{font-family:'Microsoft YaHei',sans-serif;font-size:10px}.home-panel button.forest-project.restored{border-color:#94ac54;background:#f6ffdeda;color:#607f35}.forest-project.restored .art-icon{filter:drop-shadow(0 2px #9b824b44);opacity:1}
.campaign-levels{display:flex;flex-direction:column;gap:11px}.home-panel button.campaign-level{display:flex;align-items:center;gap:10px;padding:10px 8px;text-align:left;border:1px solid #dbbe8b;border-radius:17px;background:linear-gradient(#fffaf0,#f7e8ce);box-shadow:inset 0 1px #fffefa,0 3px #d2b17a;color:#805831;min-height:65px}.home-panel button.campaign-level.current{border:2px solid #a5b855;background:linear-gradient(#ffffef,#ecf2c9);box-shadow:0 3px #99ab4d}.campaign-number{width:36px;height:36px;flex-shrink:0;display:grid;place-items:center;background:radial-gradient(ellipse at top,#fff2aa,#efb550);border:2px solid #b17d35;border-radius:50%;box-shadow:0 2px #946733;font-size:23px;color:#805025}.campaign-copy{flex:1;min-width:0}.campaign-copy strong{display:block;font-family:var(--forest-title);font-size:18px;font-weight:400}.campaign-copy small{display:block;font-family:'Microsoft YaHei',sans-serif;font-size:10px;line-height:1.7;margin-top:3px;color:#99784d}.campaign-stars{flex-shrink:0;font-size:12px;color:#b5976a}.campaign-stars .art-stars{gap:0}.campaign-stars .art-icon{width:18px;height:18px}.home-panel button.campaign-level:disabled{opacity:.66;box-shadow:0 2px #d8c39e}.home-panel button.campaign-level:disabled .campaign-number{background:#e4d5b6;border-color:#c1ac84;color:#a18c66}.home-dialog .art-stars>.unearned{filter:grayscale(1);opacity:.3}
@media(max-width:360px){.adventure-ribbon{left:31%;padding-left:7px}.adventure-ribbon strong{font-size:14px}.help-button{width:40px;height:44px}.campaign-copy strong{font-size:16px}.campaign-copy small{font-size:9px}.campaign-stars .art-icon{width:15px;height:15px}.home-panel button.campaign-level{gap:7px}.guide-powers{gap:5px}.guide .guide-combo{font-size:14px}.reference-game .move-preview{padding:5px 8px}}
@media(prefers-reduced-motion:reduce){.blast-line{display:none}.power-ring{animation:none}}