.home-screen{background:#fff}.home-screen .home-content{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4vmin;padding:30vmin 6vmin 6vmin;display:flex}.home-screen h1{color:#1b5e20;margin:0;font-size:8vmin;font-weight:800;line-height:1.15}.home-screen .home-heading{flex-direction:column;gap:0;display:flex}.home-screen .home-subheading{font-size:5.5vmin}.home-screen p{color:#1b5e20;margin:0;font-size:5vmin;font-weight:600;line-height:1.3}.home-screen .logo-top-left{z-index:10;width:34vmin;position:absolute;top:5vmin;left:5vmin}.home-screen .seal-top-right{z-index:10;width:28vmin;position:absolute;top:5vmin;right:5vmin}.home-screen .logo-top-left img,.home-screen .seal-top-right img{object-fit:contain;width:100%;height:auto}.qr-code{margin-top:1.5rem}.qr-code img{width:35vmin}.home-screen .btn-next{color:#fff;cursor:pointer;background:#1b5e20;border:none;border-radius:100px;align-items:center;gap:1.5vmin;padding:4vmin 8vmin;font-size:4.5vmin;font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-flex;position:absolute;bottom:5vmin;right:5vmin;box-shadow:0 1vmin 3vmin #1b5e2059}.home-screen .btn-next:active{transform:scale(.96);box-shadow:0 .5vmin 1.5vmin #1b5e204d}.alert-box{text-align:center;background:#fff;border-top:5px solid #1b5e20;border-radius:clamp(1.25rem,3vw,2rem);width:85vw;padding:clamp(1.5rem,4vh,2.5rem) clamp(1.25rem,4vw,2rem);box-shadow:0 32px 80px #00000073,0 8px 24px #0003,0 0 0 1px #1b5e2014}.alert-box h2{color:#1b5e20;letter-spacing:-.01em;margin-bottom:clamp(1.5rem,3vh,2rem);font-size:clamp(1.4rem,4.5vh,2.2rem);font-weight:800;line-height:1.25}.alert-options{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:clamp(.5rem,2vw,1rem);display:flex}.option{cursor:pointer;border:3px solid #0000;border-radius:clamp(.75rem,1.5vw,1.25rem);flex-direction:column;flex:1;align-items:center;gap:clamp(1rem,2vh,1.5rem);min-width:140px;padding:clamp(1rem,2vh,1.5rem) clamp(.75rem,2vw,1.5rem);transition:all .25s;display:flex}.option:hover{background:#1b5e200f;border-color:#1b5e20}.option:active{background:#1b5e201f;transform:scale(.97)}.btn-circle{cursor:pointer;pointer-events:none;color:#fff;background:linear-gradient(150deg,#2e7d32,#1b5e20);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:clamp(80px,12vw,130px);height:clamp(80px,12vw,130px);font-size:clamp(2.5rem,6vw,4rem);font-weight:800;transition:all .25s;display:flex;box-shadow:0 8px 32px #1b5e2066,0 2px 8px #0000001a}.option:hover .btn-circle{transform:translateY(-4px);box-shadow:0 16px 48px #1b5e2080,0 4px 12px #00000026}.option-text{color:#222;margin:0;font-size:clamp(.9rem,2.2vh,1.4rem);font-weight:600;line-height:1.35}.or-divider{color:#aaa;letter-spacing:.05em;flex-direction:column;flex-shrink:0;align-items:center;gap:clamp(.5rem,1.5vh,1rem);padding:.5rem clamp(.75rem,1.5vw,1.5rem);font-size:clamp(.85rem,1.8vh,1.1rem);font-weight:700;display:flex}.or-divider:before,.or-divider:after{content:"";background:linear-gradient(#0000,#ddd,#0000);width:1px;height:clamp(40px,8vh,80px);display:block}.alert-stack{justify-content:center;display:flex;position:relative}.alert-reminder{z-index:10;border-top:5px solid #c62828;width:85vw;margin-bottom:.75rem;animation:.25s ease-out reminder-in;position:absolute;bottom:100%;left:50%;transform:translate(-50%);box-shadow:0 32px 80px #00000073,0 8px 24px #0003,0 0 0 1px #c628281a}.alert-reminder h2{color:#c62828;margin-bottom:0}@keyframes reminder-in{0%{opacity:0;transform:translate(-50%,1vh)}to{opacity:1;transform:translate(-50%)}}.video-screen{background:#000;position:relative}.video{object-fit:cover;width:100%;height:100%}.alert-overlay{z-index:100;background:#0006;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.final-screen{background:#f4f7f4;justify-content:stretch;align-items:stretch;width:100vw;height:100vh;overflow:hidden}.final-container{flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.final-badge{text-align:center;border-radius:clamp(1rem,2vw,2.5rem);flex-shrink:0;justify-content:center;align-self:center;align-items:center;gap:clamp(.75rem,2vw,2rem);max-width:min(90%,1600px);margin:clamp(.8rem,2vh,2.5rem) clamp(1rem,4vw,3rem);padding:clamp(.8rem,2vh,2.5rem) clamp(1rem,4vw,3rem);display:flex}.final-badge.option-a{color:#fff;background:linear-gradient(150deg,#b71c1c,#c62828)}.final-badge.option-b{color:#fff;background:linear-gradient(150deg,#1b5e20,#2e7d32)}.badge-icon{flex-shrink:0;font-size:clamp(1.8rem,5vh,6rem);line-height:1;display:block}.badge-text{text-align:center;flex-direction:column;gap:clamp(.5rem,2vh,1.6rem);display:flex}.badge-title{letter-spacing:.01em;margin:0;font-size:clamp(.85rem,2.6vh,3.6rem);font-weight:800;line-height:1.25}.badge-subtitle{opacity:.95;margin:0;font-size:clamp(.85rem,2.4vh,2.8rem);font-weight:500;line-height:1.35}.final-body{flex-direction:column;flex:1;gap:clamp(.5rem,1vh,2rem);padding:clamp(.5rem,1vh,2rem) clamp(1rem,4vw,3rem) clamp(3rem,6vh,8rem);display:flex;overflow:hidden}.carousel{background:#fff;border:1px solid #1b5e201a;border-radius:clamp(1rem,2vw,2.5rem);flex:1;min-height:0;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000012}.carousel-track{touch-action:pan-y;cursor:grab;width:100%;height:100%;transition:transform .35s;display:flex}.carousel-slide{flex-direction:column;flex:0 0 100%;gap:clamp(.75rem,2vh,1.5rem);width:100%;height:100%;padding:clamp(1rem,3vh,2.5rem) clamp(1rem,3vw,2.5rem);display:flex;overflow-y:auto}.slide-image-wrap{background:#eef2ee;border-radius:clamp(.75rem,1.5vw,1.5rem);flex:55%;min-height:0;overflow:hidden}.slide-image{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.slide-text{flex:none}.info-title{color:#1b5e20;letter-spacing:.01em;margin:0 0 .3rem;font-size:clamp(1.1rem,3vh,3.2rem);font-weight:800;line-height:1.3}.slide-tip{color:#222;overflow-wrap:break-word;word-break:break-word;align-items:flex-start;gap:clamp(.5rem,1.5vw,1rem);margin:0;font-size:clamp(.9rem,2.4vh,2.6rem);line-height:1.4;display:flex}.slide-tip+.slide-tip{margin-top:clamp(.4rem,1.2vh,.9rem)}.tip-icon{color:#1b5e20;vertical-align:middle;flex-shrink:0;width:clamp(1.4rem,3vh,2.8rem);height:clamp(1.4rem,3vh,2.8rem)}.swipe-hint{color:#fff;cursor:pointer;background:#1b5e20d9;border:none;border-radius:50%;justify-content:center;align-items:center;width:clamp(2.2rem,5vh,3.5rem);height:clamp(2.2rem,5vh,3.5rem);font-size:clamp(1.3rem,3vh,2rem);animation:1.6s ease-in-out infinite swipe-nudge;display:flex;position:absolute;top:50%;right:clamp(.5rem,1.5vw,1.5rem);transform:translateY(-50%)}.swipe-hint-left{animation:1.6s ease-in-out infinite swipe-nudge-left;left:clamp(.5rem,1.5vw,1.5rem);right:auto}.swipe-arrow{line-height:1;transform:translate(-1px)}.swipe-hint-left .swipe-arrow{transform:translate(1px)}@keyframes swipe-nudge{0%,to{transform:translateY(-50%)translate(0)}50%{transform:translateY(-50%)translate(6px)}}@keyframes swipe-nudge-left{0%,to{transform:translateY(-50%)translate(0)}50%{transform:translateY(-50%)translate(-6px)}}.carousel-dots{gap:clamp(.4rem,1vw,.7rem);display:flex;position:absolute;bottom:clamp(.6rem,1.5vh,1.2rem);left:50%;transform:translate(-50%)}.dot{cursor:pointer;background:#1b5e2040;border:none;border-radius:50%;width:clamp(.5rem,1vw,.7rem);height:clamp(.5rem,1vw,.7rem);padding:0}.dot.active{background:#1b5e20}.final-body{justify-content:center;align-items:center}.carousel{width:100%;max-width:min(90%,1600px)}.restart-button{color:#5a5a5a;cursor:pointer;opacity:.6;background:#ffffffbf;border:1px solid #1b5e2033;border-radius:999px;padding:.35em .8em;font-size:clamp(.65rem,1.4vh,.9rem);font-weight:500;transition:opacity .2s;position:absolute;bottom:clamp(.6rem,1.5vh,1.2rem);right:clamp(.6rem,1.5vw,1.2rem)}.restart-button:hover,.restart-button:focus-visible{opacity:1}.hub{flex-direction:column;justify-content:center;gap:clamp(.75rem,2vh,1.5rem);height:100%;display:flex}.hub-intro{color:#222;margin:0;font-size:clamp(.9rem,2.4vh,2.6rem);line-height:1.45}.hub-menu{flex-direction:column;gap:clamp(.5rem,1.5vh,1.2rem);margin-top:clamp(.5rem,1.5vh,1rem);display:flex}.hub-item{color:#1b5e20;cursor:pointer;text-align:left;background:#f4f7f4;border:1px solid #1b5e2026;border-radius:clamp(.75rem,1.5vw,1.5rem);align-items:center;gap:clamp(.75rem,2vw,1.4rem);width:100%;padding:clamp(.7rem,1.8vh,1.4rem) clamp(.9rem,2.5vw,1.6rem);transition:background .15s,transform .15s;display:flex}.hub-item:hover,.hub-item:focus-visible{background:#e6efe6;transform:translate(3px)}.hub-num{color:#fff;background:#1b5e20;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:clamp(1.6rem,3.5vh,3rem);height:clamp(1.6rem,3.5vh,3rem);font-size:clamp(.85rem,2vh,2rem);font-weight:800;display:flex}.hub-item-icon{color:#1b5e20;flex-shrink:0;width:clamp(1.4rem,3vh,2.8rem);height:clamp(1.4rem,3vh,2.8rem)}.hub-label{font-size:clamp(.95rem,2.4vh,2.6rem);font-weight:700;line-height:1.3}.overview-button{color:#1b5e20;cursor:pointer;z-index:2;background:#ffffffd9;border:1px solid #1b5e2033;border-radius:999px;padding:.55em 1.2em;font-size:clamp(.9rem,2vh,1.5rem);font-weight:600;position:absolute;top:clamp(.6rem,1.5vh,1.2rem);left:clamp(.6rem,1.5vw,1.2rem)}.overview-button:hover,.overview-button:focus-visible{background:#e6efe6}.carousel.overview-mode{box-shadow:none;background:0 0;border:none}*{box-sizing:border-box;margin:0;padding:0}html{touch-action:none;height:100%;font-size:clamp(14px,2vw,24px);overflow:hidden}body{overscroll-behavior:none;-webkit-user-select:none;user-select:none;touch-action:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}.app-container{touch-action:none;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;overflow:hidden}.screen{touch-action:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}