:root{--primary-green: #2e6040;--secondary-green: #488b5e;--light-green: #eef7f1;--cream-bg: #fdfbf7;--warm-gold: #f4a261;--gold-accent: #e59819;--river-blue: #4ea8de;--card-shadow: 0 12px 36px rgba(28, 52, 38, .2);--border-radius: 20px;--text-dark: #233e33;--text-muted: #5e776a;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}.ui-screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:auto;transition:opacity .3s ease,transform .3s ease;z-index:10;padding:max(12px,var(--safe-top)) max(16px,var(--safe-right)) max(12px,var(--safe-bottom)) max(16px,var(--safe-left))}.ui-screen.hidden{opacity:0;pointer-events:none;visibility:hidden;display:none!important}.paper-card{background:#fdfbf7f2;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:var(--border-radius);border:2px solid rgba(255,255,255,.9);box-shadow:var(--card-shadow);padding:28px 36px;max-width:90%;text-align:center;color:var(--text-dark);position:relative}.game-title{font-family:Quicksand,sans-serif;font-size:clamp(2rem,5vw,3.2rem);font-weight:700;color:#26543b;letter-spacing:-.5px;margin-bottom:4px;text-shadow:0 2px 6px rgba(255,255,255,.8)}.game-tagline{font-family:Yomogi,cursive,sans-serif;font-size:clamp(1.1rem,2.5vw,1.4rem);color:#5c8369;margin-bottom:24px}.cozy-btn{display:inline-flex;align-items:center;justify-content:center;background:#397a4d;color:#fff;border:none;border-radius:28px;padding:12px 28px;font-family:Quicksand,sans-serif;font-size:1.05rem;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #397a4d59;transition:all .2s cubic-bezier(.2,.8,.2,1);margin:5px;user-select:none;-webkit-user-select:none}.cozy-btn:hover{background:#2e6640;transform:translateY(-2px) scale(1.02);box-shadow:0 6px 18px #397a4d73}.cozy-btn:active{transform:translateY(1px) scale(.98)}.cozy-btn:focus-visible{outline:3px solid #f4a261;outline-offset:2px}.cozy-btn.secondary{background:#fff;color:#2b583f;border:2px solid #a3cca8;box-shadow:0 3px 10px #0000000d}.cozy-btn.secondary:hover{background:#f1f8f3;border-color:#79b384}.cozy-btn.danger{background:#fff;color:#b91c1c;border:2px solid #fca5a5;box-shadow:0 3px 10px #b91c1c14}.cozy-btn.danger:hover{background:#fef2f2}.btn-stack{display:flex;flex-direction:column;gap:8px;width:260px;margin:0 auto}#screen-level-select{padding:0;background:radial-gradient(circle at 50% 50%,#f5f0e6eb,#e6decef5);overflow:hidden}.map-page-layout{width:100%;height:100%;display:flex;flex-direction:column;position:relative}.map-header{display:flex;justify-content:space-between;align-items:center;padding:max(10px,var(--safe-top)) max(20px,var(--safe-right)) 10px max(20px,var(--safe-left));background:#fdfbf7eb;border-bottom:2px solid rgba(214,200,178,.5);box-shadow:0 4px 14px #0000000f;z-index:20}.map-title-block{text-align:center;flex:1}.map-title{font-family:Quicksand,sans-serif;font-size:clamp(1.3rem,2.8vw,1.8rem);font-weight:700;color:#2b583f;margin:0}.map-subtitle{font-size:clamp(.75rem,1.8vw,.9rem);color:#63826d;font-family:Yomogi,cursive}.map-stats-pill{display:flex;align-items:center;gap:12px;background:#fff;padding:6px 14px;border-radius:20px;border:1px solid #d4c5ae;font-size:.85rem;font-weight:700;color:#2b583f;box-shadow:0 2px 6px #0000000a}.map-scroll-viewport{flex:1;overflow-x:auto;overflow-y:hidden;display:flex;align-items:center;padding:20px 40px;scroll-behavior:smooth;position:relative;-webkit-overflow-scrolling:touch}.map-scroll-viewport::-webkit-scrollbar{height:8px}.map-scroll-viewport::-webkit-scrollbar-track{background:#dcd2c366;border-radius:4px;margin:0 40px}.map-scroll-viewport::-webkit-scrollbar-thumb{background:#9abfa2;border-radius:4px}.map-river-track{display:flex;align-items:center;gap:24px;min-width:max-content;padding:10px 30px;position:relative}.map-river-svg{position:absolute;top:50%;left:0;width:100%;height:60px;transform:translateY(-50%);pointer-events:none;z-index:1}.realm-card{width:180px;height:250px;background:#fff;border:2px solid #dce8df;border-radius:20px;box-shadow:0 8px 20px #2844321f;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:16px 12px;text-align:center;position:relative;z-index:5;cursor:pointer;transition:all .25s cubic-bezier(.2,.8,.2,1);user-select:none}.realm-card:hover:not(.locked){transform:translateY(-6px) scale(1.03);border-color:#52b788;box-shadow:0 14px 28px #28443238}.realm-card:focus-visible{outline:3px solid #f4a261}.realm-card.completed{border-color:#f59e0b;background:linear-gradient(180deg,#fff,#fffbf0)}.realm-card.locked{background:#eef2ed;opacity:.72;cursor:not-allowed;border-color:#d1d8d2}.realm-icon-badge{width:58px;height:58px;border-radius:50%;background:#f0f7f2;display:flex;align-items:center;justify-content:center;font-size:1.8rem;box-shadow:inset 0 2px 4px #0000000f;margin-bottom:4px}.realm-card.completed .realm-icon-badge{background:#fef3c7;box-shadow:0 0 12px #f59e0b59}.realm-number{font-size:.8rem;font-weight:700;color:#60806a;letter-spacing:1px}.realm-title{font-size:1rem;font-weight:700;color:#2b583f;margin:2px 0;line-height:1.2}.realm-subtitle{font-size:.72rem;color:#6c8874;line-height:1.3;margin-bottom:6px}.realm-stars{font-size:.95rem;color:#f59e0b;letter-spacing:2px}.realm-collectible{font-size:.75rem;font-weight:600;color:#d97706}.realm-action-btn{background:#397a4d;color:#fff;border:none;border-radius:16px;padding:6px 14px;font-size:.8rem;font-weight:700;box-shadow:0 2px 8px #397a4d4d;margin-top:4px}.realm-card.locked .realm-action-btn{background:#9ca3af;box-shadow:none}.map-nav-arrow{position:absolute;top:55%;transform:translateY(-50%);background:#fdfbf7f2;border:2px solid #a3cca8;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#2b583f;cursor:pointer;box-shadow:0 4px 14px #0000001f;z-index:25;transition:all .2s ease}.map-nav-arrow:hover{background:#fff;transform:translateY(-50%) scale(1.1);box-shadow:0 6px 18px #0000002e}.map-nav-arrow.left{left:14px}.map-nav-arrow.right{right:14px}#hud-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:max(14px,var(--safe-top)) max(20px,var(--safe-right)) max(12px,var(--safe-bottom)) max(20px,var(--safe-left));z-index:15}.hud-top{display:flex;justify-content:space-between;align-items:flex-start;pointer-events:auto}.hud-level-info{background:#fdfbf7eb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:8px 18px;border-radius:18px;border:1px solid rgba(255,255,255,.8);box-shadow:0 4px 14px #00000014}.hud-level-title{font-weight:700;font-size:clamp(.95rem,2.2vw,1.2rem);color:#2b583f}.hud-level-subtitle{font-size:clamp(.72rem,1.8vw,.85rem);color:#6a8870;font-family:Yomogi,cursive}.hud-badges{display:flex;align-items:center;gap:10px}.hud-integrity{background:#fdfbf7eb;backdrop-filter:blur(10px);padding:8px 14px;border-radius:18px;border:1px solid rgba(255,255,255,.8);font-weight:700;font-size:1.1rem;color:#e63946;box-shadow:0 4px 14px #00000014;letter-spacing:4px;transition:transform .2s cubic-bezier(.18,.89,.32,1.28)}.hud-integrity.shake{animation:hurtShake .4s ease}@keyframes hurtShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.hud-badge{background:#fdfbf7eb;backdrop-filter:blur(10px);padding:8px 16px;border-radius:18px;border:1px solid rgba(255,255,255,.8);font-weight:700;font-size:1.05rem;color:#d97706;box-shadow:0 4px 14px #00000014;transition:transform .2s ease}.hud-badge.bounce{transform:scale(1.18)}.hud-pause-btn{background:#fdfbf7eb;border:1px solid rgba(255,255,255,.8);border-radius:50%;width:44px;height:44px;font-size:1.2rem;cursor:pointer;box-shadow:0 4px 14px #00000014;color:#2b583f;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.hud-pause-btn:hover{background:#fff;transform:scale(1.08)}.hud-checkpoint-banner{position:absolute;top:75px;left:50%;transform:translate(-50%) translateY(-20px);background:#fdfbf7f5;backdrop-filter:blur(12px);color:#2b583f;padding:10px 26px;border-radius:24px;font-weight:700;font-size:1rem;box-shadow:0 8px 26px #2b583f3d;border:2px solid rgba(245,158,11,.6);opacity:0;pointer-events:none;transition:all .4s cubic-bezier(.18,.89,.32,1.28);z-index:25}.hud-checkpoint-banner.show{opacity:1;transform:translate(-50%) translateY(0)}.hud-bottom{display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:auto}.progress-container{width:min(55%,440px);height:12px;background:#ffffffb3;backdrop-filter:blur(6px);border-radius:6px;overflow:hidden;box-shadow:inset 0 1px 4px #0000002e;position:relative}.progress-bar{height:100%;width:0%;background:linear-gradient(90deg,#48bb78,#38a169);border-radius:6px;transition:width .2s ease}.progress-boat-icon{position:absolute;top:-4px;font-size:14px;transform:translate(-50%);transition:left .2s ease;pointer-events:none}.touch-hint{font-size:.82rem;color:#fffffff2;text-shadow:0 1px 4px rgba(0,0,0,.6);transition:opacity .5s ease}.modal-layer{position:absolute;top:0;left:0;width:100%;height:100%;background:#182c2285;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:50;pointer-events:auto;transition:opacity .25s ease;padding:max(16px,var(--safe-top)) max(20px,var(--safe-right)) max(16px,var(--safe-bottom)) max(20px,var(--safe-left))}.modal-layer.hidden{opacity:0;pointer-events:none;display:none!important}.modal-card{transition:transform .25s cubic-bezier(.18,.89,.32,1.28);max-height:90vh;overflow-y:auto}.modal-card.hidden{display:none!important}.slider-group{display:flex;justify-content:space-between;align-items:center;margin:12px 0;font-weight:600;font-size:.95rem}.slider-group label{color:#2b583f;text-align:left;flex:1}.slider-group input[type=range]{width:140px;accent-color:#397a4d;cursor:pointer;margin:0 10px}.slider-val-badge{font-family:JetBrains Mono,monospace;font-size:.85rem;color:#577360;width:42px;text-align:right}.result-stars{font-size:clamp(2.4rem,6vw,3.4rem);color:#f59e0b;margin:12px 0;letter-spacing:6px;animation:starPulse 1.2s infinite alternate}@keyframes starPulse{0%{transform:scale(1)}to{transform:scale(1.06)}}.virtual-joystick-wrap{display:none!important;pointer-events:none!important;visibility:hidden!important;opacity:0!important}.virtual-joystick-wrap.landscape-mode{bottom:calc(22px + var(--safe-bottom));left:calc(28px + var(--safe-left));transform:none}.virtual-joystick-wrap.portrait-mode{bottom:calc(22px + var(--safe-bottom));left:50%;transform:translate(-50%)}.joystick-base{width:84px;height:84px;border-radius:50%;background:#ffffff6b;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.85);box-shadow:0 4px 16px #00000026;display:flex;align-items:center;justify-content:center;position:relative;touch-action:none;cursor:pointer;user-select:none;-webkit-user-select:none}.joystick-knob{width:44px;height:44px;border-radius:50%;background:#2e6040;border:2px solid #ffffff;box-shadow:0 2px 8px #0000004d;position:absolute;pointer-events:none;will-change:transform}.quality-btn-group{display:flex;gap:8px;width:100%;margin-top:6px}.quality-btn{flex:1;background:#fff;color:#3b5847;border:2px solid #b7d6be;border-radius:14px;padding:8px 6px;font-family:Quicksand,sans-serif;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #0000000a}.quality-btn:hover{background:#f1f8f3;border-color:#52b788}.quality-btn.active{background:#2e6040;color:#fff;border-color:#2e6040;box-shadow:0 4px 12px #2e604059}@media (orientation: portrait),(max-width: 600px){#hud-overlay{padding:max(10px,var(--safe-top)) max(12px,var(--safe-right)) max(10px,var(--safe-bottom)) max(12px,var(--safe-left))}.hud-top{flex-wrap:nowrap;align-items:center;gap:8px}.hud-level-info{max-width:46%;padding:4px 10px;border-radius:14px}.hud-level-title{font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-level-subtitle{display:none}.hud-badges{gap:4px}.hud-integrity{padding:4px 8px;font-size:.82rem;letter-spacing:1px;border-radius:14px}.hud-badge{padding:4px 8px;font-size:.82rem;border-radius:14px}.hud-pause-btn{width:36px;height:36px;font-size:1rem}.hud-bottom{margin-bottom:96px}.progress-container{width:65%;height:8px}.touch-hint{font-size:.72rem}.hud-checkpoint-banner{font-size:.82rem;padding:6px 16px;top:55px}.paper-card{padding:18px 20px;max-width:94%;border-radius:16px}.game-title{font-size:clamp(1.8rem,6vw,2.2rem)}.game-tagline{font-size:.95rem;margin-bottom:16px}.btn-stack{width:100%;max-width:250px;gap:6px}.cozy-btn{padding:10px 20px;font-size:.95rem}}@media (max-height: 520px) and (orientation: landscape){.paper-card{padding:12px 20px;border-radius:14px}.game-title{font-size:1.6rem;margin-bottom:2px}.game-tagline{font-size:.88rem;margin-bottom:8px}.btn-stack{flex-direction:row;flex-wrap:wrap;justify-content:center;width:100%;gap:6px}.cozy-btn{padding:6px 16px;font-size:.85rem}.realm-card{width:135px;height:180px;padding:8px 6px}.realm-icon-badge{width:38px;height:38px;font-size:1.2rem}.realm-title{font-size:.82rem}.realm-subtitle{display:none}.hud-level-info{padding:4px 10px}.hud-level-title{font-size:.85rem}.hud-level-subtitle{font-size:.7rem}.hud-badges{gap:5px}.hud-integrity,.hud-badge{padding:4px 8px;font-size:.82rem}.hud-pause-btn{width:34px;height:34px;font-size:.95rem}.progress-container{width:50%;height:6px}.hud-checkpoint-banner{top:48px;font-size:.8rem;padding:5px 14px}}