@font-face{font-family:JourneyYekan;src:url('../fonts/BYekan.ttf');font-display:swap}.journey,.journey *{box-sizing:border-box;font-family:JourneyYekan,Tahoma,sans-serif}.journey{direction:rtl;max-width:1120px;margin:24px auto;padding:12px;color:#234b3d}.journey [hidden]{display:none!important}.journey-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.journey-top h1{font-size:27px;color:#a22682;text-shadow:0 2px #ffe2f2;margin:8px}.journey-top a{color:#176d48}.journey-sound{white-space:nowrap}.journey-setup{display:flex;justify-content:center;align-items:end;gap:10px;flex-wrap:wrap;background:#fff9e9;border:2px solid #efd285;border-radius:20px;padding:12px;margin:12px 0}.journey-setup label{display:flex;flex-direction:column;gap:5px;font-size:13px;min-width:125px;flex:1;max-width:180px}.journey select,.journey input{border:2px solid #b9dccc;border-radius:12px;padding:8px;background:white;color:#26463b;min-height:42px;font-size:16px}.journey-button{background:linear-gradient(#6edaa0,#08794a);color:white;border:2px solid #b8edce;box-shadow:0 4px #08603d;border-radius:15px;padding:9px 20px;cursor:pointer;min-height:44px;font-weight:bold}.journey-notice{font-size:14px;text-align:center;min-height:25px;margin:8px}.journey-route{display:flex;justify-content:space-between;gap:10px;font-size:15px;margin:10px 5px;font-weight:bold}.journey-scene{height:480px;position:relative;border:4px solid #fff;border-radius:26px;overflow:hidden;box-shadow:0 8px 0 #9fcbad,0 14px 28px #244c3622;isolation:isolate}.journey-land{position:absolute;inset:0;width:100%;height:100%}.journey-house{position:absolute;bottom:3%;width:12%;text-align:center;z-index:1}.journey-house span{display:block;font-size:65px;filter:drop-shadow(0 4px 2px #644c3333)}.journey-house b{display:block;background:#fff4c8;border:1px solid #dcb561;border-radius:9px;padding:3px;font-size:12px}.journey-home{left:0}.journey-end{right:0}.journey-station{position:absolute;width:28px;height:28px;border:3px solid #fff3c6;border-radius:50%;background:#ed9e44;color:#704522;transform:translate(-50%,-50%);text-align:center;font-size:13px;box-shadow:0 3px #ae723c}.journey-station.done{background:#47b97c;color:#fff}.journey-character{position:absolute;width:74px;height:92px;transform:translate(-50%,-85%);z-index:3;transition:left 900ms ease-in-out,top 900ms ease-in-out;filter:drop-shadow(0 5px 3px #49381930)}.journey-character svg{width:100%;height:100%;overflow:visible}.journey-character.walking svg{animation:journeyHop .24s ease-in-out infinite alternate}.journey-character.happy svg{animation:journeyYay .42s ease-in-out 2}.journey-character.retry svg{animation:journeyTilt .4s ease 2}.journey-cloud{position:absolute;z-index:5;width:245px;background:#fffef9;border:3px solid #f5b4d6;border-radius:28px;padding:10px 14px;text-align:center;box-shadow:0 5px 0 #db9db735}.journey-cloud:after{content:'';position:absolute;bottom:-13px;left:var(--tail,50%);width:20px;height:20px;background:#fffef9;border-bottom:3px solid #f5b4d6;border-right:3px solid #f5b4d6;transform:translateX(-50%) rotate(45deg)}.journey-cloud>p:first-child{font-size:12px;margin:0;color:#74597a}.journey-cloud strong{display:block;font-size:30px;color:#76519c;line-height:1.3;margin:4px}.journey-cloud form{display:flex;gap:7px;direction:ltr}.journey-cloud input{width:100%;min-width:0;text-align:center;padding:5px;font-size:22px}.journey-cloud button{width:45px;flex-shrink:0;border:0;border-radius:11px;background:#0b8751;color:white;font-size:24px;cursor:pointer}.journey-cloud p:last-child{margin:5px 0 0;font-size:12px;min-height:18px;line-height:1.4}.journey-welcome,.journey-finish{position:absolute;z-index:6;left:50%;top:20%;transform:translateX(-50%);background:#fff7dc;border:3px solid #edb44f;border-radius:25px;padding:22px;text-align:center;width:min(85%,410px);box-shadow:0 8px #c3953e30}.journey-welcome b,.journey-finish>strong{font-size:27px;color:#ae3589}.journey-finish p{font-size:18px}.journey-spark{position:absolute;pointer-events:none;z-index:7;font-size:24px;color:#fff39b;animation:journeySpark 850ms ease-out forwards}.journey button:disabled{opacity:.6;cursor:default}.journey :focus-visible{outline:3px solid #b73fa0;outline-offset:3px}.journey-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@keyframes journeyHop{to{transform:translateY(-9px) rotate(4deg)}}@keyframes journeyYay{50%{transform:translateY(-16px) rotate(-8deg)}}@keyframes journeyTilt{50%{transform:rotate(7deg)}}@keyframes journeySpark{to{transform:translate(var(--sx),-75px) rotate(80deg);opacity:0}}@media(max-width:600px){.journey{padding:8px;margin:12px auto}.journey-top h1{font-size:20px}.journey-top{font-size:12px;gap:5px}.journey-setup{gap:7px;padding:9px}.journey-setup label{min-width:40%;max-width:none}.journey-setup button{width:100%}.journey-scene{height:440px;border-radius:20px}.journey-house{width:19%}.journey-house span{font-size:43px}.journey-house b{font-size:10px}.journey-character{width:57px;height:75px}.journey-cloud{width:220px;padding:8px 12px}.journey-cloud strong{font-size:27px}.journey-route{font-size:12px}.journey-station{width:22px;height:22px;font-size:10px;border-width:2px}}@media(prefers-reduced-motion:reduce){.journey-character{transition:none}.journey-character svg,.journey-spark{animation:none!important}}