:root{--forest:#213e35;--deep:#193229;--sage:#687e6d;--gold:#b98b43;--ochre:#d9b76d;--paper:#f6f4ed;--cream:#eeece2;--ink:#293a32;--muted:#81877c;--line:#e3e5da;--orange:#c96e43;--serif:Georgia,'Times New Roman',serif;--sans:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font:14px/1.5 var(--sans)}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button,a,input{-webkit-tap-highlight-color:transparent}a{color:inherit}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.icon,svg.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.site-header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5vw;border-bottom:1px solid var(--line);background:#fbfaf5}.brand{display:flex;gap:13px;align-items:center;text-decoration:none;font:17px var(--serif);line-height:1.1}.brand b{display:block;font-size:26px;letter-spacing:-.7px;font-weight:normal}.brand-emblem{background:var(--forest);border-radius:50% 50% 44% 44%;color:var(--ochre);width:43px;height:48px;display:grid;place-items:center}.brand-emblem svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.1}.header-right{display:flex;align-items:center;gap:30px}.header-location{color:var(--sage);display:flex;align-items:center;gap:7px;font-size:12px}.text-button{border:0;background:none;display:inline-flex;align-items:center;gap:9px;color:var(--forest);padding:10px 0;font-size:13px}.app-shell{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 390px;padding:38px 4.5vw 22px;gap:38px;align-items:start}.map-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 25px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:2px;color:var(--sage)}h1,h2,h3,p{margin-top:0}.map-heading h1{font:32px/1.25 var(--serif);letter-spacing:-.7px;margin:8px 0}.map-heading p{font-size:12px;color:var(--sage);margin:0}.estate-seal{font:italic 37px var(--serif);color:var(--gold);width:69px;height:69px;border:1px solid #d8cfb7;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:inset 0 0 0 4px var(--paper),inset 0 0 0 5px #e0d9c7}.estate-seal span{font:6px var(--sans);letter-spacing:1.5px;margin-top:-3px}.map-frame{height:calc(100vh - 285px);min-height:480px;max-height:790px;position:relative;border-radius:16px;border:1px solid #d4d9c8;overflow:hidden;box-shadow:0 6px 28px #213e3507;background:#e7ead9}#map{height:100%;width:100%;background:#e9eadb}.leaflet-container{font:11px var(--sans)}.leaflet-control-attribution{font-size:9px!important;background:#f8f7eccf!important}.leaflet-control-attribution a{color:#50664f}.leaflet-control-zoom{box-shadow:0 2px 10px #203b341a!important;border:1px solid #d2d9c9!important;border-radius:10px!important;overflow:hidden;margin:82px 0 0 18px!important}.leaflet-control-zoom a{background:#fffef8!important;color:var(--forest)!important;width:34px!important;height:34px!important;line-height:34px!important;font-size:20px!important}.map-top{position:absolute;top:18px;left:18px;right:18px;display:flex;align-items:start;justify-content:space-between;pointer-events:none;z-index:500}.gps-badge{background:#fffef8ed;padding:9px 13px;border:1px solid #d6dccf;border-radius:25px;font-size:10px;color:#687565;box-shadow:0 2px 7px #284b3010;display:flex;gap:7px;align-items:center}.gps-badge i{width:6px;height:6px;border-radius:50%;background:#a7ad99}.gps-badge.active i{background:#4a8b62;box-shadow:0 0 0 3px #4a8b621a}.gps-badge.demo{background:#fff2d7;color:#8b652e}.gps-badge.demo i{background:#c99438}.north-arrow{display:flex;flex-direction:column;align-items:center;font:10px var(--serif);color:#617362}.north-arrow svg{width:36px;height:36px;fill:#f8f7ec;stroke:#617362;stroke-width:1}.map-actions{position:absolute;top:82px;right:18px;display:flex;flex-direction:column;gap:8px;z-index:500}.map-control{height:35px;width:35px;border:1px solid #d0d9c6;border-radius:10px;background:#fffef8;display:grid;place-items:center;color:var(--forest);box-shadow:0 2px 7px #284b3010}.map-bottom{position:absolute;bottom:26px;left:18px;right:18px;display:flex;justify-content:space-between;gap:10px;align-items:center;z-index:500;pointer-events:none}.map-bottom>*{pointer-events:auto}.map-legend{display:flex;align-items:center;gap:7px;font-size:9px;background:#fffef8e8;padding:8px 10px;border-radius:7px;color:#617362}.legend-path{width:17px;height:3px;background:#ad8b52}.legend-you{width:8px;height:8px;border:2px solid white;box-shadow:0 0 0 1px #538478;border-radius:50%;background:#538478;margin-left:7px}.map-layer{background:#fffef8;border:1px solid #d2d9c9;padding:7px 12px;border-radius:7px;color:#405d4c;font-size:10px}.map-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:17px;font-size:10px;color:#6f7a6b}.map-caption>span:first-child{display:flex;gap:7px;align-items:center}.map-caption .icon{width:16px;height:16px}.map-caption i{padding:0 7px;font-style:normal;color:#abb29d}.route-note{font-size:10px;line-height:1.6;color:#8a8d80;margin:12px 0 0;max-width:700px}.quest-panel{background:#fffef9;border:1px solid #e0e3d6;border-radius:17px;overflow:hidden;box-shadow:0 7px 22px #203b3404}.panel-topline{padding:21px 26px 17px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eeeee5;font-size:9px;letter-spacing:1.7px;font-weight:600;color:var(--sage)}.panel-topline svg{width:16px;height:16px;color:var(--gold)}.intro-art{height:153px;position:relative;margin:18px 20px 0;border-radius:10px;background:linear-gradient(0deg,#1d3b3433,#1d3b3400),url("/assets/elswout-20-stops-road-safe-0859a8e3.png") center 69%/cover;overflow:hidden}.intro-art:after{content:'HET LANDGOED ROEPT';position:absolute;bottom:14px;left:16px;color:#fff8e4;font:9px var(--sans);letter-spacing:2px;text-shadow:0 1px 4px #16271b}.panel-body{padding:23px 26px}.panel-body h2{font:31px/1.17 var(--serif);letter-spacing:-.5px;margin-bottom:13px}.body-copy{color:#7b8477;font-size:12px;line-height:1.8;margin-bottom:21px}.rules{display:flex;gap:13px;margin-bottom:23px;padding-bottom:20px;border-bottom:1px solid #e9ebdf}.rule{flex:1;display:flex;gap:7px;align-items:center;color:#6d7b6a;font-size:10px;line-height:1.4}.rule .icon{width:19px;height:19px;color:var(--gold)}label{display:block;color:#53664f;font-size:11px;font-weight:600;margin-bottom:7px}.optional{font-weight:400;color:#9b9e91}input{width:100%;border:1px solid #dce0d2;border-radius:8px;background:#fffef9;padding:11px 13px;color:var(--forest);font-size:12px}input::placeholder{color:#a1a696}input:focus{border-color:#879e7e;outline:none;box-shadow:0 0 0 3px #829e7612}.form-field{margin-bottom:16px}.age-row{display:flex;gap:12px;align-items:center}.age-row input{width:78px}.age-row small{font-size:10px;line-height:1.5;color:#8d9486}.primary-button,.secondary-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;border:1px solid var(--forest);border-radius:8px;padding:13px 17px;background:var(--forest);color:#fffef4;font-size:12px;font-weight:500;transition:background .15s}.primary-button:hover{background:#315548}.primary-button .icon{width:17px;height:17px}.secondary-button{background:transparent;color:var(--forest);border-color:#dce2d1;font-size:11px;padding:10px}.secondary-button:hover{background:#f1f3e8}.small-note{font-size:9px;line-height:1.6;color:#93998b;text-align:center;margin:10px 0 0}.demo-link{border:0;background:none;text-decoration:underline;text-underline-offset:3px;color:#839178;width:100%;font-size:10px;margin-top:15px;padding:4px}.panel-footer{display:flex;gap:6px;align-items:center;justify-content:center;padding:15px 16px;background:#f6f7ee;border-top:1px solid #e7eadf;font-size:9px;color:#8a9581}.panel-footer .icon{width:13px;height:13px}.progress-header{padding:22px 25px 18px;border-bottom:1px solid #e7ebdf}.team-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.team-name{font:21px var(--serif);max-width:230px;overflow-wrap:anywhere}.age-pill{font-size:9px;white-space:nowrap;color:#6c7b63;background:#f1f3e8;border-radius:5px;padding:4px 7px}.progress-labels{display:flex;justify-content:space-between;font-size:9px;color:#8d9685;margin-bottom:9px}.progress-track{display:flex;gap:3px}.progress-segment{height:4px;background:#e7ebde;border-radius:3px;flex:1}.progress-segment.done{background:#688e64}.progress-segment.current{background:#d7b064}.stop-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.stop-number{font-size:9px;font-weight:600;letter-spacing:1.6px;color:#7b8b71}.status-chip{background:#f0f3e7;color:#75896c;padding:4px 7px;border-radius:5px;font-size:9px}.status-chip.arrived{color:#3f7952;background:#eaf3e7}.landmark-icon{height:75px;width:75px;background:#eef1e3;border:1px solid #e0e7d4;border-radius:50%;display:grid;place-items:center;margin:0 0 17px;font-size:37px}.walking-title{font-size:28px!important;line-height:1.2!important}.distance-box{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#f4f5ed;border:1px solid #e6eadb;border-radius:9px;margin:20px 0}.distance-box>.icon{width:26px;height:26px;color:#8da17d}.distance-value{font:27px var(--serif);line-height:1.2}.distance-label{font-size:9px;color:#89917e}.distance-hint{margin-left:auto;color:#8f9b83;font-size:9px;max-width:115px;text-align:right}.arrival-note{padding:13px;border:1px dashed #d7dfc8;background:#fafbf5;border-radius:8px;font-size:11px;color:#819073;line-height:1.7;margin-bottom:16px}.arrival-note b{font-weight:600;color:#5c7351}.up-next{border-top:1px solid #e8ecdf;margin-top:23px;padding-top:19px;display:flex;gap:12px;color:#b1b8a8;font-size:11px;align-items:center}.up-next .icon{width:18px;height:18px}.up-next small{display:block;font-size:9px;margin-top:3px;color:#a1aa94}.question-title{font:23px/1.45 var(--serif);margin-bottom:19px}.answer-list{display:flex;flex-direction:column;gap:9px}.answer-option{display:flex;align-items:center;gap:12px;text-align:left;background:#fffef9;border:1px solid #dde4d3;border-radius:8px;padding:12px 13px;font-size:12px;color:#5a6b52;line-height:1.6;width:100%}.answer-letter{display:grid;place-items:center;width:25px;height:25px;border:1px solid #e0e5d6;border-radius:5px;flex-shrink:0;font:11px var(--sans);color:#8c987f}.answer-option:hover{background:#f4f6ec;border-color:#b2c0a3}.answer-option[aria-pressed=true]{border-color:#6f8b60;background:#f0f4e5;box-shadow:0 0 0 1px #6f8b60}.answer-option[aria-pressed=true] .answer-letter{color:white;background:#6b875d;border-color:#6b875d}.question-submit{margin-top:20px}.penalty-card{padding:26px 10px;text-align:center}.penalty-icon{color:#b77b42;background:#fbf1df;border-radius:50%;height:64px;width:64px;display:grid;place-items:center;margin:0 auto 17px}.penalty-icon .icon{width:27px;height:27px}.penalty-card h2{font-size:28px}.countdown{font:52px var(--serif);color:#a97b49;font-variant-numeric:tabular-nums;margin:15px 0}.penalty-card p{font-size:12px;color:#93937f;line-height:1.8}.stats-row{display:flex;gap:10px;margin:20px 0}.stat-card{flex:1;background:#f3f5ea;border-radius:9px;padding:15px;text-align:center}.stat-card strong{font:24px var(--serif);display:block;color:#526c47}.stat-card span{font-size:9px;color:#89967e}.completed-art{font-size:66px;text-align:center;margin:15px 0}.completed-title{text-align:center}.session-tools{padding:0 26px 15px;display:flex;justify-content:space-between;font-size:9px;color:#a2ab95}.session-tools button{border:0;background:none;color:#99a38d;text-decoration:underline;font-size:9px;padding:0}.feedback,.connection-error,.gps-error{margin:15px 20px;padding:12px 14px;font-size:11px;border-radius:7px;line-height:1.7}.feedback{background:#edf4e6;color:#506c43;border:1px solid #dce8d0}.feedback.wrong,.connection-error,.gps-error{background:#fbf1df;color:#94713e;border:1px solid #ebdfc5}.demo-tools{border-top:1px dashed #e0d8c4;background:#fbf5e8;padding:14px 20px}.demo-tools>span{font-size:8px;letter-spacing:1.4px;color:#a18759;display:block;margin-bottom:9px}.demo-tools small{display:block;text-align:center;font-size:9px;color:#a79470;margin-top:6px}.demo-tools .secondary-button{border-color:#e1d7bd;color:#8a784e}.loading-state{padding:50px 20px;text-align:center;color:#8b977e;font-size:12px}.loading-state .icon{display:block;margin:0 auto 20px;width:34px;height:34px;color:#b19661}.story-dialog{border:1px solid #d2d8c3;border-radius:16px;padding:30px;max-width:630px;width:calc(100% - 30px);max-height:90vh;overflow:auto;background:#fffaf0;color:var(--forest)}.story-dialog::backdrop{background:#172c26a6;backdrop-filter:blur(4px)}.story-dialog h2{font:31px var(--serif);margin:15px 0}.story-dialog p{font-size:12px;color:#7b8770;line-height:1.8}.story-dialog img{width:100%;border-radius:8px}.dialog-close{position:absolute;top:9px;right:14px;border:0;background:none;color:#7e8b73;font-size:26px}.map-pin{background:none;border:none}.pin-body{height:40px;width:40px;background:var(--forest);border:3px solid #fffdf2;border-radius:50% 50% 50% 6px;transform:rotate(-45deg);box-shadow:0 3px 9px #203c3530;display:grid;place-items:center;color:white}.pin-body span{transform:rotate(45deg);font:16px var(--serif)}.pin-body.done{height:24px;width:24px;background:#7c976d;border-width:2px;border-radius:50%;margin:8px;transform:none}.pin-body.done span{transform:none;font:12px var(--sans)}.target-label{border:none!important;background:#fffdf3!important;border-radius:7px!important;color:#37523b!important;box-shadow:0 2px 7px #294b2315!important;padding:6px 10px!important;font:11px var(--serif)!important}.estate-label{font:italic 35px var(--serif);letter-spacing:5px;color:#849774;opacity:.55;white-space:nowrap;pointer-events:none}.forest-label{font:italic 15px var(--serif);color:#8a9c7a;white-space:nowrap;pointer-events:none}.noscript{padding:20px;background:#fff1cc;position:fixed;bottom:0;z-index:2000;width:100%}#map-fallback{position:absolute;bottom:80px;left:20px;right:20px;z-index:600;padding:14px;border-radius:8px;background:#fff8e8;color:#8b7346;font-size:12px}[hidden]{display:none!important}@media(min-width:1500px){.app-shell{grid-template-columns:minmax(0,1fr) 420px;gap:50px}.panel-body{padding:28px 30px}.map-heading h1{font-size:38px}}@media(max-width:1100px){.app-shell{padding:28px 25px;gap:25px;grid-template-columns:minmax(0,1fr) 350px}.map-heading h1{font-size:27px}.estate-seal{display:none}.map-caption{flex-direction:column;align-items:flex-start;gap:6px}.panel-body{padding:22px}.site-header{padding:0 25px}.map-frame{min-height:520px}}@media(max-width:780px){.site-header{height:73px;padding:0 20px}.brand{font-size:14px;gap:9px}.brand b{font-size:22px}.brand-emblem{width:36px;height:41px}.brand-emblem svg{width:26px;height:26px}.header-location{display:none}.header-right{gap:0}.text-button{font-size:11px}.app-shell{display:flex;flex-direction:column;padding:20px 16px;gap:20px;max-width:560px}.map-section{width:100%}.map-heading{margin-bottom:15px}.map-heading h1{font-size:26px}.map-heading p{font-size:11px}.eyebrow{font-size:8px}.map-frame{height:43vh;min-height:300px;max-height:470px;border-radius:13px}.map-caption{font-size:9px;flex-direction:row;gap:6px;margin-top:11px}.map-caption>span:first-child{display:none}.route-note{font-size:9px;margin-top:9px}.quest-panel{width:100%}.intro-art{height:120px}.panel-body{padding:24px}.panel-topline{padding:16px 24px}.panel-body h2{font-size:30px}.rules{gap:15px}.map-top{top:12px;left:12px;right:12px}.map-actions{right:12px;top:65px}.leaflet-control-zoom{margin:65px 0 0 12px!important}.map-bottom{left:12px;right:12px}.question-title{font-size:22px}.answer-option{font-size:13px;padding:13px}.estate-label{font-size:25px}.header-right .icon{width:17px;height:17px}.body-copy{font-size:13px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.panel-body .question-title{font:24px/1.4 var(--serif);letter-spacing:-.2px}@media(max-width:780px){.panel-body .question-title{font-size:24px}}

.override-status{font-size:11px;line-height:1.6;color:#927844;margin-bottom:12px;overflow-wrap:anywhere}.override-coordinates{display:grid;grid-template-columns:1fr 1fr;gap:9px}.override-coordinates input{min-width:0;padding:9px;font-variant-numeric:tabular-nums;font-size:11px}.override-accuracy{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0}.override-accuracy label{margin:0;font-size:10px}.override-accuracy input{width:82px;padding:7px 9px;font-size:11px}.override-presets{display:flex;gap:6px;margin:10px 0}.override-presets .secondary-button{padding:9px 4px;font-size:10px}.override-map-toggle{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:400;line-height:1.6;margin:12px 0;color:#8a784e}.override-map-toggle input{width:15px;height:15px;margin:0;accent-color:#a4874e}.location-picking,.location-picking .leaflet-interactive{cursor:crosshair!important}

.start-route-length{display:flex;align-items:center;gap:13px;padding:14px 16px;margin:0 0 22px;background:#f0f3e7;border:1px solid #dfe6d2;border-radius:9px;color:var(--forest)}.start-route-length>.icon{width:28px;height:28px;color:var(--gold)}.start-route-length strong{display:block;font:27px/1.2 var(--serif)}.start-route-length span{display:block;font-size:10px;color:#7b8b70;margin-top:4px}

.arrival-card{padding:18px;background:#f0f3e7;border:1px solid #dfe6d2;border-radius:10px;margin-bottom:18px}.arrival-card h3{font:24px/1.2 var(--serif);color:var(--forest);margin:10px 0}.arrival-card p{font-size:13px;line-height:1.7;color:#64715f}.arrival-card .primary-button{margin-top:12px;font-size:12px}.directions-link{text-decoration:none;display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px}.arrival-ready{font-size:13px;color:var(--forest);line-height:1.6}

.guardian-reveal{overflow:hidden;border:1px solid #d9d9bd;border-radius:14px;margin:18px 0 24px;background:#f4f0df;text-align:center}.guardian-scene{height:148px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 80%,#d9c78255,transparent 65%),linear-gradient(150deg,#284d42,#102c29);overflow:hidden}.guardian-scene:before,.guardian-scene:after{content:"";position:absolute;width:130px;height:180px;border-radius:50%;background:#43644555;bottom:-120px;left:-25px;transform:rotate(-25deg)}.guardian-scene:after{left:auto;right:-25px;transform:rotate(25deg)}.guardian-emblem{display:grid;place-items:center;position:relative;width:88px;height:88px;font:52px Georgia,serif;color:#f5d38b;text-shadow:0 0 25px #f5d38b88;background:#f9e9b80a;border:1px solid #e9cc7966;border-radius:50%;box-shadow:0 0 36px #d5b76822}.guardian-orbit{position:absolute;width:114px;height:114px;border:1px dashed #e7d39055;border-radius:50%;transform:rotate(25deg)}.guardian-star{position:absolute;color:#ecd596;font-size:19px}.star-one{left:20%;top:28px}.star-two{right:20%;top:45px;font-size:27px}.star-three{right:31%;bottom:17px;font-size:12px}.guardian-caption{padding:17px 12px 19px}.guardian-caption strong{display:block;font:23px/1.3 var(--serif);color:var(--forest);margin:7px 0}.guardian-caption>span:last-child{font:italic 12px/1.5 var(--serif);color:#7b8063}.guardian-victory .guardian-scene{height:190px;background:radial-gradient(ellipse at center,#8c783b66,transparent 70%),linear-gradient(140deg,#304e37,#102c29)}.guardian-victory .guardian-emblem{font-size:65px;width:110px;height:110px}.guardian-victory .guardian-orbit{width:142px;height:142px}.guardian-animate .guardian-emblem{animation:guardian-arrive 1.2s ease-out both}.guardian-animate .guardian-star{animation:guardian-spark 1.8s ease-out both}.guardian-animate .star-two{animation-delay:.15s}.guardian-animate .star-three{animation-delay:.3s}@keyframes guardian-arrive{from{opacity:0;transform:translateY(12px) scale(.75);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes guardian-spark{0%{opacity:0;transform:scale(.3)}55%{opacity:1;transform:scale(1.3)}100%{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.guardian-animate .guardian-emblem,.guardian-animate .guardian-star{animation:none}}

.arrival-overlay{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;border:0;padding:24px;background:radial-gradient(ellipse at center,#52633b 0%,#183e32 45%,#071f1c 100%);color:#f1dfb5;overflow:auto}.arrival-overlay::backdrop{background:#071f1c}.arrival-fullscreen-content{min-height:100%;width:min(620px,100%);margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.arrival-fullscreen-content>.eyebrow{color:#e3c684;letter-spacing:3px}.arrival-fullscreen-content #arrival-art{width:100%}.arrival-fullscreen-content .guardian-reveal{border:0;background:none;margin:26px 0}.arrival-fullscreen-content .guardian-scene{height:260px;background:none;overflow:visible}.arrival-fullscreen-content .guardian-scene:before,.arrival-fullscreen-content .guardian-scene:after{display:none}.arrival-fullscreen-content .guardian-emblem{width:170px;height:170px;font-size:96px;box-shadow:0 0 100px #dec07544}.arrival-fullscreen-content .guardian-orbit{width:220px;height:220px;animation:arrival-orbit 7s linear both}.arrival-fullscreen-content .guardian-caption strong{color:#f7e7c2;font-size:clamp(30px,7vw,48px)}.arrival-fullscreen-content .guardian-caption .eyebrow,.arrival-fullscreen-content .guardian-caption>span:last-child{color:#d1c29a}.arrival-fullscreen-content .guardian-caption>span:last-child{font-size:18px}.arrival-fullscreen-content .guardian-star{animation:arrival-shimmer 2s ease-in-out 3}.arrival-fullscreen-content .guardian-emblem{animation:guardian-arrive 1.4s ease-out both,arrival-glow 5s 1.4s ease-in-out}.arrival-fullscreen-content>p{font-size:12px;color:#c4c7aa}.arrival-overlay-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;align-items:center;margin:15px 0}.arrival-overlay-controls button{background:none;border:1px solid #e6d49c66;border-radius:20px;padding:10px 16px;color:#f3e4c2;font-size:12px;cursor:pointer}.arrival-overlay-controls label{font-size:11px;color:#d1c29a;display:flex;gap:6px;align-items:center;margin:0}.arrival-overlay-controls input{width:14px;height:14px;margin:0}.arrival-duration{height:2px;width:180px;background:#d7bf7e;transform-origin:left;animation:arrival-duration 7s linear forwards;margin-top:18px}@keyframes arrival-orbit{to{transform:rotate(205deg)}}@keyframes arrival-shimmer{50%{opacity:.35;transform:scale(.7)}100%{opacity:1;transform:scale(1)}}@keyframes arrival-glow{50%{box-shadow:0 0 130px #dec07588}}@keyframes arrival-duration{to{transform:scaleX(0)}}@media(prefers-reduced-motion:reduce){.arrival-fullscreen-content .guardian-orbit,.arrival-fullscreen-content .guardian-star,.arrival-fullscreen-content .guardian-emblem,.arrival-duration{animation:none}}

.sound-choice{border:1px solid #dfe6d2;border-radius:9px;padding:14px;margin:0 0 20px;background:#f7f7ef}.sound-choice legend{font-size:12px;font-weight:600;color:var(--forest);padding:0 5px}.sound-choice p,.sound-choice small{font-size:11px;line-height:1.6;color:#7b8063;margin:0 0 12px}.sound-choice label{display:flex;align-items:center;gap:9px;font-size:13px;margin:12px 0;cursor:pointer}.sound-choice input{width:17px;height:17px;margin:0;accent-color:var(--forest)}.sound-choice small{display:block;margin:12px 0 0}

.arrival-fullscreen-content #arrival-art{position:relative;isolation:isolate}.arrival-fullscreen-content .guardian-reveal{position:relative;z-index:2}.arrival-rays{position:absolute;z-index:-1;inset:-20%;border-radius:50%;background:repeating-conic-gradient(from 0deg,#e8c96b18 0deg 7deg,transparent 7deg 25deg);mask-image:radial-gradient(ellipse,#000 5%,transparent 67%);animation:arrival-rays 8s ease-out both;pointer-events:none}.arrival-wave{position:absolute;left:50%;top:155px;width:200px;height:200px;margin:-100px;border:2px solid #f3d78b88;box-shadow:0 0 35px #e9c96d55,inset 0 0 30px #e9c96d33;border-radius:50%;animation:arrival-wave 3s .7s ease-out both;pointer-events:none}.arrival-wave.wave-two{animation-delay:1.4s}.arrival-particles{position:absolute;left:50%;top:155px;pointer-events:none;z-index:3}.arrival-particles i{position:absolute;font-style:normal;font-size:15px;color:#ffe5a1;text-shadow:0 0 12px #ffdf79;animation:arrival-burst 5s calc(.8s + var(--delay)) ease-out both}.arrival-fullscreen-content .guardian-emblem{animation:arrival-summon 2s cubic-bezier(.2,.7,.3,1) both,arrival-glow 5s 2s ease-in-out}.arrival-fullscreen-content .guardian-caption{animation:arrival-caption 1.4s 1.3s ease-out both}.arrival-duration{animation-duration:8s}.arrival-overlay-controls .arrival-speaker{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;padding:10px}.arrival-speaker svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.arrival-speaker[aria-pressed=true]{background:#d9bc7030;border-color:#e4cd8c}.arrival-speaker:focus-visible{outline:2px solid #fff0b9;outline-offset:4px}@keyframes arrival-rays{from{opacity:0;transform:rotate(-35deg) scale(.4)}30%{opacity:1}to{opacity:.55;transform:rotate(30deg) scale(1.3)}}@keyframes arrival-wave{from{opacity:0;transform:scale(.3)}15%{opacity:1}to{opacity:0;transform:scale(3)}}@keyframes arrival-burst{0%{opacity:0;transform:rotate(var(--angle)) translateX(15px) scale(0)}18%{opacity:1}75%{opacity:1}100%{opacity:0;transform:rotate(var(--angle)) translateX(var(--distance)) scale(.5)}}@keyframes arrival-summon{0%{opacity:0;transform:translateY(35px) scale(.3) rotate(-18deg);filter:blur(15px)}65%{opacity:1;transform:translateY(-6px) scale(1.08) rotate(3deg);filter:blur(0)}100%{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@keyframes arrival-caption{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.arrival-rays,.arrival-wave,.arrival-particles{display:none}.arrival-fullscreen-content .guardian-emblem,.arrival-fullscreen-content .guardian-caption{animation:none}}