:root{font-family:Trebuchet MS,ui-rounded,Arial Rounded MT Bold,system-ui,sans-serif;color:#09281f;font-synthesis:none;--ink:oklch(.25 .04 170);--primary:oklch(.43 .09 170);--white:oklch(1 0 0);--muted:oklch(.43 .03 170);--yellow:oklch(.87 .14 85);--surface:oklch(.96 .02 165)}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{background:var(--primary)}button{font:inherit;font-weight:800;color:inherit;cursor:pointer;border:0;min-height:48px;border-radius:12px;padding:12px 20px;background:var(--white);touch-action:manipulation;transition:transform .15s,background .15s}button:active{transform:translateY(2px)}button:hover{background:#d4f4e5}button:focus-visible{outline:3px solid oklch(.65 .15 55);outline-offset:3px}button:disabled{opacity:.5;cursor:default;transform:none}.primary{background:var(--primary);color:#fff;box-shadow:0 4px #0a3327}.primary:hover{background:#004d39;background:oklch(.37 .09 170)}.gold{background:var(--yellow);color:var(--ink);box-shadow:0 4px #b18c39}.gold:hover{background:#ffe098;background:oklch(.92 .13 85)}.plain{background:transparent;box-shadow:none}.small{font-size:13px;min-height:44px;padding:9px 13px}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}#game,#ui{position:fixed;inset:0}#game canvas{display:block}#ui{pointer-events:none}#ui>*{pointer-events:auto}.hud{position:absolute;top:max(16px,env(safe-area-inset-top));left:max(18px,env(safe-area-inset-left));right:max(18px,env(safe-area-inset-right));display:flex;justify-content:space-between;align-items:flex-start;gap:12px;pointer-events:none!important}.hud>*{pointer-events:auto}.place{background:#fff;padding:12px 17px;border-radius:14px;box-shadow:0 4px #214d3320}.place strong{font-size:19px;display:block}.place span{font-size:13px;display:block;margin-top:4px;color:var(--muted)}.tools{display:flex;gap:8px}.tools button{box-shadow:0 3px #214d3320}.objective{position:absolute;top:101px;left:max(18px,env(safe-area-inset-left));background:var(--primary);color:#fff;padding:11px 16px;border-radius:12px;font-size:14px;max-width:400px;pointer-events:none!important}.objective b{color:var(--yellow);margin-right:8px}.controls{position:absolute;bottom:max(22px,env(safe-area-inset-bottom));left:max(24px,env(safe-area-inset-left));right:max(24px,env(safe-area-inset-right));display:flex;align-items:end;justify-content:space-between;pointer-events:none!important}.controls>*{pointer-events:auto}.joystick{width:116px;height:116px;border-radius:50%;background:#ffffff59;border:2px solid #ffffff88;position:relative;touch-action:none;-webkit-user-select:none;user-select:none}.joystick:before{content:"＋";position:absolute;inset:0;display:grid;place-items:center;font-size:80px;color:#ffffff60;font-weight:400}.stick{position:absolute;width:52px;height:52px;left:30px;top:30px;border-radius:50%;background:#fff;box-shadow:0 3px #365e4633;pointer-events:none}.interact{min-width:162px;background:var(--yellow);box-shadow:0 4px #ab8a41;font-size:17px}.keyboard-hint{position:absolute;bottom:18px;left:50%;transform:translate(-50%);color:#294e3d;background:#f9ffeda8;padding:7px 12px;border-radius:8px;font-size:12px;pointer-events:none!important}.title-screen{position:absolute;inset:0;background:linear-gradient(90deg,#153d32eb 0%,#163f34d9 35%,#19433340 68%,transparent 100%);display:flex;align-items:center;padding:6vh 7vw;color:#fff}.title-copy{max-width:560px;width:51%;position:relative;z-index:1}.chapter{font-size:14px;color:#d8e8bb;display:flex;align-items:center;gap:9px;margin-bottom:20px}.chapter:before{content:"";width:28px;height:2px;background:var(--yellow)}h1{font-size:clamp(44px,6.8vw,88px);line-height:.93;letter-spacing:-.035em;font-weight:900;text-shadow:0 4px 0 #122f3240}h1 small{display:block;font-size:.31em;letter-spacing:.035em;margin:13px 0 9px;font-weight:700;color:#e5efcd}h1 span{display:block;color:var(--yellow);font-size:.78em}.tagline{font-size:17px;line-height:1.5;max-width:350px;margin:23px 0;color:#e6efe2}.title-actions{display:flex;gap:10px;flex-wrap:wrap}.title-actions button{min-width:160px}.title-note{font-size:12px;color:#d1e2cf;margin-top:19px}.title-characters{position:absolute;right:8%;bottom:9%;width:34%;height:62%;pointer-events:none}.title-characters .hero{height:90%;position:absolute;bottom:0;left:0;filter:drop-shadow(0 10px 4px #254d332b)}.title-characters .mascot{width:64%;position:absolute;bottom:-3%;right:-16%;transform:rotate(-8deg);filter:drop-shadow(0 8px 4px #254d3340)}.title-credit{position:absolute;bottom:19px;right:24px;font-size:12px;color:#244d3d;background:#f3f8e4da;padding:8px 12px;border-radius:8px}.orientation{display:none}.overlay{position:absolute;inset:0;background:#173d386e;display:flex;align-items:center;justify-content:center;padding:20px}.panel{background:var(--white);border-radius:16px;padding:26px;width:min(560px,100%);max-height:90dvh;overflow:auto;box-shadow:0 8px #173d382b}.panel h2{font-size:27px;margin-bottom:12px}.panel p{font-size:16px;line-height:1.5;margin-bottom:16px}.panel-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.dialogue{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:min(850px,calc(100% - 36px));background:#fff;border-radius:16px;box-shadow:0 6px #173d3833;display:flex;align-items:center;padding:19px 23px;gap:18px}.portrait{width:86px;height:94px;object-fit:contain;flex-shrink:0;background:var(--surface);border-radius:12px}.dialogue-copy{flex:1}.speaker{color:var(--primary);font-size:14px;font-weight:900;margin-bottom:7px}.dialogue p{font-size:19px;line-height:1.4}.dialogue button{align-self:end;flex-shrink:0}.dialogue-count{font-size:11px;color:var(--muted);margin-top:9px}.battle{position:absolute;inset:0;overflow:hidden;background:linear-gradient(#b2d9ce,#d5e8ba 43%,#9eba7d 43%,#b9cd90)}.battle:before,.battle:after{content:"";position:absolute;border-radius:50%;background:#5a9667;box-shadow:100px 10px #75a478,210px -30px #679967,320px 20px #719e6b,440px -10px #5d946b,590px 0 #83ae76,720px 10px #6d9f6f,840px -15px #63956c,950px 20px #7da878;width:180px;height:210px;left:-80px;top:-100px;opacity:.6}.battle:after{top:21%;height:80px;opacity:.5}.battle-top{position:absolute;inset:14px 18px auto;display:flex;justify-content:space-between;align-items:center;z-index:1}.battle-top span{background:#fffd;border-radius:12px;padding:10px 15px;font-weight:700;font-size:14px}.arena{position:absolute;inset:55px 0 192px;z-index:1}.fighter{position:absolute;width:220px;height:220px;left:20%;bottom:0;transform:translate(-50%)}.fighter.enemy{left:75%;bottom:15%}.fighter:before{content:"";position:absolute;bottom:10px;left:-20px;right:-20px;height:46px;border-radius:50%;background:#8cad6d;box-shadow:0 7px #79986233}.fighter img{width:100%;height:100%;object-fit:contain;position:relative;animation:breathe 2.2s ease-in-out infinite}.fighter.enemy img{animation-delay:-.7s}.stat{position:absolute;left:31%;bottom:14%;width:210px;background:#ffffffec;padding:12px 14px;border-radius:12px}.stat.enemy-stat{left:auto;right:30%;bottom:52%}.stat-title{display:flex;justify-content:space-between;gap:8px;font-size:16px;font-weight:900}.stat-title small{font-size:12px;align-self:center;white-space:nowrap}.type-label{font-size:12px;color:var(--muted);margin-top:3px}.hp-track{height:9px;background:#dbe4d2;border-radius:8px;overflow:hidden;margin:9px 0 3px}.hp-fill{height:100%;background:var(--primary);border-radius:8px;transition:width .35s}.hp-caption{font-size:11px;color:var(--muted);text-align:right}.battle-bottom{position:absolute;bottom:0;left:0;right:0;z-index:2;background:#fff;padding:12px max(18px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));box-shadow:0 -4px #416a3820}.battle-message{font-size:16px;font-weight:700;min-height:30px;padding-bottom:9px}.battle-actions{display:grid;grid-template-columns:1.2fr 1.2fr 1fr 1.1fr;gap:10px}.move{background:var(--surface);text-align:left;padding:10px 14px;min-height:62px}.move strong{font-size:15px;display:block}.move small{font-size:11px;display:block;margin-top:5px;color:var(--muted)}.bond-btn small{color:inherit}.harmony-row{display:flex;align-items:center;gap:9px;margin-top:9px;font-size:12px;color:var(--muted)}.harmony-meter{width:110px;height:6px;background:#e2e9e0;border-radius:5px;overflow:hidden}.harmony-meter i{height:100%;display:block;background:#3d9d80}.battle-footer{display:flex;justify-content:space-between;gap:10px;align-items:center}.battle-footer button{min-height:32px;padding:5px 9px;font-size:12px}.bond-stage{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;background:#16493eea;color:#fff;text-align:center;padding:20px}.bond-stage h2{font-size:28px}.bond-stage p{font-size:16px;margin:9px 0 15px;color:#e6efdf}.bond-creature{height:150px;filter:drop-shadow(0 0 20px #a6e7c757)}.pulses{display:flex;gap:18px;justify-content:center;margin:12px 0}.pulse{width:70px;height:70px;border-radius:50%;font-size:24px;border:3px solid transparent;color:var(--ink)}.pulse.active{background:var(--yellow);transform:scale(1.13);border-color:#fff;box-shadow:0 0 22px #eedb7980}.pulse.done{background:#9fcdb6}.bond-help{min-height:25px}.bond-stage .plain{color:#fff}.success{text-align:center}.success img{height:155px}.success .seal{font-size:13px;color:var(--primary);font-weight:900;margin-bottom:9px}.collection-list{display:flex;flex-direction:column;gap:12px}.companion-row{display:flex;gap:14px;align-items:center;background:var(--surface);padding:12px;border-radius:12px}.companion-row img{width:80px;height:80px}.companion-row h3{font-size:18px}.companion-row p{font-size:13px;margin:5px 0}.companion-row button{margin-left:auto;white-space:nowrap;font-size:12px;padding:9px}.empty{background:var(--surface);padding:17px;border-radius:12px}.type-guide{font-size:14px!important;line-height:1.8!important;background:var(--surface);padding:15px;border-radius:12px}.notice{position:absolute;top:158px;left:50%;transform:translate(-50%);background:#fff;padding:12px 19px;border-radius:12px;z-index:5;font-size:14px;box-shadow:0 4px #173d382b;max-width:90%;text-align:center}.saved{font-size:11px;color:var(--muted)}.attack-player{animation:lunge .35s ease-out!important}.attack-enemy{animation:lungeBack .35s ease-out!important}.hit{animation:hit .32s linear!important}.sparkles{position:absolute;inset:0;pointer-events:none}.spark{position:absolute;color:#f6e89b;font-size:28px;animation:spark .6s ease-out forwards}.portrait-mode-note{display:none}@keyframes breathe{50%{transform:translateY(-5px) rotate(1deg)}}@keyframes lunge{50%{transform:translate(35px,-12px) rotate(8deg)}}@keyframes lungeBack{50%{transform:translate(-35px,12px) rotate(-8deg)}}@keyframes hit{25%,75%{filter:brightness(1.8);transform:translate(8px)}50%{transform:translate(-8px)}}@keyframes spark{to{transform:translate(var(--dx),var(--dy)) scale(.2);opacity:0}}@media(max-height:520px)and (orientation:landscape){.hud{top:10px}.place{padding:9px 13px}.place strong{font-size:16px}.place span{font-size:11px}.objective{top:77px;font-size:12px;padding:9px 12px}.controls{bottom:14px}.joystick{width:100px;height:100px}.stick{left:22px;top:22px}.keyboard-hint{display:none}.title-screen{padding:4vh 6vw}.chapter{margin-bottom:12px;font-size:12px}h1{font-size:57px}.tagline{font-size:14px;margin:17px 0}.title-note{margin-top:12px;font-size:11px}.title-characters{height:76%;right:8%;bottom:5%}.title-credit{display:none}.dialogue{padding:13px 17px;gap:12px;bottom:12px}.portrait{width:65px;height:73px}.dialogue p{font-size:16px}.dialogue-count{margin-top:5px}.arena{inset:48px 0 151px}.fighter{width:155px;height:155px;left:19%;bottom:-8px}.fighter.enemy{left:78%;bottom:5%}.stat{width:174px;left:29%;bottom:0;padding:8px 11px}.stat.enemy-stat{right:30%;bottom:45%}.stat-title{font-size:14px}.battle-bottom{padding-top:9px;padding-bottom:8px}.battle-message{font-size:14px;min-height:26px;padding-bottom:6px}.battle-actions{gap:7px}.move{min-height:52px;padding:8px 11px}.move strong{font-size:13px}.move small{font-size:10px;margin-top:3px}.harmony-row{margin-top:5px;font-size:11px}.battle-top{inset:9px 14px auto}.battle-top span{padding:9px 12px;font-size:12px}.battle-top button{min-height:38px}.bond-stage h2{font-size:23px}.bond-stage p{margin:6px 0;font-size:14px}.bond-creature{height:96px}.pulses{margin:7px 0}.pulse{height:54px;width:54px;font-size:20px}.panel{padding:20px;max-height:94dvh}.panel h2{font-size:24px}.success img{height:105px}.success p{font-size:14px;margin-bottom:10px}.notice{top:117px}}@media(orientation:portrait){.title-screen{align-items:flex-start;padding:7vh 7vw;background:linear-gradient(#163f34f2,#163f34cd 53%,#163f3420)}.title-copy{width:100%}h1{font-size:clamp(46px,12vw,70px)}.chapter{margin-bottom:17px}.tagline{font-size:15px;margin:20px 0}.title-characters{bottom:5%;height:34%;width:57%;right:20%}.title-credit{display:none}.title-note{max-width:240px}.orientation{display:block;position:absolute;right:15px;bottom:15px;max-width:150px;font-size:11px;color:var(--ink);background:#ffffffe0;border-radius:10px;padding:10px}.place{padding:10px}.place strong{font-size:16px}.place span{font-size:11px}.tools{gap:5px}.tools button{padding:9px;font-size:12px;min-width:44px}.hud{left:10px;right:10px;top:12px;gap:7px}.objective{left:10px;top:88px;right:10px;font-size:12px;max-width:none}.keyboard-hint{display:none}.controls{left:16px;right:16px;bottom:23px}.interact{min-width:143px;font-size:14px;padding:12px}.dialogue{flex-wrap:wrap;padding:16px;gap:10px;bottom:16px}.portrait{width:56px;height:65px}.dialogue-copy{min-width:180px}.dialogue p{font-size:16px}.dialogue button{margin-left:auto}.battle-top{inset:12px 10px auto}.battle-top span{font-size:12px;padding:11px}.arena{inset:75px 0 266px}.fighter{left:25%;bottom:-5%;width:165px;height:165px}.fighter.enemy{left:73%;bottom:40%;width:150px;height:150px}.stat{left:auto;right:3%;bottom:0;width:165px;padding:9px}.stat.enemy-stat{left:3%;right:auto;bottom:69%;width:159px}.stat-title{font-size:13px}.battle-bottom{padding:13px 12px 18px}.battle-actions{grid-template-columns:1fr 1fr;gap:8px}.battle-message{font-size:14px;min-height:48px}.move strong{font-size:14px}.move{min-height:61px}.battle-footer{align-items:end}.harmony-row{flex-wrap:wrap;gap:5px;max-width:220px;font-size:11px}.harmony-meter{width:85px}.companion-row{gap:7px;padding:8px}.companion-row img{width:54px;height:64px}.companion-row h3{font-size:16px}.companion-row button{padding:9px;font-size:11px}.panel{padding:20px}.panel h2{font-size:24px}.notice{top:136px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.battle.expanded .battle-actions{grid-template-columns:repeat(3,1fr)}.battle.expanded .arena{bottom:268px}@media(max-height:520px)and (orientation:landscape){.battle.expanded .arena{bottom:218px}.battle.expanded .fighter{width:115px;height:115px}.battle.expanded .stat{bottom:0}.battle.expanded .stat.enemy-stat{bottom:35%}}@media(orientation:portrait){.battle.expanded .battle-actions{grid-template-columns:repeat(2,1fr)}.battle.expanded .arena{bottom:337px}}:root{--primary:oklch(.4 .075 169);--ink:oklch(.27 .04 168);--surface:oklch(.95 .025 165);--yellow:oklch(.87 .12 87)}button{transition:background .15s,transform .12s,box-shadow .12s;letter-spacing:.005em}button:active{transform:translateY(2px) scale(.98)}button:disabled{opacity:.42}button.gold:disabled{background:#d6efe3;box-shadow:none}.place{border-radius:12px;padding:12px 18px}.place strong{letter-spacing:-.025em}.objective{border-radius:8px;padding:10px 15px;background:#134a3a;box-shadow:0 3px #244d4020}.tools button{border-radius:10px}.joystick{background:#254f432e;border:2px solid #fff9;box-shadow:inset 0 0 0 8px #fff1}.stick{background:#fbf8e6;box-shadow:0 3px #254f4350}.interact{border-radius:12px}.title-screen{background:linear-gradient(90deg,#183e34f5,#183e34db 35%,#19433330 70%,transparent)}.title-copy:before{content:"♫";font-size:24px;display:grid;place-items:center;width:52px;height:52px;border:3px solid #dfc578;border-radius:50%;color:#ead389;margin-bottom:22px;box-shadow:0 0 0 7px #edcf6a12}.title-copy h1{letter-spacing:-.03em}.title-characters .mascot{animation:heroCoco 4s ease-in-out infinite}.dialogue{animation:dialogueIn .22s ease-out}.portrait{background:#d2ecdd;border-radius:50%;padding:2px}.speaker{letter-spacing:.02em}.panel{animation:panelIn .22s ease-out}.return-wash{position:absolute;inset:0;pointer-events:none!important;background:#e2e9c0;animation:returnWash .45s ease-out forwards}.title-credit{color:#edf0dc;background:#264e40dd}@keyframes dialogueIn{0%{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}@keyframes panelIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes returnWash{0%{opacity:.7}to{opacity:0}}@keyframes heroCoco{0%,70%,to{transform:rotate(-5deg)}78%{transform:rotate(-1deg) translateY(-4px)}85%{transform:rotate(-8deg)}}.battle{display:grid;grid-template-rows:60px minmax(0,1fr) auto;background:#8fb18b}.battle:before,.battle:after{display:none}.battle-scenery{position:absolute;inset:0;background-image:var(--battle-art);background-position:center 58%;background-size:cover;pointer-events:none}.battle-top{inset:13px 20px auto;align-items:start;z-index:3}.battle-top span{background:#fbf9e9ed;padding:9px 15px;color:#375d4d;font-size:14px;display:grid;grid-template-columns:26px auto;column-gap:7px}.battle-top span i{grid-row:span 2;font-style:normal;font-size:29px;line-height:35px;color:#588d7e}.battle-top small{display:block;font-size:10px;letter-spacing:.02em;font-weight:400;margin-top:3px}.battle .arena,.battle.expanded .arena{position:relative;grid-row:2;inset:auto;min-height:0;width:100%;height:100%;z-index:2;transform-origin:center 60%;isolation:isolate}.fighter{width:clamp(150px,25vh,255px);height:clamp(150px,25vh,255px);left:20%;bottom:3%;transform:translate(-50%);z-index:1;transform-origin:50% 85%}.fighter.enemy{left:78%;bottom:26%}.fighter:before{height:25px;left:12%;right:12%;bottom:14px;background:#416b4338;box-shadow:none;filter:blur(3px)}.fighter img{transform-origin:50% 83%;animation:none;filter:drop-shadow(1px 3px 0 #335e3b17)}.creature-coco img{animation:cocoIdle 3.7s ease-in-out infinite}.creature-clapo img{animation:clapoIdle 2.9s ease-in-out infinite}.fighter.enemy img{animation-delay:-.5s}.fighter.acting:after{content:"";position:absolute;inset:auto 18% 3%;height:12px;border-radius:50%;border:2px solid #f5e4a1;animation:actorRing .8s ease-out infinite}.stat{left:31%;bottom:7%;width:205px;padding:11px 14px;background:#fafbecf2;border-radius:12px;box-shadow:0 3px #59775624;z-index:2}.stat.enemy-stat{left:auto;right:31%;bottom:47%}.stat-title{font-size:16px;letter-spacing:-.02em}.stat-title small{font-size:11px;color:#55715c}.hp-track{height:9px;background:#d3ddbf;margin-top:8px}.hp-fill{background:#558b63;transition:width .35s cubic-bezier(.2,.7,.3,1)}.hp-caption{font-size:11px;font-weight:700}.battle-bottom{position:relative;grid-row:3;inset:auto;z-index:3;background:#fafffc;padding:12px max(20px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));box-shadow:0 -5px #456a4220;border-radius:18px 18px 0 0}.battle-message{font-size:15px;min-height:29px;display:flex;align-items:center;justify-content:center;color:#365b4b;padding:0 0 8px;font-weight:800}.battle-actions{grid-template-columns:1.2fr 1.2fr 1fr 1.2fr;gap:9px}.move{display:flex;align-items:center;gap:10px;min-height:62px;border-radius:10px;background:#e0f0e8;padding:10px 12px;box-shadow:0 3px #54786618}.move strong{font-size:14px;line-height:1.1}.move small{margin-top:5px;font-size:11px}.move-icon{width:34px;height:34px;display:grid;place-items:center;font-size:23px;background:#d8e7d1;border-radius:50%;flex-shrink:0;color:#527453}.move-icon.eau{background:#d8ece5;color:#437e83}.move-icon.echo{background:#eee6be;color:#97743f}.move-icon.brise{background:#e6edde;color:#71866b}.calm-icon{background:#e7e9de;color:#6c7b64}.echo-icon{background:#e7cc77;color:#67583d}.move.gold{background:#f2dfa1;box-shadow:0 3px #c4ad6b}.move.gold small{color:#655b3b}.battle-footer{margin-top:6px}.harmony-row{margin:0;font-size:12px;color:#536d5a;gap:12px}.harmony-meter{width:120px;height:7px}.harmony-meter i{background:#9ab184;transition:width .35s}.battle-footer button{font-size:12px;min-height:36px;padding:7px 11px}.coach{display:flex;gap:10px;align-items:center;background:#eaf0df;border-radius:10px;padding:8px 12px;margin-bottom:7px;min-height:59px;animation:panelIn .2s ease-out}.coach>img{width:37px;height:43px;object-fit:contain;background:#d8e6cd;border-radius:50%}.coach b{font-size:10px;letter-spacing:.03em;color:#608069}.coach p{font-size:14px;line-height:1.3;margin:3px 0 0;color:#305640}.coach>div{flex:1}.coach button{min-height:44px;flex-shrink:0}.tutorial-target{outline:3px solid #d5ac4f;outline-offset:2px;animation:targetGlow 1.5s ease-in-out infinite;position:relative}.tutorial-target:after{content:"↓";position:absolute;right:5px;top:-25px;font-size:22px;color:#7d6335;line-height:22px}.stat.tutorial-target:after{top:-23px}.guided .battle-message{font-size:12px;min-height:22px;padding-bottom:5px}.fx-layer{position:absolute;inset:0;pointer-events:none;z-index:5;overflow:visible}.fx{position:absolute;display:block;pointer-events:none;font-style:normal}.ring{border:3px solid #f8e7a2;border-radius:50%;width:100px;height:100px;opacity:0}.water-ring{border-color:#aee7df}.green-ring{border-color:#b8d58a}.wind-ring{border-color:#eff1db;border-style:dashed;border-width:4px}.leaf,.garden-leaf{width:16px;height:29px;border-radius:80% 8%;background:#8ba958;box-shadow:inset 2px 1px #d5dd99;opacity:0}.garden-leaf{width:26px;height:52px;background:#9dbb68;transform-origin:bottom}.feather{width:12px;height:33px;border-radius:90% 12% 65% 15%;background:#f1edc4;box-shadow:inset 3px 0 #acc18c;opacity:0}.water-drop{width:28px;height:35px;border-radius:70% 30% 65% 65%;background:#85d9d5;box-shadow:inset 6px 5px #c0eee0;opacity:0}.splash{width:8px;height:18px;border-radius:50%;background:#b7eee0;opacity:0}.healing-bubble{width:128px;height:135px;border-radius:50%;background:#a7e7da50;border:4px solid #e3ffdf;box-shadow:inset 10px 8px #e5ffe45c;opacity:0}.tiny-bubble{width:14px;height:14px;border-radius:50%;border:2px solid #d2f7df;opacity:0}.note{font-size:32px;font-weight:900;color:#f8df88;text-shadow:0 2px 0 #927d5270;opacity:0}.echo-mote{width:16px;height:16px;border-radius:50%;background:#f3e7a9;box-shadow:0 0 0 6px #e2ecc130;opacity:0}.damage-number{font-family:inherit;font-size:30px;font-weight:900;color:#fff7dc;white-space:nowrap;text-shadow:0 2px 0 #78684b,1px 0 0 #78684b,-1px 0 0 #78684b;z-index:6;transform:translate(-50%,-50%)}.damage-number.positive{color:#e5ffb5;text-shadow:0 2px 0 #47734d,1px 0 0 #47734d}.effective-label{font-size:13px;font-weight:900;white-space:nowrap;background:#f4df9c;color:#4c6740;padding:5px 9px;border-radius:8px;margin-left:-55px;z-index:5}@keyframes cocoIdle{0%,65%,to{transform:translateY(0) scale(1)}15%,45%{transform:translateY(-3px) scale(1.01,.99)}73%{transform:rotate(7deg) translateY(3px)}79%{transform:rotate(0)}85%{transform:rotate(5deg)}}@keyframes clapoIdle{0%,to{transform:scale(1)}25%{transform:scale(1.025,.975)}50%{transform:translateY(-5px) scale(.985,1.025)}70%{transform:scale(1.015,.99)}}@keyframes actorRing{0%{opacity:.8;transform:scale(.8)}to{opacity:0;transform:scale(1.5)}}@keyframes targetGlow{50%{outline-color:#f0cd6e;box-shadow:0 0 0 6px #e6c46b26}}.encounter-transition{position:absolute;inset:0;z-index:8;overflow:hidden;pointer-events:all}.echo-wipe{position:absolute;inset:0;background:#254e42;clip-path:circle(0% at 75% 50%);animation:echoWipe 1s cubic-bezier(.4,0,.2,1) forwards}.transition-rings{position:absolute;left:75%;top:50%;width:20px;height:20px}.transition-rings i{position:absolute;inset:0;border:1px solid #e4c578;border-radius:50%;animation:transitionRing .9s ease-out forwards}.transition-rings i:nth-child(2){animation-delay:.1s}.transition-rings i:nth-child(3){animation-delay:.2s}.encounter-sign{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#f3e6b5;animation:encounterSign 1s ease-out both}.encounter-sign img{width:140px;height:140px;object-fit:contain;filter:brightness(.25) sepia(1);margin-bottom:9px}.encounter-sign span{font-size:13px;letter-spacing:.08em}.encounter-sign strong{font-size:32px;margin-top:5px}.bond-stage{background:radial-gradient(ellipse at center,#386e5c,#1c4037);overflow:auto}.bond-kicker{font-size:11px;letter-spacing:.12em;color:#d5c485;display:block;margin-bottom:12px}.bond-portrait{position:relative;display:inline-block}.bond-portrait .bracelet{position:absolute;right:-42px;bottom:10px;width:55px;height:55px;border-width:5px}.bond-portrait .bracelet i{width:7px;height:7px}.bond-creature{animation:clapoIdle 2.9s ease-in-out infinite;height:155px}.bracelet{display:block;width:86px;height:86px;border:7px solid #e3c06e;border-radius:50%;box-shadow:0 0 0 4px #315b4b,inset 0 0 0 4px #315b4b,0 6px #172e3220;position:relative}.bracelet:after{content:"≈";font-size:24px;color:#cdebd1;position:absolute;inset:0;display:grid;place-items:center}.bracelet i{position:absolute;width:12px;height:12px;background:#9bd8ba;border:2px solid #e5d595;border-radius:50%;top:-8px;left:50%;transform:translate(-50%)}.bracelet i:nth-child(2){top:65%;left:0}.bracelet i:nth-child(3){top:65%;left:100%}.pulses{gap:20px}.pulse{box-shadow:0 4px #122d3040;border:3px solid #fff0}.pulse:disabled{opacity:1;cursor:default}.pulse.active{background:#f2dfa3;border-color:#f4edd0}.bond-help{font-size:14px!important}.bond-payoff{position:absolute;inset:0;z-index:9;background:radial-gradient(ellipse,#487e66,#203e36);display:flex;align-items:center;justify-content:center;flex-direction:column;color:#f5e3a3}.bond-payoff>strong{font-size:23px;max-width:80%;text-align:center;margin-top:20px}.bond-orbit{position:relative;width:300px;height:220px;display:flex;align-items:center;justify-content:space-around}.bond-orbit img{width:190px;height:190px;animation:bondDelight 1.4s ease-out}.bond-orbit .bracelet{animation:braceletLight 1.4s ease-out}.bond-orbit b{position:absolute;top:50%;left:50%;color:#e7df9d;font-size:20px;animation:bondSpark 1.4s ease-out forwards;--angle:calc(var(--i)*30deg)}.result-overlay{background:#1e453dcf}.result-panel{width:min(560px,100%);padding:24px 28px}.result-art{position:relative;margin:0 auto;width:150px;height:150px}.result-art img{height:145px;position:relative;z-index:1;animation:clapoIdle 2.8s ease-in-out infinite}.result-orbit{position:absolute;inset:15px;border-radius:50%;border:2px solid #ccdcb1;box-shadow:0 0 0 9px #eef2e2}.result-panel h2{font-size:25px}.encyclopedia{background:#eef2e4;border-radius:10px;margin:12px 0;padding:12px 17px}.encyclopedia b{font-size:10px;letter-spacing:.06em;color:#5d7c65}.encyclopedia p{font-size:15px;margin:5px 0 0;color:#42634e}.result-panel>p{font-size:14px;line-height:1.4;max-width:420px;margin:10px auto}.xp-reward{font-size:14px;color:#486a48;background:#e7eddb;border-radius:20px;padding:9px 18px;display:inline-block;font-weight:800}.result-panel .recovery-note{font-size:11px;margin:8px auto 15px}.result-panel .seal{letter-spacing:.06em;font-size:11px}@keyframes echoWipe{0%{clip-path:circle(0% at 75% 50%)}60%,to{clip-path:circle(150% at 75% 50%)}}@keyframes transitionRing{0%{opacity:.8;transform:scale(0)}to{opacity:0;transform:scale(75)}}@keyframes encounterSign{0%,24%{opacity:0;transform:translateY(10px)}45%,85%{opacity:1;transform:translateY(0)}to{opacity:0}}@keyframes bondDelight{0%{transform:scale(.8)}30%{transform:translateY(-18px) rotate(-5deg)}60%{transform:translateY(0) rotate(3deg)}to{transform:scale(1)}}@keyframes braceletLight{0%{opacity:.3;transform:scale(.6)}70%{opacity:1;transform:scale(1.15);filter:drop-shadow(0 0 20px #e2e9a3)}to{transform:scale(1)}}@keyframes bondSpark{0%{opacity:0;transform:rotate(var(--angle)) translate(20px)}30%{opacity:1}to{opacity:0;transform:rotate(var(--angle)) translate(160px) rotate(90deg)}}@media(max-height:520px)and (orientation:landscape){.title-copy:before{display:none}.battle{grid-template-rows:46px minmax(0,1fr) auto}.battle-top{inset:7px 14px auto}.battle-top span{padding:5px 10px;font-size:11px;grid-template-columns:20px auto}.battle-top small{font-size:9px}.battle-top span i{font-size:24px;line-height:29px}.battle-top button{min-height:36px;padding:8px 12px}.battle .fighter,.battle.expanded .fighter{width:137px;height:137px;left:18%;bottom:0}.battle .fighter.enemy{left:81%;bottom:12%}.battle .stat,.battle.expanded .stat{left:28%;bottom:4%;width:168px;padding:8px 11px}.battle .stat.enemy-stat,.battle.expanded .stat.enemy-stat{left:auto;right:28%;bottom:39%}.stat-title{font-size:13px}.type-label{font-size:10px}.hp-track{margin:5px 0 2px;height:7px}.hp-caption{font-size:10px}.battle-bottom{padding:8px 14px 5px;border-radius:12px 12px 0 0}.battle-message{font-size:12px;min-height:22px;padding-bottom:5px}.move{min-height:51px;padding:8px 10px;gap:7px}.move strong{font-size:12px}.move small{font-size:10px;margin-top:4px}.move-icon{width:26px;height:26px;font-size:19px}.battle-actions{gap:7px}.battle-footer{margin-top:4px}.battle-footer button{min-height:29px;padding:5px 10px;font-size:11px}.harmony-row{font-size:11px}.coach{min-height:45px;padding:5px 10px;gap:8px;margin-bottom:5px}.coach p{font-size:12px;margin:2px 0 0}.coach b{font-size:9px}.coach>img{width:28px;height:34px}.coach button{min-height:37px;padding:7px 11px;font-size:11px}.guided .battle-message{min-height:18px;font-size:10px;padding-bottom:4px}.guided .fighter{width:119px;height:119px}.guided .stat{width:155px}.tutorial-target:after{font-size:17px;top:-20px}.damage-number{font-size:24px}.effective-label{font-size:11px}.bond-kicker{margin-bottom:5px;font-size:9px}.bond-creature{height:90px}.bond-stage h2{font-size:23px}.bond-stage p{font-size:12px;margin:6px 0}.bond-portrait .bracelet{width:40px;height:40px;border-width:4px;right:-35px;bottom:7px}.bracelet:after{font-size:18px}.bond-payoff>strong{font-size:19px}.bond-orbit{height:160px}.bond-orbit img{width:150px;height:150px}.result-panel{width:620px;display:grid;grid-template-columns:145px 1fr;column-gap:20px;text-align:left;padding:18px 23px;max-height:95dvh}.result-panel .seal{grid-column:1/-1;margin-bottom:7px}.result-art{grid-column:1;grid-row:2/7;align-self:center;width:140px;height:140px}.result-art img{height:140px}.result-panel h2{font-size:22px;grid-column:2;margin-bottom:5px}.result-panel>p{grid-column:2;font-size:12px;margin:5px 0}.result-panel .encyclopedia{grid-column:2;margin:3px 0;padding:8px 12px}.result-panel .encyclopedia p{font-size:12px;line-height:1.3}.xp-reward{grid-column:2;font-size:12px;padding:7px 12px;width:fit-content}.result-panel .recovery-note{font-size:10px;margin:6px 0}.result-panel>button{grid-column:2;min-height:42px;font-size:13px;margin-top:3px}.encounter-sign img{height:110px;width:110px}.encounter-sign strong{font-size:27px}}@media(orientation:portrait){.title-copy:before{width:42px;height:42px;font-size:20px;margin-bottom:20px}.title-screen{background:linear-gradient(#183e34f2,#183e34cf 58%,#183e3420)}.battle{grid-template-rows:65px minmax(0,1fr) auto}.battle-top{inset:11px 10px auto}.battle-top span{font-size:12px;padding:7px 10px}.battle .fighter,.battle.expanded .fighter{width:160px;height:160px;left:24%;bottom:0}.battle .fighter.enemy{left:76%;bottom:38%;width:150px;height:150px}.battle .stat,.battle.expanded .stat{left:auto;right:3%;bottom:4%;width:155px;padding:9px 10px}.battle .stat.enemy-stat,.battle.expanded .stat.enemy-stat{left:3%;right:auto;bottom:68%;width:153px}.stat-title{font-size:12px}.stat-title small,.type-label{font-size:10px}.battle-bottom{padding:11px 12px max(12px,env(safe-area-inset-bottom));border-radius:16px 16px 0 0}.battle-actions,.battle.expanded .battle-actions{grid-template-columns:1fr 1fr;gap:8px}.move{min-height:60px;padding:8px;gap:6px}.move strong{font-size:12px;line-height:1.2}.move small{font-size:10px}.move-icon{width:27px;height:27px;font-size:20px}.battle-message{font-size:12px;min-height:33px;line-height:1.25;text-align:center}.harmony-row{font-size:10px;gap:6px;max-width:none;flex-wrap:nowrap}.harmony-meter{width:60px}.battle-footer button{font-size:11px;padding:5px 8px;min-height:36px}.coach{padding:8px;gap:7px;flex-wrap:wrap}.coach>img{width:32px;height:38px}.coach>div{min-width:230px}.coach p{font-size:12px;line-height:1.35}.coach b{font-size:9px}.coach button{min-height:38px;margin-left:auto;padding:8px 12px;font-size:12px}.guided .battle-message{font-size:10px;min-height:24px}.guided .fighter{width:140px;height:140px}.guided .fighter.enemy{width:135px;height:135px}.guided .stat{width:150px}.result-panel{padding:21px}.result-panel h2{font-size:24px}.damage-number{font-size:25px}.effective-label{font-size:11px}.title-characters{height:32%}}@media(max-height:370px)and (orientation:landscape){.coach>img,.coach b{display:none}.coach{min-height:36px}.battle .fighter,.battle.expanded .fighter{width:110px;height:110px}.stat .type-label{display:none}.hp-track{margin-top:4px}.battle-message{min-height:18px}.title-copy:before{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.echo-wipe{clip-path:none}.encounter-sign{opacity:1}.return-wash,.bond-orbit b{display:none}}.travel-wash{position:absolute;inset:0;z-index:12;background:#1f4438;display:grid;place-items:center;color:#f3e6b5;font-size:26px;font-weight:900;letter-spacing:-.02em;animation:travelIn .42s ease-out both;pointer-events:all}.travel-wash.out{animation:travelOut .5s ease-in forwards}.travel-wash strong{animation:panelIn .4s ease-out both}@keyframes travelIn{0%{opacity:0}to{opacity:1}}@keyframes travelOut{0%{opacity:1}to{opacity:0}}.dialogue.narration{background:#1f4438f0;color:#f1ecd6}.dialogue.narration p{color:#f1ecd6;font-style:italic}.dialogue.narration .dialogue-count{color:#b7cdb9}.narration-mark{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#2f5a4a;color:#e8c96e;font-size:28px;flex-shrink:0}.team-dots{position:absolute;left:31%;bottom:3%;display:flex;gap:6px;z-index:2}.team-dots.enemy-dots{left:auto;right:31%;bottom:43%}.team-dots i{width:11px;height:11px;border-radius:50%;background:#c9d6c0;border:2px solid #fff;box-shadow:0 1px #4d6a4a40}.team-dots i.active{background:#558b63}.team-dots i.out{background:#e2c2b5;opacity:.7}.hp-fill.low{background:#d9865c}.move-icon.braise{background:#f5dcc8;color:#b8623a}.team-icon{background:#e6e3ee;color:#6d5f8a}.battle.boss .battle-top span i{color:#b5636b}.battle.boss .stat.enemy-stat{background:#fbeeeef2}.battle.boss .stat.enemy-stat .hp-fill{background:#c97a86}.encounter-transition.boss .echo-wipe{background:#3a1f2c}.encounter-transition.boss .encounter-sign strong{font-size:26px;letter-spacing:.04em;color:#f6d9a4;text-align:center;max-width:90%;animation:bossName 1.5s ease-out both}.encounter-transition.boss .encounter-sign span{color:#e7a9b1;letter-spacing:.2em}.encounter-transition.trainer .echo-wipe{background:#20344a}@keyframes bossName{0%,30%{opacity:0;transform:scale(.6)}50%{opacity:1;transform:scale(1.15)}60%{transform:scale(1)}85%{opacity:1}to{opacity:0}}.ember{width:14px;height:18px;border-radius:50% 50% 45% 45%;background:#f3a24a;box-shadow:inset 3px 2px #ffd27a,0 0 8px #f3a24a80;opacity:0}.spark{font-size:18px;font-weight:900;color:#ffd27a;text-shadow:0 0 6px #f3a24a;opacity:0}.ember-ring{border-color:#f3b27a}.wind-dash{width:34px;height:4px;border-radius:4px;background:#eff5e6;box-shadow:0 0 0 1px #c9d9c0;opacity:0}.spore{width:12px;height:12px;border-radius:50%;background:#cfe59a;box-shadow:inset 2px 2px #eef8c6,0 0 6px #b8d77c80;opacity:0}.zz{font-weight:900;color:#a7b8d3;text-shadow:0 1px 0 #fff;opacity:0}.comforter{width:60px;height:36px;border-radius:12px;background:#f6d5dd;box-shadow:inset 6px 4px #ffffff90,0 3px #b78893;opacity:0}.umbrella{width:120px;height:52px;border-radius:120px 120px 8px 8px;background:linear-gradient(90deg,#e06a5a 0 20%,#f6e2c8 20% 40%,#e06a5a 40% 60%,#f6e2c8 60% 80%,#e06a5a 80%);border-bottom:4px solid #b3524a;opacity:0}.shell-dome{width:150px;height:150px;border-radius:50%;background:#f6e9c880;border:4px solid #f1d78a;opacity:0}.shell-dome.feuille{background:#cfe0a880;border-color:#a3c46a}.shell-dome.braise{background:#f8d4b880;border-color:#f0a56a}.bracelet.stones:after{content:"♫"}.bond-hint{font-size:12px;color:#c9d9c1;margin-top:14px;font-style:italic}.panel.wide{width:min(760px,100%);max-height:92dvh;overflow:auto}.row-actions{display:flex;flex-direction:column;gap:6px;align-items:stretch}.companion-row.in-team{box-shadow:inset 0 0 0 2px #9bbf9a}.companion-row.tired{opacity:.55}.dex-title{font-size:14px;letter-spacing:.04em;margin:16px 0 8px;color:#4d6f58}.dex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.dex-card{background:#eef2e4;border-radius:12px;padding:8px 6px;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.dex-card img{width:56px;height:56px;object-fit:contain}.dex-card b{font-size:12px}.dex-card small{font-size:10px;color:#5d7c65}.dex-card.unknown{opacity:.55}.dex-card.seen:not(.known) img{filter:grayscale(1) brightness(.6) contrast(.8);opacity:.8}.dex-silhouette{width:56px;height:56px;border-radius:50%;background:#d6dfcc;display:grid;place-items:center;font-size:26px;font-weight:900;color:#8ea38f}.learned{font-size:13px;color:#4e6f4b;font-weight:800;background:#e7eddb;border-radius:10px;padding:6px 12px;margin:6px auto;max-width:360px}.ending-panel{width:min(640px,100%)}.ending-cast{display:flex;justify-content:center;gap:2px;margin:6px 0}.ending-cast img{width:78px;height:78px;object-fit:contain;animation:heroCoco 3s ease-in-out infinite}.ending-cast img:nth-child(2n){animation-delay:-1.2s}.ending-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:14px 0}.ending-stats span{background:#eef2e4;border-radius:10px;padding:10px;font-size:13px}.ending-stats b{font-size:20px;display:block}.ending-overlay{background:#1e453de6}@media(max-height:520px)and (orientation:landscape){.team-dots{bottom:1%;left:28%}.team-dots.enemy-dots{right:28%;bottom:36%}.ending-panel{display:block;max-height:95dvh;overflow:auto;padding:14px 18px}.ending-cast img{width:52px;height:52px}.ending-stats{grid-template-columns:repeat(4,1fr);margin:8px 0}.ending-stats span{padding:6px;font-size:11px}.ending-stats b{font-size:16px}.ending-panel h2{font-size:20px}.ending-panel>p{font-size:12px}.panel.wide{max-height:95dvh}.dex-card img,.dex-silhouette{width:40px;height:40px}.travel-wash{font-size:22px}}@media(orientation:portrait){.team-dots{left:auto;right:6%;bottom:1%}.team-dots.enemy-dots{left:6%;right:auto;bottom:64%}.ending-stats{grid-template-columns:1fr 1fr}}.lexicon{display:grid;gap:8px;text-align:left}.lexicon-row{background:#eef2e4;border-radius:10px;padding:9px 13px}.lexicon-row b{font-size:13px;color:#3f6650}.lexicon-row p{font-size:13px;line-height:1.35;margin:3px 0 0;color:#42634e}.sequence-coach{max-width:520px;margin:14px auto 0;background:#f3f6ea;color:#305640;text-align:left}.sequence-coach p{color:#305640}.pulse.tutorial-target{outline-color:#f5d67a;box-shadow:0 0 0 6px #f5d67a55}@media(max-height:520px)and (orientation:landscape){.sequence-coach{margin-top:6px;max-width:460px}.sequence-coach p{font-size:11px}}.pulse,.battle .pulse{width:86px;height:70px;min-height:70px;border-radius:26px;padding:0;white-space:nowrap;display:grid;place-items:center;font-size:21px;letter-spacing:.02em;line-height:1}@media(max-height:520px)and (orientation:landscape){.pulse{width:70px;height:54px;min-height:54px;border-radius:20px;font-size:18px}}@media(orientation:portrait){.pulse{width:78px;height:64px;min-height:64px;font-size:19px}.pulses{gap:12px}}.bond-mood{display:block;margin-top:7px;font-size:12px;color:#cfe0c8;font-style:italic}.move.mood-hard small{color:#8a5a2b}.move.mood-ok small{color:#6b6a3a}.move.mood-easy small{color:#3f6b45;font-weight:800}.move.mood-easy{box-shadow:0 3px #c4ad6b,0 0 0 3px #f4e2a6}@media(max-height:520px)and (orientation:landscape){.bond-mood{font-size:10px;margin-top:4px}}