.video-card-backdrop{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:calc(20px + var(--safe-top)) calc(20px + var(--safe-right)) calc(20px + var(--safe-bottom)) calc(20px + var(--safe-left));background:#3a2a1a52;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:110;opacity:0;transition:opacity .25s ease,visibility 0s linear .25s}#ui-root>.video-card-backdrop{pointer-events:none;visibility:hidden;backdrop-filter:none;-webkit-backdrop-filter:none}#ui-root>.video-card-backdrop.show{opacity:1;pointer-events:auto;visibility:visible;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);transition:opacity .25s ease,visibility 0s linear 0s}.video-card{position:relative;display:inline-flex;width:fit-content;max-width:min(100%,460px);max-height:min(85dvh,720px);background:transparent;border:0;border-radius:0;box-shadow:none;outline:none;padding:0;overflow:hidden;transform:scale(.94) translateY(10px);opacity:0;transition:transform .28s cubic-bezier(.2,.85,.25,1),opacity .22s ease;pointer-events:auto}.video-card-backdrop.show .video-card{transform:scale(1) translateY(0);opacity:1}.video-card__video{display:block;width:auto;height:auto;max-width:min(100%,460px);max-height:min(85dvh,720px);border-radius:0;background:transparent;object-fit:contain;border:0;outline:none}.video-card__video:focus,.video-card__video:focus-visible{outline:none}.video-card .close{position:absolute;top:14px;right:14px;width:44px;height:44px;min-width:0;padding:0;border-radius:50%;border:var(--ink-border);background:var(--warm-white);color:var(--ink);font-size:17px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;box-shadow:0 2px 8px #3a2a1a59;transition:transform .12s ease,background .12s ease}.video-card .close:hover{transform:scale(1.06);background:#fdf3df}.video-card .close:active{transform:scale(.96)}.vinyl-player{position:fixed;top:calc(14px + var(--safe-top));right:calc(14px + var(--safe-right));width:132px;height:132px;z-index:90;pointer-events:auto;background:linear-gradient(160deg,#f4e6c9,#e7cfa6 60%,#d7b27e);border:var(--ink-border);border-radius:18px;box-shadow:var(--shadow-soft),inset 0 1px #fff8eb99,inset 0 -2px #3a2a1a14;padding:8px;display:block;user-select:none;-webkit-user-select:none}.vinyl-player .vinyl-disc{position:absolute;top:8px;left:8px;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle at 50% 50%,transparent 0,transparent 16px,rgba(255,248,235,.05) 16.5px,transparent 17px,transparent 22px,rgba(255,248,235,.04) 22.5px,transparent 23px,transparent 30px,rgba(255,248,235,.04) 30.5px,transparent 31px,transparent 38px,rgba(255,248,235,.04) 38.5px,transparent 39px,transparent 46px,rgba(255,248,235,.05) 46.5px,transparent 47px),radial-gradient(circle at 50% 50%,#2b1d10,#1a120a 70%,#0e0905);border:2px solid var(--ink);padding:0;margin:0;cursor:pointer;box-shadow:inset 0 0 8px #00000080,0 4px 10px #3a2a1a40;transition:transform .18s ease;animation:none;display:block;min-width:0;min-height:0}.vinyl-player .vinyl-disc:active{transform:scale(.97)}.vinyl-player.is-playing .vinyl-disc{animation:vinyl-spin 3.2s linear infinite}.vinyl-player .vinyl-disc .ring{position:absolute;border-radius:50%;pointer-events:none;border:1px solid rgba(255,248,235,.06)}.vinyl-player .vinyl-disc .ring-outer{inset:6px}.vinyl-player .vinyl-disc .ring-mid{inset:16px}.vinyl-player .vinyl-disc .ring-inner{inset:26px}.vinyl-player .vinyl-disc .label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--warm-white) 0%,var(--sand-100) 60%,var(--sand-200) 100%);border:2px solid var(--terracotta-deep);box-shadow:inset 0 0 0 1px #fff8eb99;display:grid;place-items:center}.vinyl-player .vinyl-disc .label:after{content:"";width:4px;height:4px;border-radius:50%;background:var(--ink);box-shadow:inset 0 1px 1px #fff8eb66}.vinyl-player .vinyl-arm{position:absolute;top:4px;right:4px;width:60px;height:70px;background:transparent;border:none;padding:0;margin:0;cursor:pointer;box-shadow:none;transform-origin:88% 12%;transform:rotate(0);transition:transform .55s cubic-bezier(.5,1.4,.4,1);min-width:0;min-height:0}.vinyl-player.is-playing .vinyl-arm{transform:rotate(50deg)}.vinyl-player .vinyl-arm:active{filter:brightness(1.04)}.vinyl-player .vinyl-arm.bump{animation:arm-bump .5s ease}.vinyl-player .vinyl-arm .arm-pivot{position:absolute;top:4px;right:4px;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#d49568 0%,var(--terracotta) 60%,var(--terracotta-deep) 100%);border:2px solid var(--ink);box-shadow:inset 0 -1px 1px #00000040}.vinyl-player .vinyl-arm .arm-shaft{position:absolute;top:9px;right:9px;width:4px;height:74px;background:linear-gradient(180deg,var(--warm-white) 0%,var(--sand-200) 50%,var(--sand-300) 100%);border:1.5px solid var(--ink);border-radius:2px;transform-origin:top right;transform:rotate(-2deg);box-shadow:1px 0 #0000002e}.vinyl-player .vinyl-arm .arm-shaft:after{content:"";position:absolute;bottom:-5px;left:50%;width:8px;height:8px;border-radius:50%;background:var(--ink);transform:translate(-50%);box-shadow:0 1px 2px #00000059}.vinyl-player .vinyl-arm .arm-head{display:none}@keyframes vinyl-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes arm-bump{0%{filter:brightness(1)}30%{filter:brightness(1.18)}to{filter:brightness(1)}}@media (max-width: 700px){.vinyl-player{width:104px;height:104px;padding:6px;border-radius:16px}.vinyl-player .vinyl-disc{top:6px;left:6px;width:78px;height:78px}.vinyl-player .vinyl-disc .label{width:28px;height:28px}.vinyl-player .vinyl-arm{top:3px;right:3px;width:48px;height:56px}.vinyl-player .vinyl-arm .arm-pivot{width:11px;height:11px}.vinyl-player .vinyl-arm .arm-shaft{top:7px;right:7px;width:3px;height:56px}.vinyl-player .vinyl-arm .arm-shaft:after{width:7px;height:7px}}@media (max-width: 360px){.vinyl-player{width:92px;height:92px}.vinyl-player .vinyl-disc{width:70px;height:70px}.vinyl-player .vinyl-arm{width:42px;height:50px}.vinyl-player .vinyl-arm .arm-shaft{height:50px}}@media (prefers-reduced-motion: reduce){.vinyl-player.is-playing .vinyl-disc{animation:none}.vinyl-player .vinyl-arm,.vinyl-player.is-playing .vinyl-arm{transition:none}}.sponsor-button{position:fixed;top:calc(210px + var(--safe-top));right:calc(14px + var(--safe-right));width:132px;height:52px;z-index:90;pointer-events:auto;display:grid;grid-template-columns:auto auto;grid-template-rows:1fr;align-items:center;justify-content:center;column-gap:8px;padding:6px 12px;margin:0;cursor:pointer;color:var(--ink);background:linear-gradient(160deg,#f4e6c9,#e7cfa6 60%,#d7b27e);border:var(--ink-border);border-radius:14px;box-shadow:var(--shadow-soft),inset 0 1px #fff8eb99,inset 0 -2px #3a2a1a14;transition:transform .18s ease,filter .18s ease;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;overflow:hidden;isolation:isolate}.sponsor-button:after{content:"";position:absolute;top:-20%;bottom:-20%;left:-80%;width:70%;pointer-events:none;background:linear-gradient(115deg,#fff0 0% 25%,#ffffff73 42%,#fffffff2,#ffffff73 58%,#fff0 75% 100%);mix-blend-mode:screen;filter:blur(.5px);transform:translate(0);animation:sponsor-glint 5s linear infinite;z-index:1}.sponsor-button>*{position:relative;z-index:2}@keyframes sponsor-glint{0%,40%{transform:translate(0);opacity:0}42%{opacity:1}98%{opacity:1}to{transform:translate(320%);opacity:0}}.sponsor-button:hover{filter:brightness(1.04)}.sponsor-button:active{transform:scale(.95)}.sponsor-button:focus-visible{outline:2px solid var(--terracotta-deep);outline-offset:2px}.sponsor-button.bump{animation:sponsor-bump .45s ease}.sponsor-button .sponsor-icon{width:26px;height:26px;display:block;object-fit:contain;image-rendering:auto;user-select:none;-webkit-user-drag:none;pointer-events:none}.sponsor-button .sponsor-label{font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink);line-height:1;pointer-events:none;white-space:nowrap}@keyframes sponsor-bump{0%{transform:scale(1)}35%{transform:scale(.9);filter:brightness(1.12)}to{transform:scale(1)}}.viewpoint-button{position:fixed;top:calc(156px + var(--safe-top));right:calc(14px + var(--safe-right));width:52px;height:52px;z-index:90;pointer-events:auto;display:grid;place-items:center;padding:0;margin:0;cursor:pointer;color:var(--ink);background:linear-gradient(160deg,#f4e6c9,#e7cfa6 60%,#d7b27e);border:var(--ink-border);border-radius:14px;box-shadow:var(--shadow-soft),inset 0 1px #fff8eb99,inset 0 -2px #3a2a1a14;transition:transform .18s ease,filter .18s ease;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.viewpoint-button:hover{filter:brightness(1.04)}.viewpoint-button:active{transform:scale(.95)}.viewpoint-button:focus-visible{outline:2px solid var(--terracotta-deep);outline-offset:2px}.viewpoint-button.bump{animation:viewpoint-bump .45s ease}.viewpoint-button .viewpoint-icon{width:28px;height:28px;display:block;object-fit:contain;image-rendering:auto;user-select:none;-webkit-user-drag:none;pointer-events:none}@keyframes viewpoint-bump{0%{transform:scale(1)}35%{transform:scale(.9);filter:brightness(1.12)}to{transform:scale(1)}}@media (max-width: 700px){.sponsor-button{top:calc(182px + var(--safe-top));right:calc(14px + var(--safe-right));width:104px;height:44px;border-radius:12px;padding:4px 10px;column-gap:6px}.sponsor-button .sponsor-icon{width:22px;height:22px}.sponsor-button .sponsor-label{font-size:11.5px}.viewpoint-button{top:calc(128px + var(--safe-top));width:44px;height:44px;border-radius:12px}.viewpoint-button .viewpoint-icon{width:24px;height:24px}}@media (max-width: 360px){.sponsor-button{top:calc(166px + var(--safe-top));right:calc(14px + var(--safe-right));width:92px;height:40px;padding:3px 8px;column-gap:5px}.sponsor-button .sponsor-icon{width:20px;height:20px}.sponsor-button .sponsor-label{font-size:10.5px}.viewpoint-button{top:calc(116px + var(--safe-top));width:40px;height:40px}.viewpoint-button .viewpoint-icon{width:22px;height:22px}}@media (prefers-reduced-motion: reduce){.sponsor-button,.sponsor-button.bump,.viewpoint-button,.viewpoint-button.bump{transition:none;animation:none}.sponsor-button:after{animation:none;opacity:0}}.home-button{position:fixed;top:calc(218px + var(--safe-top));right:calc(74px + var(--safe-right));width:72px;height:52px;z-index:90;pointer-events:auto;display:grid;place-items:center;padding:0;margin:0;cursor:pointer;color:var(--ink);background:linear-gradient(160deg,#f4e6c9,#e7cfa6 60%,#d7b27e);border:var(--ink-border);border-radius:14px;box-shadow:var(--shadow-soft),inset 0 1px #fff8eb99,inset 0 -2px #3a2a1a14;transition:transform .18s ease,filter .18s ease;text-decoration:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.home-button:hover{filter:brightness(1.04)}.home-button:active{transform:scale(.95)}.home-button:focus-visible{outline:2px solid var(--terracotta-deep);outline-offset:2px}.home-button.bump{animation:home-bump .45s ease}.home-button .home-icon{width:28px;height:28px;display:block;pointer-events:none}@keyframes home-bump{0%{transform:scale(1)}35%{transform:scale(.9);filter:brightness(1.12)}to{transform:scale(1)}}@media (max-width: 700px){.home-button{right:calc(66px + var(--safe-right));width:52px;height:44px;border-radius:12px}.home-button .home-icon{width:24px;height:24px}}@media (max-width: 360px){.home-button{right:calc(60px + var(--safe-right));width:46px;height:40px}.home-button .home-icon{width:22px;height:22px}}@media (prefers-reduced-motion: reduce){.home-button,.home-button.bump{transition:none;animation:none}}body:not(.countryside-body) .sponsor-button{top:calc(156px + var(--safe-top))}body:not(.countryside-body) .viewpoint-button,body:not(.countryside-body) .home-button{top:calc(218px + var(--safe-top))}@media (max-width: 700px){body:not(.countryside-body) .sponsor-button{top:calc(128px + var(--safe-top))}body:not(.countryside-body) .viewpoint-button,body:not(.countryside-body) .home-button{top:calc(182px + var(--safe-top))}}@media (max-width: 360px){body:not(.countryside-body) .sponsor-button{top:calc(116px + var(--safe-top))}body:not(.countryside-body) .viewpoint-button,body:not(.countryside-body) .home-button{top:calc(166px + var(--safe-top))}}