/* Profile setup, tutorial, and match-results pages in the mobile game flow. */
.journey-modal{position:fixed;z-index:80;inset:0;display:grid;place-items:center;padding:18px;background:rgba(1,8,17,.82);backdrop-filter:blur(8px)}.journey-card{width:min(430px,100%);max-height:calc(100svh - 36px);overflow:auto;padding:32px 30px;border:1px solid #4b9cef;border-radius:24px;background:radial-gradient(circle at 50% 0,rgba(42,117,211,.35),transparent 35%),linear-gradient(145deg,#102b45,#071421 70%);box-shadow:0 23px 60px #000;color:#f5f8ff;text-align:center}.journey-card h2{margin:10px 0 17px;font:clamp(40px,9vw,59px)/.8 Fredoka,sans-serif;letter-spacing:-2px}.journey-card h2 em{color:#f44a39;font-family:"Permanent Marker",cursive;font-style:normal}.journey-avatar{width:112px;height:112px;display:grid;place-items:center;margin:18px auto;border:4px solid #80bfff;border-radius:50%;background:linear-gradient(145deg,#527394,#182d42);box-shadow:0 0 0 7px rgba(35,127,229,.17);font-size:61px}.journey-label{display:grid;gap:8px;margin:17px 0;color:#cddff0;font:700 11px "DM Mono",monospace;text-align:left}.journey-label input{border:1px solid #5fa5ed;border-radius:10px;background:#06111e;color:#fff;padding:13px;font:16px Fredoka,sans-serif}.journey-avatar-row{display:flex;justify-content:center;gap:9px;margin:15px 0 23px}.journey-avatar-row button{width:51px;height:51px;border:1px solid #5fa5ed;border-radius:50%;background:#122b40;cursor:pointer;font-size:27px}.journey-avatar-row button.active{outline:3px solid #31c676;box-shadow:0 0 0 5px rgba(49,198,118,.18)}.tutorial-illustration{width:144px;height:144px;display:grid;place-items:center;margin:11px auto 25px;border:2px dashed #78b7ff;border-radius:50%;background:radial-gradient(circle,#eaf7ff 0 7%,#167ce5 8% 12%,transparent 13%),linear-gradient(145deg,#123e68,#071a2d);color:#fff;font:85px "Permanent Marker",cursive;text-shadow:3px 3px #d84437}.journey-copy{max-width:315px;margin:0 auto 22px;color:#d4e3ef;font:14px/1.55 "DM Mono",monospace}.tutorial-dots{display:flex;justify-content:center;gap:7px;margin:12px 0 22px}.tutorial-dots i{width:8px;height:8px;border-radius:50%;background:#4e6f8d}.tutorial-dots i.active{width:26px;border-radius:10px;background:#32a5ff}.result-card{border-color:#e3b03d;background:radial-gradient(circle at 50% 12%,rgba(250,197,63,.28),transparent 28%),linear-gradient(145deg,#172b44,#08121d 70%)}.result-trophy{font-size:86px;filter:drop-shadow(0 9px 9px rgba(234,166,23,.4))}.result-score{display:block;margin:-5px 0 16px;color:#ffd455;font:54px Fredoka,sans-serif}.result-card .text-button{margin-top:13px;color:#d9e8f6}.journey-step.hidden{display:none}@media(max-width:500px){.journey-modal{align-items:end;padding:0}.journey-card{width:100%;max-height:91svh;border-radius:24px 24px 0 0;padding:27px 22px 31px}.journey-card h2{font-size:47px}.journey-avatar{width:94px;height:94px;font-size:50px}.tutorial-illustration{width:125px;height:125px;font-size:73px}}