*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Quicksand,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-width:320px;min-height:100%;background-color:#f5f5f5}html,body{overscroll-behavior:none}#root{width:100%;min-height:100%}a{text-decoration:none;color:inherit}button{font-family:inherit}.back-button-fixed{position:fixed;bottom:10px;left:10px;height:42px;width:auto;cursor:pointer;transition:all .2s;z-index:90}.back-button-fixed:hover{transform:translateY(-2px)}.hidden{display:none!important}.alert-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.alert-modal-content{background:#fff;border-radius:12px;padding:24px;max-width:400px;width:90%;box-shadow:0 4px 20px #0003}.alert-modal-header{font-size:18px;font-weight:700;color:#333;margin-bottom:12px;text-align:center}.alert-modal-message{font-size:16px;color:#333;margin:0 0 24px;text-align:center;line-height:1.5}.alert-modal-buttons{display:flex;gap:12px;justify-content:center}.alert-modal-btn{padding:10px 24px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.alert-modal-close{background-color:#4caf50;color:#fff}.alert-modal-close:hover{background-color:#45a049;transform:translateY(-1px);box-shadow:0 2px 8px #4caf504d}.landing-page{width:100%;height:100svh;position:relative;overflow:hidden}.map-background{width:100%;height:100%;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.map-background img,.park-map-image{width:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;display:block}.facility-markers-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.zoom-controls{position:absolute;bottom:120px;right:15px;display:flex;flex-direction:column;gap:10px;z-index:5}.zoom-btn{width:45px;height:45px;border-radius:50%;border:none;background:#fff;box-shadow:0 2px 8px #0003;font-size:24px;font-weight:700;color:#00c462;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.zoom-btn:hover{background:#f5f5f5;transform:scale(1.05)}.zoom-btn:active{transform:scale(.95)}.location-toggle-btn{background:#fff}.location-toggle-btn.active{background:#4285f4;color:#fff}.bottom-actions{position:absolute;bottom:0;left:0;right:0;display:flex;gap:8px;padding:10px;background:#00c462;border-top:2px solid #388E3C;align-items:stretch}.facility-types-scroll{flex:1;display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}.facility-types-scroll::-webkit-scrollbar{display:none}.landing-action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#00c462;border:none;border-radius:12px;padding:12px 8px;cursor:pointer;transition:all .2s ease;min-height:80px;min-width:80px;color:#fff;font-weight:600;font-size:12px;flex-shrink:0}.landing-action-btn.selected{background:#fff;color:#00c462}.landing-action-btn:hover{opacity:.9;transform:scale(1.02)}.landing-action-btn:active{transform:scale(.98)}.icon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin-bottom:8px;width:36px;height:36px}.grid-square{background:#fff;border-radius:2px;width:10px;height:10px}.landing-action-btn.selected .grid-square{background:#00c462}.icon{width:36px;height:36px;margin-bottom:8px}.mascot-container{position:relative;display:flex;align-items:center;justify-content:center;background:transparent;border:none;padding:0;min-height:80px;min-width:100px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.mascot-container:hover{transform:scale(1.02)}.mascot-avatar{width:90px;height:90px;object-fit:contain;pointer-events:none}.mascot-badge{display:flex;flex-direction:column;align-items:center;background:gold;border-radius:15px;padding:8px 12px;box-shadow:0 2px 6px #0003;min-width:100px}.badge-top-text{color:#2e7d32;font-size:9px;font-weight:700;text-align:center;line-height:1.2;margin-bottom:4px}.mascot-circle{width:120px;height:80px;border-radius:80px 80px 0 0;border:3px solid white;border-bottom:none;overflow:hidden;display:flex;align-items:flex-start;justify-content:center;margin:4px 0 0;position:relative}.mascot-bg{width:50%;height:50%;background:linear-gradient(180deg,#fff,#b3e5fc,#4fc3f7);display:flex;align-items:center;justify-content:center;position:absolute;top:0}.mascot{width:100%;height:auto;object-fit:contain;object-position:top center;transform:translateY(-25%)}.badge-bottom-text{color:#2e7d32;font-size:9px;font-weight:700;text-align:center;line-height:1.1;margin-top:4px}@media(max-width:576px){.bottom-actions{gap:6px;padding:8px 6px}.landing-action-btn{padding:10px 6px;min-height:70px;min-width:70px;font-size:11px}.mascot-container{min-width:85px}.icon-grid{width:32px;height:32px;margin-bottom:6px}.grid-square{width:8px;height:8px}.icon{width:32px;height:32px;margin-bottom:6px}.mascot-badge{padding:6px 10px;min-width:85px}.badge-top-text{font-size:8px}.mascot-circle{width:70px;height:35px;border-radius:70px 70px 0 0;border:2px solid white;border-bottom:none}.badge-bottom-text{font-size:8px}}.facility-marker-wrapper{pointer-events:all;z-index:5}.facility-marker-wrapper:hover{z-index:1001}.facility-thumbnail-bubble{width:40px;height:40px;position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#fff;border:2px solid #007bff;border-radius:6px;padding:2px;box-shadow:0 2px 6px #0000004d;margin-bottom:8px;transition:all .3s ease;cursor:pointer}.facility-thumbnail-bubble:hover{transform:translate(-50%) scale(2.5);box-shadow:0 4px 16px #00000080;z-index:1000;border-color:#0056b3;border-width:3px}.facility-thumbnail-image{width:30px;height:30px;object-fit:cover;border-radius:4px;display:block;transition:all .3s ease}.facility-thumbnail-bubble:hover .facility-thumbnail-image{border-radius:6px}.facility-thumbnail-placeholder{width:30px;height:30px;background-color:#e0e0e0;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:16px;transition:all .3s ease}.facility-thumbnail-bubble:hover .facility-thumbnail-placeholder{font-size:40px;border-radius:6px}.facility-thumbnail-fixed{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;background:#fff}.facility-fixed-icon{width:26px;height:26px;display:block;object-fit:contain}.facility-name-label-hover{position:absolute;bottom:-22px;left:50%;transform:translate(-50%);font-size:11px;font-weight:700;color:#fff;background-color:#000c;padding:2px 6px;border-radius:3px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:20}.facility-thumbnail-bubble:hover .facility-name-label-hover{opacity:1}.facility-marker-normal{width:16px;height:16px;background-color:#007bff;border:3px solid #fff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0000004d;cursor:pointer;transition:all .2s ease;position:absolute;left:50%;top:0}.facility-marker-normal:hover{background-color:#0056b3;transform:translate(-50%,-50%) scale(1.2)}.facility-type-icon{font-size:24px;margin-bottom:4px}.user-location-marker{pointer-events:all;z-index:100}.user-location-dot{position:relative;width:20px;height:20px;background-color:#4285f4;border:3px solid white;border-radius:50%;box-shadow:0 2px 8px #0000004d}.user-location-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;background-color:#4285f44d;border-radius:50%;animation:pulse-animation 2s infinite}@keyframes pulse-animation{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(3);opacity:0}}.bottom-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;background:#fff;border-top:2px solid #e0e0e0;padding:10px 8px;box-shadow:0 -2px 10px #0000001a;position:fixed;bottom:0;left:0;right:0;z-index:100;max-width:500px;margin:0 auto}.nav-item-img{width:100%;max-height:80px;height:auto;object-fit:contain;cursor:pointer;transition:all .2s ease}.nav-item-img:hover{transform:scale(1.05)}.nav-item-img:active{transform:scale(.98)}@media(max-width:576px){.bottom-nav{gap:6px;padding:8px 6px}}.home-page{position:relative;width:100%;height:100svh;overflow:hidden;background:#9bd28f}.forest-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.home-content{position:absolute;inset:0 0 100px;z-index:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 12px 4px;max-width:500px;margin:0 auto}.home-title{text-align:center;line-height:1.1}.home-title-sub{display:inline-block;font-size:15px;font-weight:700;color:#fff;background:#2e7d32d9;border-radius:12px;padding:2px 12px}.home-title-main{margin:4px 0 0;font-size:27px;font-weight:900;color:#ffe14d;letter-spacing:1px;-webkit-text-stroke:1.5px #1b5e20;paint-order:stroke fill;text-shadow:0 3px 0 #1b5e20,0 4px 6px rgba(0,0,0,.35)}.home-roadmap{width:100%;background:#ffffffeb;border-radius:14px;box-shadow:0 2px 8px #0003;padding:6px 8px 8px}.home-roadmap-title{text-align:center;font-size:14px;font-weight:700;color:#2e3b2e;margin-bottom:4px}.home-roadmap-title .accent{color:#f57c00}.home-roadmap-nodes{position:relative;display:grid;grid-template-columns:repeat(7,1fr);align-items:end}.home-roadmap-nodes:before{content:"";position:absolute;left:7%;right:7%;bottom:30px;height:5px;border-radius:3px;background:#cfcfcf}.roadmap-node{position:relative;display:flex;flex-direction:column;align-items:center;min-height:62px;justify-content:flex-end}.roadmap-circle{position:relative;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;color:#fff;background:#b5b5b5;border:2px solid #fff;box-shadow:0 1px 3px #0000004d;margin-bottom:11px}.roadmap-progress{position:absolute;left:calc(100% / 14);bottom:30px;height:5px;border-radius:3px;background:linear-gradient(90deg,#2f9ae0,#22b3c4,#2fbf8a);z-index:0}.roadmap-node{z-index:1}.roadmap-node.done .roadmap-circle{background:radial-gradient(circle at 35% 30%,#8bd35a,#3a9a1e)}.roadmap-node.done.lv1 .roadmap-circle{background:radial-gradient(circle at 35% 28%,#9fdcff,#1d8fd6 60%,#1576b8)}.roadmap-node.done.lv2 .roadmap-circle{background:radial-gradient(circle at 35% 28%,#9ff3ea,#1fb5c2 60%,#14929f)}.roadmap-node.done.lv3 .roadmap-circle{background:radial-gradient(circle at 35% 28%,#a6f3c4,#22b77f 60%,#179266)}.roadmap-node.done.lv4 .roadmap-circle{background:radial-gradient(circle at 35% 28%,#b8f09a,#45b43a 60%,#2f9226)}.roadmap-node.done.lv5 .roadmap-circle{background:radial-gradient(circle at 35% 28%,#cdf08a,#6cb52a 60%,#54951a)}.roadmap-node.done.lv6 .roadmap-circle{background:radial-gradient(circle at 35% 28%,#dcef80,#86b61e 60%,#6c9612)}.roadmap-circle.number{font-size:17px}.roadmap-node.current .roadmap-circle{width:44px;height:44px;font-size:13px;background:radial-gradient(circle at 35% 30%,#74c043,#2e7d18);border:3px solid #fff;box-shadow:0 0 0 3px #f57c00,0 2px 6px #00000059;margin-bottom:8px}.roadmap-node.goal .roadmap-circle{background:radial-gradient(circle at 35% 30%,#ffb74d,#f57c00)}.roadmap-check{position:absolute;top:-7px;right:-6px;width:17px;height:17px;border-radius:50%;background:#ff9800;border:2px solid #fff;color:#fff;font-size:10px;line-height:13px;text-align:center}.roadmap-lock{font-size:15px;filter:grayscale(1) brightness(1.6)}.roadmap-lock-label{position:absolute;bottom:0;font-size:9px;font-weight:700;color:#fff;background:#777;border-radius:6px;padding:0 4px;line-height:13px}.roadmap-goal{font-size:11px;font-weight:900;color:#f57c00;line-height:1;margin-bottom:1px}.home-status{width:100%;display:flex;align-items:center;gap:8px}.home-status-card{flex:1;display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#7cc242,#4d9a2a);border:3px solid #2f6d1a;border-radius:14px;padding:6px 10px 6px 6px;box-shadow:0 2px 8px #00000040;cursor:pointer}.home-status-badge{width:52px;height:52px;flex-shrink:0}.home-status-body{flex:1;min-width:0}.home-status-head{display:flex;justify-content:space-between;align-items:center;gap:4px}.home-status-label{font-size:13px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.4)}.home-status-next{font-size:10px;font-weight:700;line-height:1.2;color:#1b3d10;background:#ffffffd9;border-radius:6px;padding:1px 5px;text-align:center;flex-shrink:0}.home-status-bar-row{display:flex;align-items:center;gap:6px;background:#fff;border-radius:8px;padding:4px 8px;margin-top:4px}.home-status-bar{flex:1;height:12px;border-radius:6px;background:#d9d9d9;overflow:hidden}.home-status-bar-fill{height:100%;border-radius:6px;background:linear-gradient(90deg,#8bd35a,#3a9a1e)}.home-status-card.tier-low .home-status-bar-fill{background:linear-gradient(90deg,#e53935,#b71c1c)}.home-status-card.tier-max{background:linear-gradient(135deg,#ffd54f,#f59e0b);border-color:#c77700}.home-status-card.tier-max .home-status-label{color:#3e2a00;text-shadow:none}.home-status-card.tier-max .home-status-bar-fill{background:linear-gradient(90deg,#ffd600,#f57c00)}.home-status-percent{font-size:20px;font-weight:900;color:#333;min-width:52px;text-align:right}.home-menu-button{width:46px;height:46px;flex-shrink:0;border:none;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0000004d;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0;cursor:pointer}.home-menu-button span{display:block;width:22px;height:2px;border-radius:1px;background:#009934}.home-stage{position:relative;flex:1;width:100%;min-height:0;container-type:size;--character-w: min(42cqw, 94cqh * .825);--character-h: calc(var(--character-w) / .825)}.home-character{position:absolute;left:calc(46% - var(--character-w) / 2);bottom:3%;width:var(--character-w);height:var(--character-h);display:flex;align-items:flex-end;justify-content:center;pointer-events:none}.home-character img.home-character-view{width:100%;height:100%;object-fit:contain;object-position:bottom;filter:drop-shadow(0 4px 8px rgba(0,0,0,.25))}.home-character model-viewer.home-character-view{width:100%;height:100%;background-color:transparent;--poster-color: transparent}.home-speech{position:absolute;right:0;bottom:calc(3% + var(--character-h) + 6px);width:42%;background:#fff;border-radius:14px;padding:6px 9px;font-size:11px;font-weight:700;line-height:1.45;color:#333;box-shadow:0 2px 8px #0003}.home-speech span{display:inline-block}.home-speech:after{content:"";position:absolute;left:20px;bottom:-11px;border-left:5px solid transparent;border-right:9px solid transparent;border-top:12px solid #fff}@container (max-height: 320px){.home-speech{top:0;bottom:auto}.home-speech:after{left:-12px;bottom:18px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:14px solid #fff;border-left:0}}.home-legend{position:absolute;right:0;bottom:3%;width:max-content;max-width:46%;display:flex;flex-direction:column;gap:3px}.home-legend>div{background:#ffffffe6;border-radius:8px;padding:2px 6px;font-size:10.5px;font-weight:700;color:#333;box-shadow:0 1px 4px #0003}.home-legend .up{color:#2e9e2e;margin-right:4px}.home-cta{width:92%;max-width:400px;border:3px solid #fff;border-radius:40px;background:linear-gradient(180deg,#ffc233,#f59300);box-shadow:0 4px #b86a00,0 6px 12px #0000004d;padding:6px 12px 8px;display:flex;flex-direction:column;align-items:center;cursor:pointer;line-height:1.2;transition:transform .15s ease}.home-cta:active{transform:translateY(2px) scale(.99)}.home-cta-main,.home-cta-sub{font-weight:900;color:#fff;-webkit-text-stroke:1px #9a4b00;paint-order:stroke fill;text-shadow:0 2px 0 #9a4b00}.home-cta-main{font-size:22px}.home-cta-sub{font-size:18px}.home-note{font-size:10px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.7)}@media(max-height:700px){.home-title-main{font-size:22px}.roadmap-node{min-height:54px}.roadmap-circle{width:32px;height:32px;font-size:11px}.roadmap-node.current .roadmap-circle{width:38px;height:38px}.home-cta-main{font-size:19px}.home-cta-sub{font-size:15px}}.top-banner{width:100%;height:auto;display:flex;align-items:center;justify-content:center}.top-banner img{width:100%;height:auto;object-fit:contain;display:block}.input-container{width:100%;margin-bottom:16px}.input-container{position:relative}.input-label{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:8px}.input-field{width:100%;padding:12px 16px;font-size:14px;border:2px solid #ddd;border-radius:8px;background:#fff;transition:all .2s ease;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}.input-field:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a}.input-field::placeholder{color:#999}.input-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23333' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:24px;padding-right:40px;cursor:pointer}.input-select::-ms-expand{display:none}@media(max-width:576px){.input-field{padding:10px 14px;font-size:13px}.input-label{font-size:13px}}.field-popover{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);z-index:10;display:flex;align-items:center;pointer-events:none;white-space:nowrap;max-width:calc(100% - 24px)}.field-popover-body{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb;padding:8px 10px;border-radius:6px;font-size:13px;box-shadow:0 2px 6px #0000001f;pointer-events:auto}.field-popover-arrow{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #f8d7da;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.custom-button{padding:14px 32px;font-size:16px;font-weight:600;border:none;border-radius:25px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #00000026;color:#fff;display:inline-flex;align-items:center;justify-content:center;min-width:120px}.custom-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0003}.custom-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #00000026}.custom-button:disabled{opacity:.5;cursor:not-allowed}.custom-button.full-width{width:100%}.custom-button.success{background:#4caf50}.custom-button.success:hover:not(:disabled){background:#45a049}.custom-button.error{background:#f44336}.custom-button.error:hover:not(:disabled){background:#da190b}.custom-button.primary{background:#2196f3}.custom-button.primary:hover:not(:disabled){background:#0b7dda}@media(max-width:576px){.custom-button{padding:12px 24px;font-size:15px;min-width:100px}}.back-button{position:fixed;bottom:20px;left:20px;padding:10px 20px;font-size:14px;font-weight:600;background:#fff;color:#333;border:2px solid #ddd;border-radius:20px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000001a;z-index:100}.back-button:hover{background:#f5f5f5;border-color:#bbb;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.back-button:active{transform:translateY(0);box-shadow:0 2px 6px #0000001a}@media(max-width:576px){.back-button{bottom:15px;left:15px;padding:8px 16px;font-size:13px}}.register-page{width:100%;min-height:100svh;background:#fff;display:flex;flex-direction:column}.register-content{flex:1;padding:30px 20px;max-width:600px;width:100%;margin:0 auto}.register-title{font-size:18px;font-weight:600;color:#333;margin-bottom:30px;text-align:left;border-left:4px solid #4CAF50;padding-left:12px}.register-form{width:100%}.login-redirect-link{text-align:center;margin-top:15px}.login-redirect-text{background:none;border:none;color:#2196f3;font-size:14px;cursor:pointer;transition:all .2s ease;padding:0}.login-redirect-text:hover{color:#0b7dda;text-decoration:underline}.privacy-link{text-align:center;margin-top:20px}.privacy-text{color:#999;font-size:14px;text-decoration:none;border-bottom:1px solid #ccc;transition:all .2s ease}.privacy-text:hover{color:#4caf50;border-bottom-color:#4caf50}.completion-title{font-size:24px;font-weight:700;color:#333;margin-bottom:30px}@media(max-width:576px){.register-content{padding:20px 15px}.register-title{font-size:16px;margin-bottom:20px}.button-container{margin-top:20px}.privacy-text,.login-redirect-text{font-size:13px}.verification-message{padding:30px 15px}.verification-text{font-size:15px;margin-bottom:30px}.email-sent-text{font-size:13px}.completion-message{padding:30px 15px}.completion-title{font-size:22px;margin-bottom:25px}.check-icon svg{width:70px;height:70px}.completion-text,.login-instruction{font-size:13px}}.text-danger{color:red;font-weight:700}.login-page{width:100%;min-height:100svh;background:#fff;display:flex;flex-direction:column}.login-content{flex:1;padding:30px 20px;max-width:600px;width:100%;margin:0 auto}.login-form{width:100%}.forgot-password-link{text-align:center;margin-top:20px}.forgot-password-text{background:none;border:none;color:#2196f3;font-size:14px;text-decoration:none;cursor:pointer;transition:all .2s ease;padding:0}.forgot-password-text:hover{color:#0b7dda;text-decoration:underline}@media(max-width:576px){.login-content{padding:20px 15px}.forgot-password-text{font-size:13px}}.forgot-password-page{width:100%;height:100svh;background:#fff;display:flex;flex-direction:column}.forgot-password-content{flex:1;padding:30px 20px;max-width:600px;width:100%;margin:0 auto}.forgot-password-form{width:100%}.verification-message{width:100%;text-align:center;padding:40px 20px}.verification-text{font-size:16px;line-height:1.8;color:#333;margin-bottom:40px;font-weight:500}.email-sent-text{font-size:14px;line-height:1.8;color:#666;margin-bottom:30px}.email-display{display:inline-block;margin-top:8px;font-weight:600;color:#333}.button-container{margin-top:30px;margin-bottom:20px;display:flex;justify-content:center}.email-display-section{margin-bottom:16px}.email-display-text{font-size:14px;font-weight:600;color:#333;padding:12px 16px;background:#f5f5f5;border-radius:8px;margin:8px 0 0;text-align:center}.forgot-input-label{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:8px}.completion-message{width:100%;text-align:center;padding:40px 20px}.completion-title{font-size:24px;font-weight:700;color:#333;margin-bottom:30px;line-height:1.5}.check-icon{display:flex;justify-content:center;align-items:center;margin-bottom:30px}.completion-text{font-size:14px;line-height:1.8;color:#666;margin-bottom:30px}.email-highlight{font-weight:600;color:#333}.login-instruction{font-size:14px;line-height:1.8;color:#666;margin-bottom:30px}@media(max-width:576px){.forgot-password-content{padding:20px 15px}.verification-message{padding:30px 15px}.verification-text{font-size:15px;margin-bottom:30px}.email-sent-text{font-size:13px}.completion-message{padding:30px 15px}.completion-title{font-size:22px;margin-bottom:25px}.check-icon svg{width:70px;height:70px}.completion-text,.login-instruction{font-size:13px}}.settings-page{min-height:100svh;background:linear-gradient(to bottom,#e8f5e9,#f1f8f4);display:flex;flex-direction:column}.settings-header{width:100%;background:#fff;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:1}.settings-banner{width:100%;height:auto;display:block}.settings-content{flex:1;padding:20px 20px 60px;display:flex;flex-direction:column;gap:20px}.menu-list{display:flex;flex-direction:column;gap:12px}.menu-block{display:flex;flex-direction:column}.menu-item{background:#c8e6c9;border:none;border-radius:8px;padding:18px 20px;font-size:16px;font-weight:500;color:#2e7d32;text-align:left;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;align-items:center;width:100%}.menu-item:hover{background:#a5d6a7;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.menu-item:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.menu-item.expanded{background:#a5d6a7}.chevron{font-size:20px;font-weight:700;margin-left:12px}.menu-detail{background:#fff;border-radius:8px;padding:16px 20px;margin-top:8px;color:#333;font-size:14px;line-height:1.8;white-space:pre-wrap;box-shadow:0 2px 4px #00000014;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-info{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a;margin-top:10px}.info-row{display:flex;flex-direction:column;gap:8px;padding:12px 0}.info-row:not(:last-child){border-bottom:1px solid #e0e0e0}.info-label{font-size:14px;font-weight:600;color:#333}.info-value{font-size:16px;color:#666;word-break:break-all}.logout-button{flex:1;background:#dc3545;border:2px solid #dc3545;border-radius:8px;padding:5px 10px;margin-top:10px;font-size:16px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.logout-button:hover{background:#c82333;border-color:#c82333;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.logout-button:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}@media(max-width:480px){.settings-content{padding:16px}.menu-item{padding:16px 18px;font-size:15px}.user-info{padding:16px}.info-label{font-size:13px}.info-value{font-size:15px}}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}.news-list-page{min-height:100svh;background:linear-gradient(to bottom,#e8f5e9,#f1f8f4);display:flex;flex-direction:column}.news-list-header{width:100%;background:#fff;box-shadow:0 2px 4px #0000001a;position:sticky;top:0}.news-banner{width:100%;height:auto;display:block}.news-list-content{flex:1;padding:20px;display:flex;flex-direction:column;gap:20px;max-width:600px;margin:0 auto;width:100%}.news-section,.event-section{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.news-section-header{background:linear-gradient(135deg,#ffe4b5,#ffd89b);padding:12px 16px;display:flex;align-items:center;gap:8px}.news-section-header.event{background:linear-gradient(135deg,#c0ca33,#cddc39)}.news-section-header.news{background:linear-gradient(135deg,#ffe4b5,#ffd89b)}.section-icon{width:24px;height:24px}.news-section-header h2{margin:0;font-size:18px;font-weight:700;color:#333}.news-items-container{padding:16px}.news-item{display:flex;align-items:center;gap:8px;padding:12px 0;border-bottom:1px dotted #e0e0e0;cursor:pointer;transition:background .2s ease}.news-item:last-child{border-bottom:none}.news-item:hover{background:#f5f5f5;padding-left:8px;padding-right:8px;margin-left:-8px;margin-right:-8px;border-radius:6px}.news-date{font-size:14px;color:#666;white-space:nowrap;font-family:monospace}.new-badge{background:#ff1744;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;white-space:nowrap}.news-title{font-size:14px;color:#333;flex:1;line-height:1.4}.more-button{background:#fff;border:2px solid #e0e0e0;border-radius:20px;padding:8px 24px;font-size:14px;color:#666;cursor:pointer;display:block;transition:all .2s ease}.more-button:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.news-list-content{padding:16px 16px 80px}.news-section-header h2{font-size:16px}.news-item{flex-wrap:wrap}.news-date{font-size:13px}.news-title{font-size:13px;flex-basis:100%}}.event-list-page{min-height:100svh;background:linear-gradient(180deg,#e8f5e9,#fff9c4);padding-top:60px;padding-bottom:80px}.event-list-header{position:fixed;top:0;left:0;right:0;z-index:100;background:#fff}.event-banner{width:100%;height:auto;display:block}.event-list-content{max-width:600px;margin:0 auto;padding:20px;overflow-y:auto}.event-section{margin-bottom:30px}.event-section-header{background:linear-gradient(135deg,#c0ca33,#cddc39);padding:15px 20px;border-radius:12px;display:flex;align-items:center;gap:10px;box-shadow:0 2px 4px #0000001a}.section-icon{font-size:24px}.event-section-header h2{margin:0;font-size:18px;font-weight:700;color:#333}.event-items-container{background:#fff;border-radius:12px;padding:15px;box-shadow:0 2px 8px #0000001a}.event-item{padding:12px 0;border-bottom:2px dotted #E0E0E0;display:flex;align-items:center;gap:10px;cursor:pointer;transition:background-color .2s}.event-item:last-child{border-bottom:none}.event-item:hover{background-color:#f5f5f5;padding-left:8px;border-radius:8px}.event-date{color:#666;font-size:14px;min-width:90px}.new-badge{background:linear-gradient(135deg,#ff6b6b,#ff8e53);color:#fff;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:700}.event-title{flex:1;color:#333;font-size:14px;line-height:1.5}.more-button{width:100%;margin-top:15px;padding:12px;background:linear-gradient(135deg,#c0ca33,#cddc39);border:none;border-radius:8px;color:#333;font-size:14px;font-weight:700;cursor:pointer;transition:transform .2s}.more-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.loading-message,.empty-message{text-align:center;padding:20px;color:#666;font-size:14px}@media(max-width:480px){.event-list-page{padding-top:55px;padding-bottom:70px}.event-section-header{padding:12px 15px}.event-section-header h2{font-size:16px}.event-date{font-size:13px;min-width:80px}.event-title{font-size:13px}}.detail-page{min-height:100svh;background:linear-gradient(180deg,#e8f5e9,#fff9c4);display:flex;flex-direction:column}.detail-header{width:100%;background:#fff;box-shadow:0 2px 4px #0000001a;position:sticky;top:0}.detail-banner{width:100%;height:auto;display:block}.detail-content{max-width:600px;margin:0 auto;padding:20px 20px 100px}.detail-type-badge{display:inline-block;padding:8px 18px;border-radius:18px;font-size:14px;font-weight:700;margin-bottom:12px;box-shadow:0 1px 3px #0000001a}.detail-type-badge span{display:block}.detail-title{font-size:20px;font-weight:700;color:#333;margin-bottom:20px;line-height:1.5}.info-section{margin-bottom:16px}.section-header{background:linear-gradient(135deg,#26a69a,#00bfa5);padding:12px 16px;border-radius:8px 8px 0 0;margin:0}.section-header h3{margin:0;color:#fff;font-size:15px;font-weight:700}.section-content{line-break:anywhere;background:#fff;padding:16px;border-radius:0 0 8px 8px;box-shadow:0 2px 8px #00000014}.section-content p{margin:0;color:#333;font-size:14px;line-height:1.8}.section-content img{max-width:100%;height:auto;display:block;margin:10px 0;border-radius:4px}.attachments-list{display:flex;flex-direction:column;gap:8px}.attachment-link{color:#26a69a;text-decoration:none;font-size:14px;padding:8px 12px;border:1px solid #26A69A;border-radius:6px;transition:background-color .2s;display:inline-block}.attachment-link:hover{background-color:#e0f2f1}.loading-message,.error-message{text-align:center;padding:40px 20px;color:#666;font-size:16px}@media(max-width:480px){.detail-content{padding:16px 16px 90px}.detail-title{font-size:18px}.section-header h3{font-size:14px}.section-content p{font-size:13px}}.quiz-page{min-height:100svh;background:linear-gradient(180deg,#e8f5e9,#fff9c4);display:flex;flex-direction:column}.quiz-header{width:100%;background:#fff;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:100}.quiz-banner{width:100%;height:auto;display:block}.quiz-content{flex:1;display:flex;flex-direction:column;align-items:center;padding:40px 20px;gap:30px}.quiz-title{font-size:24px;font-weight:700;color:#333;margin:0;text-align:center}.qr-container{background:#fff;padding:30px;border-radius:12px;box-shadow:0 4px 12px #00000026;width:100%;max-width:500px;position:relative;min-height:360px;display:flex;align-items:center;justify-content:center}.qr-reader{width:100%;min-height:300px;border-radius:8px;overflow:hidden}.qr-reader video{width:100%!important;height:auto!important;border-radius:8px}.qr-loading,.qr-error-state{width:250px;height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f5f5f5;border-radius:8px;gap:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.qr-loading p,.qr-error-state p{color:#666;font-size:16px;text-align:center;margin:0}.retry-button{background:#4caf50;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:14px;cursor:pointer;transition:background .2s}.retry-button:hover{background:#45a049}.qr-error-message{position:absolute;bottom:10px;left:50%;transform:translate(-50%);background:#f44336;color:#fff;padding:10px 20px;border-radius:6px;font-size:14px;text-align:center;max-width:90%;box-shadow:0 2px 8px #0003;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.qr-instructions{text-align:center;display:flex;flex-direction:column;gap:15px;align-items:center}.qr-instructions p{color:#666;font-size:16px;margin:0}.manual-entry-button{background:transparent;color:#4caf50;border:2px solid #4CAF50;padding:10px 24px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s}.manual-entry-button:hover{background:#4caf50;color:#fff}.qr-code-placeholder{width:250px;height:250px;display:flex;align-items:center;justify-content:center;background:#fff;border:3px solid #333}.qr-code{width:100%;height:100%}@media(max-width:480px){.quiz-title{font-size:20px}.qr-container{padding:20px}.qr-loading,.qr-error-state{width:200px;height:200px}.qr-instructions p{font-size:14px}.manual-entry-button{font-size:13px;padding:8px 20px}}.question-page{min-height:100svh;background:linear-gradient(180deg,#e8f5e9,#fff9c4);display:flex;flex-direction:column}.question-header{width:100%;background:#fff;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:100}.question-banner{width:100%;height:auto;display:block}.question-content{flex:1;padding:20px 20px 80px}.question-card{max-width:500px;margin:0 auto;background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 12px #0000001a}.question-title-section{background:linear-gradient(135deg,#2e7d32,#388e3c);border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px;margin-bottom:16px}.question-icon{background:#fff;color:#2e7d32;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;flex-shrink:0}.question-text-container{flex:1;color:#fff}.question-label{font-size:14px;margin-bottom:4px}.question-text{font-size:16px;font-weight:700;line-height:1.4}.instruction-text{background:linear-gradient(135deg,#ffb74d,#ffa726);color:#fff;padding:10px 16px;border-radius:20px;text-align:center;font-size:14px;font-weight:700;margin-bottom:20px}.result-instruction{background:linear-gradient(135deg,#2e7d32,#388e3c);color:#fff;padding:12px 16px;border-radius:8px;margin-bottom:20px;display:flex;align-items:center;gap:12px}.result-number{background:#fff;color:#2e7d32;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;flex-shrink:0}.result-label{font-size:14px;line-height:1.4}.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.option-box{aspect-ratio:1;border:3px solid #E0E0E0;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.option-box:hover{transform:scale(1.02)}.option-box.selected,.option-box.correct-answer{border-color:red;border-width:4px}.option-number{position:absolute;top:8px;left:8px;width:32px;height:32px;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:700;z-index:1}.option-image{width:100%;height:100%;object-fit:cover}.option-placeholder{padding:16px;text-align:center;font-size:14px;color:#666}.ok-button{width:100%;background:linear-gradient(135deg,#ff6b35,#ff8c42);color:#fff;border:none;border-radius:25px;padding:14px;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 8px #ff6b354d}.ok-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 12px #ff6b3566}.ok-button:disabled{opacity:.6;cursor:not-allowed}.quiz-history-button{width:100%;background:linear-gradient(135deg,#26a69a,#00bfa5);color:#fff;border:none;border-radius:25px;padding:14px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s}.quiz-history-button:hover{transform:translateY(-2px);box-shadow:0 6px 12px #26a69a66}.result-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s}.result-modal{background:#fff;border-radius:16px;padding:40px;display:flex;flex-direction:column;align-items:center;gap:24px;animation:slideUp .3s;max-width:90%}.quiz-result-icon{width:180px;height:180px;display:flex;align-items:center;justify-content:center;position:relative}.result-image{width:100%;height:100%;object-fit:contain;animation:scaleIn .5s ease-out}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.modal-back-button{background:#fff;border:2px solid #4caf50;border-radius:25px;padding:12px 48px;font-size:18px;font-weight:600;color:#4caf50;cursor:pointer;transition:all .2s}.modal-back-button:hover{background:#f1f8f4;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.confirm-modal{background:#fff;border-radius:16px;padding:32px;display:flex;flex-direction:column;align-items:center;gap:24px;animation:slideUp .3s;max-width:90%;min-width:300px}.confirm-message{font-size:18px;font-weight:600;color:#333;margin:0;text-align:center}.confirm-buttons{display:flex;gap:12px;width:100%}.confirm-button{flex:1;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.confirm-button.cancel{background:#e0e0e0;color:#666}.confirm-button.cancel:hover{background:#bdbdbd}.confirm-button.confirm{background:linear-gradient(135deg,#ff6b35,#ff8c42);color:#fff}.confirm-button.confirm:hover{transform:translateY(-2px);box-shadow:0 4px 8px #ff6b354d}.loading-message,.error-message{text-align:center;padding:40px 20px;color:#666;font-size:30px;font-weight:700}@media(max-width:480px){.question-content{padding:16px 16px 70px}.question-card{padding:16px}.question-text{font-size:14px}.options-grid{gap:8px}.option-number{width:28px;height:28px;font-size:16px}.quiz-result-icon{width:140px;height:140px}.modal-back-button{padding:10px 36px;font-size:16px}}.walking-course-page{min-height:100svh;background:linear-gradient(180deg,#fff9e6,beige);display:flex;flex-direction:column}.walking-header{width:100%;background:#fff;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:100}.walking-banner{width:100%;height:auto;display:block}.walking-content{flex:1;padding:20px 20px 80px;max-width:500px;margin:0 auto;width:100%}.action-buttons{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.action-image{width:100%;height:auto;display:block;cursor:pointer;transition:all .3s}.action-image:hover{transform:translateY(-4px)}.action-image:active{transform:translateY(-2px)}.ranking-section{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px #0000001a}.ranking-header{background:linear-gradient(135deg,#4caf50,#66bb6a);padding:12px 20px}.ranking-header h2{margin:0;color:#fff;font-size:22px;font-weight:700;text-align:center}.ranking-list{padding:16px}.ranking-item{display:flex;align-items:center;gap:16px;padding:5px;border-bottom:1px dotted #E0E0E0;transition:background .2s}.ranking-item:last-child{border-bottom:none}.ranking-item:hover{background:#f5f5f5;border-radius:8px}.rank-icon{font-size:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;min-width:36px}.rank-crown{width:32px;height:32px}.rank-number{font-weight:900;font-size:20px;min-width:50px;color:#666}.rank-1 .rank-number{color:gold}.rank-2 .rank-number{color:silver}.rank-3 .rank-number{color:#cd7f32}.course-name{flex:1;font-size:18px;color:#333;font-weight:700}.loading-message,.empty-message{text-align:center;padding:20px;color:#999;font-size:14px}@media(max-width:480px){.walking-content{padding:16px 16px 70px}.wc-action-btn{font-size:16px;padding:14px 20px}.btn-icon{width:40px;height:40px;font-size:24px}.ranking-header h2{font-size:24px}}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:#ffffff80}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px #000000a6;border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px #0006;background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;-moz-box-sizing:border-box;box-sizing:border-box;background:#fffc;text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.leaflet-map{width:100%;height:100%}.leaflet-container{cursor:default}.leaflet-container.crosshair{cursor:crosshair}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.modal-content{background:#fff;border-radius:12px;padding:24px;max-width:400px;width:90%;box-shadow:0 4px 20px #0003}.modal-message{font-size:16px;color:#333;margin:0 0 24px;text-align:center;line-height:1.5}.modal-buttons{display:flex;gap:12px;justify-content:center}.modal-content .modal-btn{padding:10px 24px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.modal-content .modal-confirm{background-color:#4caf50;color:#fff}.modal-content .modal-confirm:hover{background-color:#45a049;transform:translateY(-1px);box-shadow:0 2px 8px #4caf504d}.modal-content .modal-cancel{background-color:#9e9e9e;color:#fff}.modal-content .modal-cancel:hover{background-color:#757575;transform:translateY(-1px);box-shadow:0 2px 8px #9e9e9e4d}.create-course-page{min-height:100svh;background:linear-gradient(180deg,#fff9e6,beige);display:flex;flex-direction:column}.create-header{width:100%;background:#fff;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:100}.create-banner{width:100%;height:auto;display:block}.create-content{flex:1;padding:20px 20px 80px;max-width:600px;margin:0 auto;width:100%}.create-label{background:linear-gradient(135deg,#ffb800,#ffa000);color:#fff;padding:10px 20px;border-radius:8px 8px 0 0;display:flex;align-items:center;gap:10px;font-weight:700;font-size:16px}.create-label-icon{font-size:24px}.map-container{width:100%;aspect-ratio:1;background:#fff;border:3px solid #FFB800;border-top:none;position:relative;overflow:hidden}.create-control-buttons-group{display:flex;gap:12px;justify-content:center;margin:16px auto;max-width:500px}.create-control-button{flex:1;padding:12px 20px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #00000026}.create-control-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00000040}.create-control-button:disabled{opacity:.4;cursor:not-allowed}.undo-btn{background:gold;color:#000}.undo-btn:hover:not(:disabled){background:#ffc700}.clear-btn{background:#f44336;color:#fff}.clear-btn:hover:not(:disabled){background:#d32f2f}.action-button{width:100%;max-width:300px;margin:20px auto;display:block;padding:16px 32px;border:none;border-radius:30px;font-size:20px;font-weight:700;color:#fff;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #0003}.action-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000004d}.start-btn{background:linear-gradient(135deg,#ffb800,#ffa000)}.finish-btn{background:linear-gradient(135deg,#ff6b35,#ff8c42)}@media(max-width:480px){.create-content{padding:16px 16px 70px}.action-button{font-size:18px;padding:14px 28px}}.create-details-page{min-height:100svh;background:linear-gradient(180deg,#fff9e6,beige);display:flex;flex-direction:column}.details-header{width:100%;background:#fff;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:100}.details-banner{width:100%;height:auto;display:block}.details-content{flex:1;padding:20px 20px 80px;max-width:600px;margin:0 auto;width:100%}.details-label{background:linear-gradient(135deg,#ffb800,#ffa000);color:#fff;padding:10px 20px;border-radius:8px 8px 0 0;display:flex;align-items:center;gap:10px;font-weight:700;font-size:16px}.details-label-icon{font-size:24px}.map-preview-container{background:#fff;border:3px solid #FFB800;border-top:none;padding-bottom:16px;position:relative;z-index:1}.map-preview{width:100%;aspect-ratio:1;position:relative;overflow:hidden}.preview-map-image{width:100%;height:100%;object-fit:cover}.preview-path-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.end-marker{position:absolute;bottom:10%;right:15%;width:36px;height:36px;background:red;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;border:3px solid white;box-shadow:0 2px 8px #0000004d}.stats-display{display:flex;justify-content:center;gap:40px;padding:16px;background:#fff}.stat-item{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:700}.stat-icon{font-size:24px}.stat-value{color:#333}.stat-unit{color:#666;font-size:16px}.distance-display{text-align:center;padding:12px;background:#f5f5f5;font-size:18px;font-weight:700;color:#2e7d32}.input-form{margin-top:20px;display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:16px;font-weight:700;color:#2e7d32}.form-input,.form-textarea{width:100%;padding:12px 16px;border:2px solid #4CAF50;border-radius:8px;font-size:15px;font-family:inherit;transition:border-color .2s}.form-input:focus,.form-textarea:focus{outline:none;border-color:#2e7d32}.form-textarea{resize:vertical;min-height:80px}.register-button{width:100%;max-width:300px;margin:24px auto;display:block;padding:16px 32px;background:linear-gradient(135deg,#ffb800,#ffa000);border:none;border-radius:30px;font-size:20px;font-weight:700;color:#fff;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #ffb8004d}.register-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ffb80066}.success-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s}.success-modal{background:#fff;border-radius:16px;padding:32px;display:flex;flex-direction:column;align-items:center;gap:20px;animation:slideUp .3s;max-width:90%;min-width:280px}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.success-header{background:linear-gradient(135deg,#ffb800,#ffa000);color:#fff;padding:12px 24px;border-radius:25px;display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700}.success-icon{font-size:24px}.success-message{font-size:20px;font-weight:700;color:#333;margin:0}.success-ok-button{background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff;border:none;border-radius:25px;padding:12px 48px;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s}.success-ok-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #4caf504d}@media(max-width:480px){.details-content{padding:16px 16px 70px}.stats-display{gap:24px}.stat-item{font-size:18px}.register-button{font-size:18px;padding:14px 28px}}.course-list-page{min-height:100svh;background:linear-gradient(180deg,#e8f5e9,beige);display:flex;flex-direction:column}.list-header{width:100%;background:#fff;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:100}.list-banner{width:100%;height:auto;display:block}.list-content{flex:1;padding:16px 16px 80px;max-width:600px;margin:0 auto;width:100%}.search-bar{background:#fff;border:2px solid #E0E0E0;border-radius:25px;padding:10px 16px;display:flex;align-items:center;gap:10px;margin-bottom:16px}.search-icon{font-size:20px}.search-input{flex:1;border:none;outline:none;font-size:14px}.tabs-container{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:20px}.tab{background:#fff;border:2px solid #E0E0E0;border-radius:8px;padding:10px 8px;font-size:12px;font-weight:600;color:#666;cursor:pointer;transition:all .2s;line-height:1.3}.tab.active{background:linear-gradient(135deg,#ffb800,#ffa000);color:#fff;border-color:#ff9800}.tab:hover:not(.active){background:#f5f5f5}.courses-container{display:flex;flex-direction:column;gap:16px}.course-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;cursor:pointer;transition:transform .2s}.course-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.course-map-preview{width:100%;height:180px;position:relative;overflow:hidden;z-index:1}.course-map-image{width:100%;height:100%;object-fit:cover}.map-marker-preview{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:48px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.course-info{padding:16px}.course-title{margin:0 0 8px;font-size:18px;font-weight:700;color:#333}.course-purpose{margin:0 0 12px;font-size:14px;color:#666}.course-stats{margin-bottom:12px}.course-distance{font-size:16px;font-weight:700;color:#2e7d32}.walk-course-button{width:100%;background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff;border:none;border-radius:25px;padding:10px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s}.walk-course-button:hover{transform:translateY(-1px);box-shadow:0 4px 8px #4caf504d}.loading-message,.empty-message{text-align:center;padding:40px 20px;color:#999;font-size:14px}@media(max-width:480px){.tabs-container{grid-template-columns:repeat(2,1fr)}.course-title{font-size:16px}}.walk-page{min-height:100svh;background:linear-gradient(180deg,#e8f5e9,beige);display:flex;flex-direction:column}.walk-page.completion{background:linear-gradient(180deg,#fff9e6,beige)}.walk-header{width:100%;background:#fff;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:100}.walk-banner{width:100%;height:auto;display:block}.walk-content{flex:1;padding:20px 20px 80px;max-width:600px;margin:0 auto;width:100%}.course-map-container{width:100%;aspect-ratio:1.3;position:relative;overflow:hidden;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:20px;z-index:1}.course-map-container .leaflet-control-container,.course-map-container .leaflet-top,.course-map-container .leaflet-bottom,.course-map-container .leaflet-left,.course-map-container .leaflet-right,.course-map-container .leaflet-control-zoom{position:absolute;z-index:1000!important}.course-map-container .leaflet-top.leaflet-left{top:12px;left:12px}.walk-map-image{width:100%;height:100%;object-fit:cover}.map-marker-walking{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:56px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-50%,-60%)}}.walking-course-name{text-align:center;font-size:22px;font-weight:700;color:#333;margin:20px 0}.walking-course-purpose{background:linear-gradient(135deg,#4caf50,#66bb6a);border-radius:12px;padding:12px 16px;margin-bottom:20px;display:flex;align-items:center;gap:8px;box-shadow:0 2px 8px #4caf504d}.purpose-label{font-size:14px;font-weight:700;color:#fff;white-space:nowrap}.purpose-text{font-size:14px;color:#fff;flex:1}.walking-stats{display:flex;justify-content:center;gap:40px;margin-bottom:10px;background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000001a}.walking-stat{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:700}.walk-control-button{width:100%;max-width:200px;margin:0 auto;display:block;padding:18px 32px;border:none;border-radius:30px;font-size:22px;font-weight:700;color:#fff;cursor:pointer;transition:all .3s;box-shadow:0 4px 4px #0003}.walk-control-button:hover{transform:translateY(-2px);box-shadow:0 6px 4px #0000004d}.walk-control-button.start{background:linear-gradient(135deg,#4caf50,#66bb6a)}.walk-control-button.finish{background:linear-gradient(135deg,#ff6b35,#ff8c42)}.recenter-button{position:absolute;right:12px;bottom:12px;padding:8px 12px;border:none;border-radius:8px;font-size:12px;font-weight:600;background:#fff;color:#1976d2;box-shadow:0 2px 8px #0003;cursor:pointer;z-index:1000}.recenter-button:disabled{opacity:.5;cursor:not-allowed}.completion-content{flex:1;padding:20px;max-width:600px;margin:0 auto;width:100%;display:flex;flex-direction:column;align-items:center}.completion-badge{margin:30px 0;text-align:center}.badge-circle{width:180px;height:180px;background:linear-gradient(135deg,#ff6b35,#ff8c42);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #ff6b3566;margin:0 auto 20px;position:relative}.badge-circle:before{content:"";position:absolute;width:120%;height:120%;border-radius:50%;background:inherit;opacity:.2;animation:pulse 2s infinite}.badge-text{font-size:28px;font-weight:700;color:#fff;z-index:1}.completion-message{font-size:20px;font-weight:700;color:#333;margin:0}.course-map-result{width:100%;aspect-ratio:4/3;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a;margin-bottom:20px;position:relative;z-index:1}.result-map-image{width:100%;height:100%;object-fit:cover}.result-course-name{text-align:center;font-size:20px;font-weight:700;color:#333;margin:0 0 20px}.result-stats{display:flex;justify-content:center;gap:40px;margin-bottom:30px;background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000001a;width:100%}.result-stat{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:700}.walk-result-icon{font-size:28px}.result-value{color:#333}.result-unit{color:#666;font-size:18px}.back-to-list-button{width:100%;max-width:400px;padding:16px 32px;background:linear-gradient(135deg,#42a5f5,#2196f3);color:#fff;border:none;border-radius:30px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #2196f34d}.back-to-list-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #2196f366}@media(max-width:480px){.walk-content,.completion-content{padding:16px}.walking-stats,.result-stats{gap:24px;padding:16px}.walking-stat,.result-stat{font-size:20px}.badge-circle{width:140px;height:140px}.badge-text{font-size:22px}.walk-control-button{font-size:22px;padding:8px 10px}}.triangle-marker{background:transparent!important;border:none!important;display:flex;align-items:center;justify-content:center}.triangle-marker div{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}body.ar-active{overflow:hidden!important;position:fixed!important;width:100%!important;height:100%!important}.ar-learning-page{display:flex;flex-direction:column;height:100svh;width:100%;overflow:hidden;background-color:#f5f5f5}.ar-header{position:relative;z-index:1000;background-color:#fff;box-shadow:0 2px 4px #0000001a;flex-shrink:0}.ar-banner{width:100%;height:auto;display:block}.ar-map-container{position:relative;flex:1;z-index:1}.ar-map{width:100%;height:100%}.ar-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px}.loading-spinner{width:40px;height:40px;border:4px solid #e0e0e0;border-top-color:#4caf50;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.user-location-marker{background:transparent}.user-marker-inner{width:24px;height:24px;background-color:#4285f4;border:3px solid #fff;border-radius:50%;box-shadow:0 2px 6px #0000004d;position:relative}.user-marker-inner:after{content:"";position:absolute;width:40px;height:40px;background-color:#4285f433;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);animation:pulse 2s ease-out infinite}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(.5);opacity:1}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.ar-marker{background:transparent}.marker-pin{display:flex;flex-direction:column;align-items:center}.marker-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background-color:#fff;border-radius:50%;box-shadow:0 2px 6px #0000004d;overflow:hidden;position:relative;z-index:2}.marker-icon img{width:100%;height:100%;object-fit:cover;border-radius:50%}.marker-icon model-viewer{width:100%;height:100%;border-radius:50%}.marker-anchor{width:4px;height:20px;margin-top:-2px;position:relative;z-index:1}.marker-anchor:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:8px;height:8px;background-color:inherit;border-radius:50%;box-shadow:0 2px 4px #0000004d}.monster-marker .marker-icon{border:3px solid #9c27b0}.video-marker .marker-icon{border:3px solid #f44336}.recenter-btn{position:absolute;bottom:100px;right:16px;width:48px;height:48px;background-color:#fff;border:none;border-radius:50%;box-shadow:0 2px 6px #0000004d;font-size:20px;cursor:pointer;z-index:500;display:flex;align-items:center;justify-content:center}.recenter-btn:active{background-color:#f0f0f0}.map-legend{position:absolute;top:10px;right:10px;background-color:#fffffff2;padding:8px 12px;border-radius:8px;box-shadow:0 2px 6px #0003;z-index:500}.legend-item{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:14px}.legend-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center}.legend-icon.monster{background-color:#9c27b0;color:#fff;font-size:12px}.legend-icon.video{background-color:#f44336;color:#fff;font-size:12px}.nearby-notification{position:absolute;bottom:16px;left:16px;right:16px;z-index:600}.nearby-content{display:flex;align-items:center;gap:12px;background-color:#fff;padding:12px 16px;border-radius:12px;box-shadow:0 4px 12px #0003;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.nearby-thumbnail{width:50px;height:50px;border-radius:50%;overflow:hidden;border:2px solid #9c27b0;flex-shrink:0}.nearby-thumbnail img{width:100%;height:100%;object-fit:cover}.nearby-icon{font-size:32px}.nearby-info{flex:1}.nearby-name{font-weight:700;font-size:16px;margin:0 0 4px}.nearby-type{font-size:12px;color:#666;margin:0}.ar-open-btn{background-color:#4caf50;color:#fff;border:none;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer}.ar-open-btn:active{background-color:#388e3c}.ar-footer{position:relative;z-index:1000;background-color:#fff;padding:10px 16px;box-shadow:0 -2px 4px #0000001a;flex-shrink:0}.back-btn{width:100%;background-color:#ccc;color:#333;border:none;padding:12px;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer}.back-btn:active{background-color:#bbb}.ar-view-overlay{position:fixed;inset:0;z-index:2000;background-color:#000;overflow:hidden}.ar-scene-container{width:100%;height:100%;position:relative;overflow:hidden}.ar-scene-wrapper{width:100%;height:100%;position:absolute;inset:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.ar-scene-wrapper a-scene{position:absolute!important}.ar-scene-wrapper a-scene canvas,.ar-scene-wrapper a-scene video{object-fit:cover!important;width:100%!important;height:100%!important}.ar-direction-hint{position:absolute;top:50%;transform:translateY(-50%);z-index:1000;color:#ffffff80;font-size:32px;font-weight:700;pointer-events:none;text-shadow:0 0 10px rgba(0,0,0,.5)}.ar-direction-hint.left{left:20px}.ar-direction-hint.right{right:20px}.ar-monster-name{position:absolute;top:20px;left:50%;transform:translate(-50%);background-color:#0009;color:#fff;padding:10px 20px;border-radius:20px;font-size:18px;font-weight:700;z-index:1000}.ar-camera-simulation{width:100%;height:100%;position:relative;display:flex;flex-direction:column}.ar-background{flex:1;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.ar-background:before{content:"";position:absolute;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 1px,transparent 1px);background-size:30px 30px;animation:stars 20s linear infinite}@keyframes stars{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.ar-object{z-index:1;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.ar-monster{text-align:center}.monster-image{width:200px;height:200px;object-fit:contain;filter:drop-shadow(0 0 20px rgba(156,39,176,.5))}.ar-object-name{color:#fff;font-size:24px;font-weight:700;margin-top:16px;text-shadow:0 2px 10px rgba(0,0,0,.5)}.ar-video{text-align:center}.video-placeholder{width:200px;height:150px;background-color:#ffffff1a;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.video-placeholder span{font-size:48px;margin-bottom:8px}.video-placeholder p{font-size:16px}.ar-controls{position:absolute;bottom:0;left:0;right:0;padding:20px;display:flex;justify-content:center;gap:20px;background:linear-gradient(transparent,#000c)}.ar-close-btn{width:50px;height:50px;background-color:#fff3;color:#fff;border:2px solid #fff;border-radius:50%;font-size:20px;cursor:pointer}.ar-capture-btn{flex:1;max-width:200px;background-color:#4caf50;color:#fff;border:none;padding:16px 32px;border-radius:30px;font-size:18px;font-weight:700;cursor:pointer;box-shadow:0 4px 15px #4caf5066}.ar-capture-btn:active{background-color:#388e3c;transform:scale(.98)}.ar-video-controls{position:absolute;bottom:100px;left:50%;transform:translate(-50%);z-index:1000}.ar-video-btn{padding:10px 20px;border:none;border-radius:20px;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 2px 10px #0000004d;min-width:80px;opacity:.85}.ar-video-btn.play{background-color:#2196f3;color:#fff}.ar-video-btn.play:active{background-color:#1976d2}.ar-video-btn.pause{background-color:#f44336;color:#fff}.ar-video-btn.pause:active{background-color:#d32f2f}.capture-success-overlay{position:fixed;inset:0;z-index:3000;background-color:#000c;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.capture-success-modal{background-color:#fff;padding:32px;border-radius:20px;text-align:center;max-width:300px;width:90%;animation:popIn .4s ease-out}@keyframes popIn{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.success-animation{font-size:48px;margin-bottom:16px;animation:sparkle 1s ease-in-out infinite}@keyframes sparkle{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.2) rotate(10deg)}}.capture-success-modal h2{color:#4caf50;font-size:28px;margin:0 0 16px}.captured-monster-preview{width:180px;height:180px;margin:0 auto 16px;border-radius:8px;overflow:hidden;background-color:#f5f5f5;border:2px solid #4CAF50}.captured-monster-image{width:120px;height:120px;object-fit:contain;margin-bottom:16px}.captured-name{font-size:20px;font-weight:700;color:#333;margin:0 0 8px}.captured-message{font-size:14px;color:#666;margin:0 0 24px}.success-ok-btn{background-color:#4caf50;color:#fff;border:none;padding:12px 48px;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer}.success-ok-btn:active{background-color:#388e3c}.ar-map .leaflet-control-zoom{z-index:400!important}.qr-scanner-btn{position:absolute;bottom:160px;right:16px;width:48px;height:48px;background-color:#fff;border:none;border-radius:50%;box-shadow:0 2px 6px #0000004d;cursor:pointer;z-index:500;display:flex;align-items:center;justify-content:center;color:#333}.qr-scanner-btn:active{background-color:#f0f0f0}.qr-scanner-btn svg{width:24px;height:24px}.qr-scanner-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:2000}.qr-scanner-modal{background-color:#fff;border-radius:12px;width:90%;max-width:400px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.qr-scanner-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e0e0e0;background-color:#f5f5f5}.qr-scanner-header h3{margin:0;font-size:18px;font-weight:700;color:#333}.qr-close-btn{background:none;border:none;font-size:32px;line-height:1;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#666}.qr-close-btn:active{color:#333}.qr-scanner-body{padding:20px;display:flex;flex-direction:column;align-items:center;gap:16px;overflow-y:auto}.qr-reader-container{width:100%;max-width:300px;border-radius:8px;overflow:hidden}#ar-qr-reader{width:100%!important}#ar-qr-reader video{width:100%!important;height:auto!important;min-height:200px!important;border-radius:8px}.qr-scanner-instruction{text-align:center;font-size:14px;color:#666;margin:0;line-height:1.5}.qr-error-message{display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px;text-align:center}.qr-error-message p{font-size:14px;margin:0}.qr-retry-btn{background-color:#4caf50;color:#fff;border:none;padding:10px 24px;border-radius:6px;font-size:14px;font-weight:700;cursor:pointer}.qr-retry-btn:active{background-color:#388e3c}.forest-story-page{height:100svh;display:flex;flex-direction:column;background:linear-gradient(135deg,#e8f5e9,#c8e6c9)}.forest-story-header{width:100%;background:#fff;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:100}.forest-story-banner{width:100%;height:auto;display:block}.forest-story-content{flex:1;min-height:0;display:flex;flex-direction:column;padding:16px;gap:16px}.forest-story-box{background:#fff;border:3px solid #4CAF50;border-radius:12px;padding:20px;flex:1;min-height:0;display:flex;flex-direction:column}.forest-story-text{font-size:14px;line-height:1.8;color:#333}.forest-story-text p{margin-bottom:16px}.forest-story-text p:last-child{margin-bottom:0}.forest-story-checkbox{display:flex;align-items:center;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid #e0e0e0}.forest-story-checkbox input[type=checkbox]{width:20px;height:20px;accent-color:#4CAF50}.forest-story-checkbox label{font-size:14px;color:#333;cursor:pointer}.forest-story-cycle{flex:1;min-height:0;display:flex;justify-content:center;align-items:center;margin:8px 0}.forest-story-cycle img{max-width:100%;max-height:100%;object-fit:contain}.forest-story-buttons{display:flex;gap:12px;padding:16px;background:#fff;border-top:2px solid #e0e0e0}.forest-story-btn{flex:1;padding:14px 20px;font-size:16px;font-weight:700;border-radius:8px;cursor:pointer;transition:all .2s;border:2px solid}.forest-story-btn.primary{background:#4caf50;border-color:#388e3c;color:#fff}.forest-story-btn.primary:hover{background:#43a047}.forest-story-btn.secondary{background:#fff;border-color:#9e9e9e;color:#333}.forest-story-btn.secondary:hover{background:#f5f5f5}@media(max-width:480px){.forest-story-banner-text{font-size:20px}.forest-story-text{font-size:13px}}.canvasBackground{min-height:300px;background-color:#fff}.tutorial-overlay-backdrop{position:fixed;top:0;left:0;width:100vw;height:100svh;background-color:#000000b3;z-index:9998;pointer-events:all}.blockly-container{display:flex;flex-direction:column;height:100%;position:relative}.blockly{width:100%;flex:1;border:1px solid #ddd;border-radius:8px;overflow:hidden}.code-guide{position:absolute;top:18%;right:4%;z-index:10;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 6px 4px;background:#fffffff2;border:1px solid #ccc;border-radius:10px;box-shadow:0 2px 8px #0003}.code-guide img{width:94px;height:auto;display:block}.code-guide-skip{display:flex;align-items:center;gap:4px;font-size:11px;color:#555;white-space:nowrap;cursor:pointer}.blockly-buttons{position:sticky;bottom:0;background:#fff;text-align:center;padding:10px 0;border-top:1px solid #ddd;z-index:1000}#btn-run-code{border-radius:8px;display:inline-block;margin:5px auto;width:fit-content;background:#f9a825;border:2px solid #333;padding:10px 20px;font-size:20px;font-weight:700;cursor:pointer;color:#fff}#btn-answer-code{border-radius:8px;display:inline-block;margin:5px auto;width:fit-content;background:#ff3737;border:2px solid #333;padding:10px 20px;font-size:20px;font-weight:700;cursor:pointer;color:#fff}.fairyBackground{height:100%;background-color:#cdffcd;padding-bottom:1rem;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}.fairyContainer{width:100%;max-width:100%;padding:0 8px;box-sizing:border-box}.fairySelection{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;width:100%;max-width:100%;box-sizing:border-box}@media(min-width:480px){.fairySelection{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(min-width:640px){.fairySelection{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(min-width:768px){.fairySelection{grid-template-columns:repeat(8,minmax(0,1fr))}}@media(min-width:1024px){.fairySelection{grid-template-columns:repeat(10,minmax(0,1fr))}}@media(min-width:1280px){.fairySelection{grid-template-columns:repeat(12,minmax(0,1fr))}}.fairyBorder{display:flex;justify-content:center;align-items:center;border-radius:1rem;aspect-ratio:1 / 1;width:100%;min-width:0;text-align:center;box-sizing:border-box}.fairyBorder>div{position:relative;width:100%;min-width:0;display:flex;justify-content:center}.fairyBorder img.primary,.fairyBorder model-viewer.primary{background-color:#ffe7c7;padding:8%;border-radius:1rem;width:100%;aspect-ratio:1 / 1;object-fit:contain;box-sizing:border-box;display:block}.fairyBorder model-viewer.primary{height:auto;padding:0;--poster-color: transparent;pointer-events:none}.fairy-tile-hit{width:100%;cursor:pointer}.fairyBorder img.selected{position:absolute;right:.1rem;top:.1rem;width:20px;height:auto}.sawmill-preview-item{width:33.33%;display:inline-block;padding:0 12px;box-sizing:border-box}.sawmill-item-name{font-weight:700}.sawmill-item-img{width:4rem}.sawmill-item-qty{font-weight:700;vertical-align:bottom;width:30px}@media(min-width:480px){.sawmill-preview-item{width:200px;display:inline-block;margin-right:3px}.sawmill-item-name{font-weight:700;text-align:center}.sawmill-item-img{padding-left:5px;padding-right:5px}.sawmill-item-qty{font-weight:700;vertical-align:bottom}}.sawmill-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.sawmill-modal-content{background:beige;border:4px solid #8b4513;border-radius:12px;padding:20px;min-width:300px;max-width:350px;text-align:center;box-shadow:0 4px 20px #0000004d}.sawmill-title{color:#333;font-size:1.5rem;margin-bottom:20px;font-weight:700}.sawmill-progress-container{background:linear-gradient(135deg,#8b4513,#654321);border-radius:8px;padding:20px;margin-bottom:20px}.sawmill-progress-img{width:150px;height:150px;object-fit:contain}.sawmill-steps{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.sawmill-step-label{font-size:.9rem;color:#999;padding:4px 8px;border-radius:4px;transition:all .3s ease}.sawmill-step-label.active{color:#333;font-weight:700;background:gold}.sawmill-modal-preview{margin:20px 0}.sawmill-modal-preview-item{display:flex;align-items:center;justify-content:center;gap:15px}.sawmill-preview-img{width:60px;height:60px;object-fit:contain}.sawmill-buttons{display:flex;gap:10px;justify-content:center;margin-top:20px}.sawmill-btn{padding:10px 25px;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .1s,box-shadow .1s}.sawmill-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}.sawmill-btn:active{transform:translateY(0)}.sawmill-btn-cancel{background:#ccc;color:#333}.sawmill-btn-start{background:#4caf50;color:#fff}.sawmill-complete-modal{background:#fff}.sawmill-complete-title{color:#e74c3c;font-size:1.8rem;margin-bottom:20px}.sawmill-complete-item{display:flex;align-items:center;justify-content:center;gap:10px;margin:30px 0}.sawmill-complete-img{width:80px;height:80px;object-fit:contain}.sawmill-complete-qty{font-size:1.5rem;font-weight:700;color:#333}.sawmill-get-btn{background:linear-gradient(180deg,#4caf50,#388e3c);color:#fff;border:none;border-radius:25px;padding:12px 50px;font-size:1.3rem;font-weight:700;cursor:pointer;transition:transform .1s,box-shadow .1s;box-shadow:0 4px 8px #0003}.sawmill-get-btn:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0000004d}.sawmill-get-btn:active{transform:translateY(0)}.sawmill-quiz-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.sawmill-quiz-modal-content{background-color:#fff;border-radius:12px;padding:24px;max-width:90%;width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #0000004d;position:relative}.sawmill-quiz-loading{text-align:center;font-size:18px;padding:40px 20px;color:#666}.sawmill-quiz-header{display:flex;justify-content:flex-end;margin-bottom:16px}.sawmill-quiz-close{background:none;border:none;font-size:32px;cursor:pointer;color:#999;padding:0;width:32px;height:32px;line-height:1;transition:color .2s}.sawmill-quiz-close:hover{color:#333}.sawmill-quiz-question-section{margin-bottom:24px;display:flex;align-items:flex-start;gap:12px}.sawmill-quiz-question-icon{background-color:#ff6b9d;color:#fff;font-size:24px;font-weight:700;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sawmill-quiz-question-text{flex:1;font-size:18px;font-weight:500;line-height:1.5;padding-top:8px}.sawmill-quiz-options{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.sawmill-quiz-option{display:flex;align-items:center;gap:12px;padding:16px;border:3px solid;border-radius:12px;cursor:pointer;transition:all .2s;background-color:#fff}.sawmill-quiz-option:hover{transform:translate(4px);box-shadow:0 2px 8px #0000001a}.sawmill-quiz-option.selected{background-color:#f0f8ff;box-shadow:0 4px 12px #00000026}.sawmill-quiz-option-number{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px;flex-shrink:0}.sawmill-quiz-option-text{flex:1;font-size:16px;line-height:1.4}.sawmill-quiz-submit{width:100%;padding:16px;font-size:18px;font-weight:700;color:#fff;background-color:#4caf50;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s}.sawmill-quiz-submit:hover:not(:disabled){background-color:#45a049}.sawmill-quiz-submit:disabled{background-color:#ccc;cursor:not-allowed}.sawmill-quiz-result{text-align:center;padding:40px 20px}.sawmill-quiz-result-icon{font-size:80px;font-weight:700;margin-bottom:16px}.sawmill-quiz-result-icon.correct{color:#4caf50}.sawmill-quiz-result-icon.incorrect{color:#f44336}.sawmill-quiz-result-text{font-size:24px;font-weight:700}@media(max-width:600px){.sawmill-quiz-modal-content{padding:16px;width:95%}.sawmill-quiz-question-text{font-size:16px}.sawmill-quiz-option-text{font-size:14px}.sawmill-quiz-submit{font-size:16px}}.woodworking-main{padding:.5rem}.woodworking-border{border:solid .4rem #000031;border-radius:1rem;padding:.6rem 0}.bg-woodworking-blue{background-color:#70ade3}.bg-woodworking-lighter-blue{background-color:#7dc3ff}.woodworking-tab{white-space:nowrap;overflow-x:auto}.woodworking-tab-blue{display:inline-block;background-color:#000031;border-top:solid .3rem #000031;border-left:solid .3rem #000031;border-right:solid .3rem #000031;color:#fff;padding:.3rem;text-align:center;min-width:5rem;margin-left:.5rem;margin-right:.5rem;opacity:.6;transition:opacity .2s ease}.woodworking-tab-blue.active{opacity:1;border-bottom:solid .3rem rgb(125,195,255);margin-bottom:-.3rem}.woodworking-tab-green{display:inline-block;background-color:#8fbc8f;border-top:solid .3rem #003500;border-left:solid .3rem #003500;border-right:solid .3rem #003500;padding:.3rem;text-align:center;min-width:5rem;margin-left:.5rem;margin-right:.5rem;opacity:.6;transition:opacity .2s ease}.woodworking-tab-green.active{opacity:1;border-bottom:solid .3rem rgb(125,195,255);margin-bottom:-.3rem}.woodworking-tab-salmon{display:inline-block;background-color:#e9967a;border-top:solid .3rem #751d00;border-left:solid .3rem #751d00;border-right:solid .3rem #751d00;padding:.3rem;text-align:center;min-width:5rem;margin-left:.5rem;margin-right:.5rem;opacity:.6;transition:opacity .2s ease}.woodworking-tab-salmon.active{opacity:1;border-bottom:solid .3rem rgb(125,195,255);margin-bottom:-.3rem}.woodworking-tab-sakura{display:inline-block;background-color:pink;border-top:solid .3rem #ff6780;border-left:solid .3rem #ff6780;border-right:solid .3rem #ff6780;padding:.3rem;text-align:center;min-width:5rem;margin-left:.5rem;margin-right:.5rem;opacity:.6;transition:opacity .2s ease}.woodworking-tab-sakura.active{opacity:1;border-bottom:solid .3rem rgb(125,195,255);margin-bottom:-.3rem}.woodworking-items{border-top:solid .3rem #000031;border-radius:.6rem;padding:.6rem .3rem .3rem;overflow-x:auto;width:100%;white-space:nowrap}.woodworking-confirmation{padding-left:.5rem;padding-right:.5rem}.bg-woodworking-confirmation{padding:.8rem;border-radius:.6rem;background-color:#d3ebff;border:solid .4rem #000031;display:inline-block;font-size:.8rem}.woodworking-confirmation-main-img{width:100%;aspect-ratio:1 / 1}.woodworking-confirmation-frame-img{width:80%;aspect-ratio:1 / 1}.woodworking-confirmation-material-img{width:40%;aspect-ratio:1 / 1}.woodworking-confirmation-back{background-image:url(../images/game_objects/common/back-white-sign-board.png);background-size:contain;background-repeat:no-repeat}.bg-woodworking-item{padding:.3rem;border-radius:.6rem;background-color:#9fcaff;border:solid .4rem #000000;display:inline-block;margin:.3rem;font-size:.8rem;min-width:120px;width:35%;max-width:300px}.bg-woodworking-item.active{background-color:#2ca0ff;border:solid .4rem #000031}.bg-woodworking-item.insufficient{background-color:#d2d2d2;border:solid .4rem #000000}.bg-woodworking-item.active-insufficient{background-color:#d2d2d2;border:solid .4rem #8b0000}.woodworking-main-img,.woodworking-frame-img{width:100%;aspect-ratio:1 / 1}.woodworking-material-img{width:50%;aspect-ratio:1 / 1}.constructionBackground{min-height:calc(100svh - 160px);background:#fff;display:flex;flex-direction:column;align-items:center}.constructionBackground canvas{display:block;margin:0 auto}.footer{position:absolute;bottom:0;width:100%}.actionButtonConstruction{display:flex;background-color:#d3d3d3;padding:10px;width:100%;margin-top:10px;justify-content:center}.canvas-container{position:relative;display:inline-block}.minimap-container{position:absolute;top:10px;right:10px;width:120px;height:120px;background-color:#ffffffb3;border:2px solid rgba(51,51,51,.7);border-radius:5px;z-index:11}.minimap-inner{position:relative;width:100%;height:100%;padding:5px}.minimap-grid{position:relative;width:110px;height:110px;background-color:#cdffb1b3;border:1px solid rgba(153,153,153,.7)}.minimap-building{position:absolute;background-color:#90ee90cc;border:1px solid rgba(46,125,50,.8);box-sizing:border-box}.minimap-viewport{position:absolute;border:2px solid rgba(255,0,0,.9);box-sizing:border-box;pointer-events:none}.minimap-label{position:absolute;bottom:2px;left:0;right:0;text-align:center;font-size:9px;color:#333333e6;font-weight:700}.nav-arrow{position:absolute;z-index:10}.nav-arrow-left{top:50%;left:10px;transform:translateY(-50%)}.nav-arrow-right{top:50%;right:10px;transform:translateY(-50%)}.nav-arrow-up{top:10px;left:50%;transform:translate(-50%)}.nav-arrow-down{bottom:10px;left:50%;transform:translate(-50%)}.nav-arrow-btn{width:35px;height:35px;font-size:14px;padding:0;min-width:35px}.nav-arrow-btn:not(:disabled){opacity:.9}.nav-arrow-btn:disabled{opacity:.5}.mission-complete{display:flex;justify-content:center;align-items:center}.mission-complete>img.ribbon{width:50vw;margin:auto}.mission-complete>label{margin:auto}.centered{position:absolute;top:25%;left:50%;transform:translate(-50%,-50%)}.vitality-page{background-color:#43d10d;height:100%}.character-section{background-image:url(/user-page/assets/backgrounds/forest_background.png);background-size:cover;background-position:center;padding:20px 20px 60px;text-align:center;height:300px;display:flex;align-items:flex-end;justify-content:center;box-sizing:border-box}img.character-img{max-width:180px;max-height:100%;height:auto;object-fit:contain;filter:drop-shadow(0 5px 15px rgba(0,0,0,.2))}model-viewer.character-img{width:60%;height:100%;--poster-color: transparent}.vitality-page .level-badge-img{height:80px;width:auto;flex-shrink:0}.status-section{padding:0 10px;margin-top:-50px;position:relative;z-index:2}.powers-section{padding:0 10px;position:relative;z-index:1}.recovery-status-card{background-color:#43d10d;color:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a;padding:10px;margin-bottom:15px}.powers-card{background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #00000014;padding:15px;margin-bottom:20px}.card-header{display:flex;align-items:center;gap:10px;padding-bottom:10px;margin-bottom:0;border-bottom:none}.level-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;color:#3a8e3d;border-radius:10px;padding:5px;width:55px;height:55px;font-weight:700;flex-shrink:0}.level-icon-container{font-size:24px}.level-text{font-size:12px}.title-and-progress{flex-grow:1;display:flex;flex-direction:column;justify-content:space-between}.title-and-total{display:flex;justify-content:space-between;align-items:flex-start}.recovery-title{font-size:14px;font-weight:700;margin:0 0 5px;text-align:left;color:#000}.total-recovery{background-color:#fff;color:#000;border-radius:5px;padding:2px 8px;text-align:center;width:80px;flex-shrink:0}.total-recovery span{display:block;font-size:14px;font-weight:700}.total-percent{font-size:24px!important;font-weight:700}.next-level-progress{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.progress-bar-vitality-container{border-radius:6px;height:100%;overflow:hidden;position:relative;width:100%}.progress-bar-background{flex-grow:1;background-color:#2e7d32;border-radius:10px;height:12px;overflow:hidden;width:100%}.progress-bar-foreground{background-color:#ffc107;height:100%;border-radius:10px}.next-level-text{font-size:12px;font-weight:700;color:#fff}.power-item{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #f0f0f0}.power-item:last-child{border-bottom:none}.power-icon{font-size:24px;width:30px;text-align:center}.power-details{flex-grow:1}.power-name{font-size:12px;font-weight:700;margin-bottom:5px}.power-progress-bar-background{background-color:#e0e0e0;border-radius:10px;height:16px}.power-progress-bar-foreground{height:100%;border-radius:10px}.power-percent{font-size:18px;font-weight:700;min-width:40px;text-align:right;font-family:ui-monospace}.storage-preview-item{display:inline-flex;align-items:center;white-space:nowrap;padding:4px 8px;margin-right:12px;background:#f5f5f5;border-radius:4px}.storage-img{width:2rem;height:auto;flex-shrink:0}.fairyDetailBackground{height:100%}.fairyBackdrop{position:relative;width:100%;height:40%;background-image:url(/user-page/assets/backgrounds/forest_background.png);background-repeat:no-repeat;background-size:cover;background-position:center center;margin:0;overflow:hidden}.fairyCharacter{position:absolute;bottom:5%;left:50%;transform:translate(-50%);height:6rem}model-viewer.fairyCharacter{width:60%;height:80%;--poster-color: transparent}.fairyBack{position:absolute;top:.4rem;left:.4rem;background-image:url(/user-page/assets/button_back.svg);background-size:contain;background-repeat:no-repeat;width:72px;aspect-ratio:1/1}.fairyBack>label{height:3rem;width:3rem;font-weight:700;text-align:center;font-size:.9rem}.fairySelected{position:absolute;top:.4rem;right:.4rem;background:red;border-radius:50%;height:4.5rem;width:4.5rem}.fairySelected>label{height:3rem;width:3rem;color:#fff;font-weight:700;text-align:center;line-height:1.2rem}.fairyName{font-size:2rem;font-weight:700;margin-top:.5rem;margin-bottom:.5rem}.fairyGuide{position:sticky;bottom:0;left:0;z-index:9999}.fairyGuide img{position:absolute;bottom:0;left:0;width:40%}.fairyGuide .speech{color:#000;background-color:#eee;padding:20px;margin:30px;max-width:300px;border-radius:30px;position:absolute;bottom:125%;left:25%}.speech:after{width:0;content:"";border:15px solid transparent}.speech.left:after{border-right-color:#eee;border-left:0}.speech.right:after{border-left-color:#eee;border-right:0}.speech.top:after{border-bottom:rgb(238,238,238);border-top:0}.speech.bottom:after{border-top-color:#eee;border-bottom:0}.speech{position:relative}.speech:after{position:absolute}.speech.left:after{left:-10px;top:calc(50% - 10px)}.speech.right:after{right:-10px;top:calc(50% - 10px)}.speech.top:after{top:-10px;left:calc(50% - 10px)}.speech.bottom:after{bottom:-10px;left:calc(50% - 10px)}.forest-game-page{height:100svh;display:flex;flex-direction:column;background:#fff;overflow:hidden}.forest-game-header{width:100%;background:#fff;box-shadow:0 2px 4px #0000001a;flex-shrink:0}.forest-game-banner{width:100%;height:auto;display:block}.forest-game-footer{width:100%;background:#fff;flex-shrink:0;box-shadow:0 -2px 4px #0000001a}.forest-game-mission-bar{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#fff;border-bottom:2px solid #e0e0e0;font-size:13px}.mission-label{font-weight:700;color:#333}.mission-items{display:flex;gap:12px;margin-left:8px}.mission-item{display:flex;align-items:center;gap:4px}.mission-item-icon{width:16px;height:16px;background:#8b4513;border-radius:2px}.mission-item-icon.log{background:#d2691e}.mission-item-icon.plank{background:#deb887}.mission-item-icon.tree{background:#228b22}.mission-item-count{font-size:12px;color:#666}.forest-game-mission-text{padding:8px 12px;background:#f5f5f5;font-size:13px;color:#333}.mission-highlight{background:#333;color:#fff;padding:2px 6px;border-radius:2px;margin-right:4px}.forest-game-container{flex:1;display:flex;flex-direction:column;position:relative;overflow-y:auto;overflow-x:hidden}.forest-game-iframe{flex:1;border:none;width:100%;height:100%}.forest-game-zone-label{padding:6px 12px;background:#e8f5e9;font-size:14px;font-weight:700;color:#2e7d32;border-bottom:2px solid #4CAF50}.forest-game-nav{display:flex;background:#fff;border-top:2px solid #e0e0e0;padding:8px 4px;gap:4px}.forest-game-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;background:#4caf50;border:2px solid #2E7D32;border-radius:8px;cursor:pointer;transition:all .2s;color:#fff}.forest-game-nav-item:hover{background:#43a047}.forest-game-nav-item.active{background:#2e7d32;border-color:#1b5e20}.forest-game-nav-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:18px}.forest-game-nav-label{font-size:11px;font-weight:700}.forest-game-back-btn{width:100%;padding:5px 16px;background:#fff;border:none;border-top:2px solid #2e7d32;font-size:24px;font-weight:700;color:#666;cursor:pointer;text-align:center}.forest-game-back-btn:hover{background:#e8e8e8}.forest-game-speech{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border:3px solid #333;border-radius:16px;padding:20px 24px;max-width:200px;text-align:center;font-size:14px;line-height:1.6;z-index:10;box-shadow:0 4px 12px #0003}.forest-game-speech:after{content:"";position:absolute;bottom:-20px;left:50%;transform:translate(-50%);border:10px solid transparent;border-top-color:#333}.forest-game-speech-highlight{color:#4caf50;font-weight:700}.forest-game-fairy{position:absolute;bottom:80px;left:50%;transform:translate(-50%);z-index:5}.forest-game-fairy img{width:60px;height:60px;object-fit:contain}.bg-dark{background-color:#121212;color:#e0e0e0}@media(max-width:480px){.forest-game-nav-label{font-size:10px}.forest-game-mission-bar{font-size:11px;padding:4px 8px}}.header{background-color:green;color:#fff;font-weight:700;text-align:center;padding:.3rem 0}.fullblock{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#ff000014;display:flex;justify-content:center;align-items:center;z-index:9999}.menu-title{text-align:center;padding:.4rem 0}.bg-grey{background-color:gray!important}.bg-lightgrey{background-color:#cbcbcb!important}.bg-lightcream{background-color:#ffecdd!important}.bg-green{background-color:#79ffa6!important}.bg-blue{background-color:#f0f8ff!important}.mission{display:inline-block;width:auto;min-width:80px;padding:.3rem .5rem;flex-shrink:0}.items-in-storage{display:flex;flex:1;white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.forest-bottom-nav{background:#fff;display:flex;margin:0;padding:4px;gap:6px;border-top:2px solid #2e7d32;list-style:none}.forest-bottom-nav .nav-item{flex:1;border:2px solid #ccc;border-radius:6px;overflow:hidden;transition:all .2s ease}.forest-bottom-nav .nav-item:first-child{margin-left:4px}.forest-bottom-nav .nav-item:has(.nav-link.active){border-color:#2e7d32;border-width:3px;box-shadow:0 0 8px #2e7d3280;transform:scale(1.02)}.forest-bottom-nav .nav-item:last-child{border-right:2px solid #ccc}.forest-bottom-nav .nav-item:last-child:has(.nav-link.active){border-color:#2e7d32;border-width:3px}.forest-bottom-nav .nav-link{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2px!important;color:#333;text-decoration:none;cursor:pointer;background:#fff;min-height:50px;width:100%;height:100%}.forest-bottom-nav .nav-link .nav-icon{font-size:1.5rem;margin-bottom:2px}.forest-bottom-nav .nav-link .nav-icon-img{width:100%;height:auto;max-height:60px;object-fit:contain}.forest-bottom-nav .nav-link .nav-label{font-size:.7rem;font-weight:700}.forest-bottom-nav .nav-link.active{background-color:#fff}.forest-bottom-nav .nav-link.active .nav-icon,.forest-bottom-nav .nav-link.active .nav-label{color:#2e7d32!important}.forest-bottom-nav .nav-link:hover:not(.active){background-color:#e8f5e9}.collapse-bar.collapse-green{background-color:#79ffa6;position:relative;padding-left:.3rem}.collapse-bar.collapse-cream{background-color:#ffd3b0;position:relative;padding-left:.3rem}.collapse-bar.collapse-blue{background-color:#8cd3ff;position:relative;padding-left:.3rem}.collapse-bar .collapse-toggle{right:.5rem;position:absolute;margin:.25rem}.stage{border:4px solid #555;background:#222,}.btn-bordered-dark{border:solid black 2px}.progress-lg{height:22px}.w-80{width:80%}.w-90{width:90%}.scrollable-hidden-scrollbar::-webkit-scrollbar{display:none}.scrollable-hidden-scrollbar{-ms-overflow-style:none}.scrollable-hidden-scrollbar{scrollbar-width:none}.big-btn-text{font-size:3rem}*,*:before,*:after{box-sizing:border-box}.text-center{text-align:center}.text-start{text-align:left}.text-end{text-align:right}.text-white{color:#fff!important}.text-dark{color:#212529!important}.text-danger{color:#dc3545!important}.fw-bold{font-weight:700!important}.fw-normal{font-weight:400!important}.bg-white{background-color:#fff!important}.bg-light{background-color:#f8f9fa!important}.bg-danger{background-color:#dc3545!important}.bg-success{background-color:#198754!important}.bg-primary{background-color:#0d6efd!important}.bg-cornered{border-radius:.375rem}.w-100{width:100%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-25{width:25%!important}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.ms-0{margin-left:0!important}.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.5rem!important}.ms-3{margin-left:1rem!important}.ms-4{margin-left:1.5rem!important}.ms-5{margin-left:3rem!important}.me-0{margin-right:0!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.me-3{margin-right:1rem!important}.me-4{margin-right:1.5rem!important}.me-5{margin-right:3rem!important}.mx-0{margin-left:0!important;margin-right:0!important}.mx-1{margin-left:.25rem!important;margin-right:.25rem!important}.mx-2{margin-left:.5rem!important;margin-right:.5rem!important}.mx-3{margin-left:1rem!important;margin-right:1rem!important}.mx-4{margin-left:1.5rem!important;margin-right:1.5rem!important}.mx-5{margin-left:3rem!important;margin-right:3rem!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.ps-0{padding-left:0!important}.ps-1{padding-left:.25rem!important}.ps-2{padding-left:.5rem!important}.ps-3{padding-left:1rem!important}.ps-4{padding-left:1.5rem!important}.ps-5{padding-left:3rem!important}.pe-0{padding-right:0!important}.pe-1{padding-right:.25rem!important}.pe-2{padding-right:.5rem!important}.pe-3{padding-right:1rem!important}.pe-4{padding-right:1.5rem!important}.pe-5{padding-right:3rem!important}.px-0{padding-left:0!important;padding-right:0!important}.px-1{padding-left:.25rem!important;padding-right:.25rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-3{padding-left:1rem!important;padding-right:1rem!important}.px-4{padding-left:1.5rem!important;padding-right:1.5rem!important}.px-5{padding-left:3rem!important;padding-right:3rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.border{border:1px solid #dee2e6!important}.border-0{border:0!important}.border-1{border-width:1px!important}.border-2{border-width:2px!important}.border-3{border-width:3px!important}.border-dark{border-color:#212529!important}.border-danger{border-color:#dc3545!important}.rounded{border-radius:.375rem!important}.rounded-0{border-radius:0!important}.rounded-1{border-radius:.25rem!important}.rounded-2{border-radius:.375rem!important}.rounded-3{border-radius:.5rem!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:50rem!important}.d-none{display:none!important}.d-block{display:block!important}.d-flex{display:flex!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-inline-flex{display:inline-flex!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-stretch{align-items:stretch!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-stretch{align-self:stretch!important}.container{width:100%;padding-right:.75rem;padding-left:.75rem;margin-right:auto;margin-left:auto}.row{display:flex;flex-wrap:wrap;margin-right:-.5rem;margin-left:-.5rem}.col,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{position:relative;width:100%;padding-right:.5rem;padding-left:.5rem}.col{flex:1 0 0%}.col-1{flex:0 0 auto;width:8.333333%}.col-2{flex:0 0 auto;width:16.666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.333333%}.col-5{flex:0 0 auto;width:41.666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.333333%}.col-8{flex:0 0 auto;width:66.666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.333333%}.col-11{flex:0 0 auto;width:91.666667%}.col-12{flex:0 0 auto;width:100%}@media(min-width:576px){.col-sm-1{flex:0 0 auto;width:8.333333%}.col-sm-2{flex:0 0 auto;width:16.666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.333333%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-12{flex:0 0 auto;width:100%}}@media(min-width:768px){.col-md-1{flex:0 0 auto;width:8.333333%}.col-md-2{flex:0 0 auto;width:16.666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.333333%}.col-md-6{flex:0 0 auto;width:50%}.col-md-12{flex:0 0 auto;width:100%}}@media(min-width:992px){.col-lg-1{flex:0 0 auto;width:8.333333%}.col-lg-2{flex:0 0 auto;width:16.666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.333333%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-12{flex:0 0 auto;width:100%}}@media(min-width:1200px){.col-xl-1{flex:0 0 auto;width:8.333333%}.col-xl-2{flex:0 0 auto;width:16.666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.333333%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-12{flex:0 0 auto;width:100%}}.col-xs-1{flex:0 0 auto;width:8.333333%}.col-xs-2{flex:0 0 auto;width:16.666667%}.col-xs-3{flex:0 0 auto;width:25%}.col-xs-4{flex:0 0 auto;width:33.333333%}.col-xs-6{flex:0 0 auto;width:50%}.col-xs-12{flex:0 0 auto;width:100%}.btn{display:inline-block;font-weight:400;line-height:1.5;color:#212529;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;border-radius:.375rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.btn:hover{color:#212529}.btn:focus{outline:0;box-shadow:0 0 0 .25rem #0d6efd40}.btn:disabled{pointer-events:none;opacity:.65}.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:hover{color:#fff;background-color:#bb2d3b;border-color:#b02a37}.btn-primary{color:#fff;background-color:#0d6efd;border-color:#0d6efd}.btn-primary:hover{color:#fff;background-color:#0b5ed7;border-color:#0a58ca}.btn-success{color:#fff;background-color:#198754;border-color:#198754}.btn-success:hover{color:#fff;background-color:#157347;border-color:#146c43}.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:hover{color:#fff;background-color:#5c636a;border-color:#565e64}.btn-warning{color:#000;background-color:#ffc107;border-color:#ffc107}.btn-warning:hover{color:#000;background-color:#ffca2c;border-color:#ffc720}.btn-warning:disabled{color:#000;background-color:#ffc107;border-color:#ffc107}.btn-lg{padding:.5rem 1rem;font-size:1.25rem;border-radius:.5rem}.btn-sm{padding:.25rem .5rem;font-size:.875rem;border-radius:.25rem}.progress{display:flex;height:1rem;overflow:hidden;font-size:.75rem;background-color:#e9ecef;border-radius:.375rem}.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:#fff;text-align:center;white-space:nowrap;background-color:#0d6efd;transition:width .6s ease}.nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-fill .nav-item{text-align:center}.nav-link{display:block;padding:.5rem 1rem;color:#0d6efd;text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}.nav-link:hover,.nav-link:focus{color:#0a58ca}.form-select{display:block;width:100%;padding:.375rem 2.25rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;border:1px solid #ced4da;border-radius:.375rem;appearance:none}.form-select:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem #0d6efd40}.form-select-sm{padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem;border-radius:.25rem}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-scroll{overflow:scroll!important}.overflow-x-auto{overflow-x:auto!important}.overflow-y-auto{overflow-y:auto!important}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:sticky!important}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}ul,ol{padding-left:2rem}ul ul,ul ol,ol ul,ol ol{margin-bottom:0}.img-fluid{max-width:100%;height:auto}@media(min-width:480px){html{font-size:28px}.items-in-storage{padding-top:5px;padding-bottom:5px}.collapse-toggle{width:32px}.mission{padding-top:5px;padding-bottom:5px;width:200px}}*{margin:0;box-sizing:border-box}body{font-family:Lucida Sans,sans-serif;width:100%}