:root{--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--terracotta: #b5693f;--terracotta-deep: #8a4a2a;--warm-white: #fff8eb;--ink: #3a2a1a;--sand-100: #f4e6c9;--sand-200: #e7cfa6;--sand-300: #d7b27e;--ink-border: 2px solid var(--ink);--shadow-soft: 0 8px 24px rgba(58, 42, 26, .18);--shadow-hover: 0 14px 34px rgba(58, 42, 26, .28)}#ui-root{position:absolute;inset:0;z-index:100;pointer-events:none}#ui-root>*{pointer-events:auto}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#000;color:var(--warm-white);font-family:var(--font);font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none}body.countryside-body{background:#000}#scene{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}.touch-layer{position:fixed;inset:0;z-index:5;pointer-events:none;touch-action:none}.touch-layer>*{pointer-events:auto}.joystick-zone{position:fixed;left:0;bottom:0;width:50%;height:60%;z-index:10;touch-action:none}.look-zone{position:fixed;right:0;bottom:0;width:50%;height:100%;z-index:10;touch-action:none}.joystick{position:fixed;left:calc(var(--safe-left) + 90px);bottom:calc(var(--safe-bottom) + 90px);width:110px;height:110px;transform:translate(-50%,50%);z-index:12;pointer-events:none}.joystick .base,.joystick .stick{position:absolute;border-radius:50%}.joystick .base{inset:0;background:#3a2a1a73;border:1.5px solid rgba(255,248,235,.25)}.joystick .stick{width:46px;height:46px;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff8ebd9}.fly-btn{position:fixed;right:calc(var(--safe-right) + 18px);width:56px;height:56px;border-radius:50%;z-index:13;display:grid;place-items:center;font-size:18px;color:#fff8ebeb;background:#3a2a1a9e;border:1.5px solid rgba(255,248,235,.22);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);user-select:none;-webkit-user-select:none;cursor:pointer;touch-action:none}.fly-btn:active{background:#b5693fd9;transform:scale(.96)}.fly-btn.fly-up{bottom:calc(var(--safe-bottom) + 150px)}.fly-btn.fly-down{bottom:calc(var(--safe-bottom) + 80px)}.joystick-zone,.look-zone,.joystick,.fly-btn{display:none}@media (hover: none) and (pointer: coarse){.joystick-zone,.look-zone,.joystick{display:block}.fly-btn{display:grid}}@media (max-width: 768px){.joystick-zone,.look-zone,.joystick{display:block}.fly-btn{display:grid}}.back-link{position:fixed;top:calc(var(--safe-top) + 14px);left:calc(var(--safe-left) + 14px);z-index:100;display:inline-flex;align-items:center;gap:8px;padding:9px 14px 9px 12px;border-radius:999px;background:#3a2a1ac7;color:var(--warm-white);font-weight:600;font-size:13px;letter-spacing:.01em;text-decoration:none;border:1.5px solid rgba(255,248,235,.18);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background .16s ease,transform .16s ease;cursor:pointer}.back-link:hover,.back-link:focus-visible{background:#b5693fe0;transform:translateY(-1px);outline:none}.back-link span:first-child{font-size:15px;line-height:1}.back-link.sanctuary-link{top:calc(156px + var(--safe-top));left:auto;right:calc(14px + var(--safe-right));width:132px;justify-content:center;padding:9px 12px;border-radius:14px;background:linear-gradient(160deg,#f4e6c9,#e7cfa6 60%,#d7b27e);color:var(--ink);border:var(--ink-border);box-shadow:var(--shadow-soft),inset 0 1px #fff8eb99,inset 0 -2px #3a2a1a14;backdrop-filter:none;-webkit-backdrop-filter:none;font-weight:700;letter-spacing:.02em}.back-link.sanctuary-link:hover,.back-link.sanctuary-link:focus-visible{background:linear-gradient(160deg,#f9edd1,#ecd6ad 60%,#dbb784);color:var(--ink);filter:brightness(1.04)}.back-link.sanctuary-link span:first-child{font-size:13px}.back-link.sanctuary-link span:last-child{font-size:15px;line-height:1}.back-link.tennis-link{border-radius:14px;background:linear-gradient(160deg,#f4e6c9,#e7cfa6 60%,#d7b27e);color:var(--ink);border:var(--ink-border);box-shadow:inset 0 1px #fff8eb99,inset 0 -2px #3a2a1a14;backdrop-filter:none;-webkit-backdrop-filter:none;font-weight:700;letter-spacing:.02em;padding:9px 14px 9px 12px}.back-link.tennis-link:hover,.back-link.tennis-link:focus-visible{background:linear-gradient(160deg,#f9edd1,#ecd6ad 60%,#dbb784);color:var(--ink);filter:brightness(1.04);transform:none}.back-link.tennis-link span:first-child{font-size:15px;line-height:1}.back-link.tennis-link span:last-child{font-size:13px}@media (max-width: 600px){.back-link{padding:11px 14px 11px 12px;font-size:13px}.back-link span:first-child{font-size:15px}.back-link.sanctuary-link{top:calc(128px + var(--safe-top));right:calc(14px + var(--safe-right));width:104px;padding:11px 10px;font-size:12px;border-radius:12px}.back-link.sanctuary-link span:first-child{font-size:12px}.back-link.sanctuary-link span:last-child{font-size:14px}}@media (max-width: 360px){.back-link.sanctuary-link{top:calc(116px + var(--safe-top));right:calc(14px + var(--safe-right));width:92px;padding:10px 8px;font-size:11.5px}.back-link.sanctuary-link span:first-child{font-size:11.5px}.back-link.sanctuary-link span:last-child{font-size:13px}}.countryside-loading{position:fixed;inset:0;z-index:200;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 35%,#3a2a1ad9,#000000f2 70%);pointer-events:auto;transition:opacity .36s ease,visibility .36s ease}.countryside-loading.hidden{opacity:0;visibility:hidden;pointer-events:none}.countryside-loading-card{width:min(88vw,360px);padding:24px 22px 20px;border-radius:18px;background:#140e08d9;border:1px solid rgba(255,248,235,.12);text-align:center}@media (max-width: 600px){.countryside-loading-card{padding:20px 18px 16px}.countryside-loading-title{font-size:13px}.countryside-loading-hint{font-size:10px}}.countryside-loading-title{font-size:14px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:#fff8ebd9;margin-bottom:14px}.countryside-loading-spinner{width:26px;height:26px;margin:4px auto 12px;border-radius:50%;border:2px solid rgba(255,248,235,.1);border-top-color:var(--terracotta);animation:countryside-spin .9s linear infinite}@keyframes countryside-spin{to{transform:rotate(360deg)}}.countryside-loading-hint{font-size:10.5px;font-weight:400;color:#fff8eb8c;letter-spacing:.01em}.controls-hint{position:fixed;left:50%;bottom:calc(14px + var(--safe-bottom));transform:translate(-50%);z-index:80;pointer-events:none;white-space:nowrap;color:#fff8eb8c;font-size:9.6px;font-weight:300;letter-spacing:.01em}@media (hover: none) and (pointer: coarse){.controls-hint{display:none}}@media (max-width: 600px){.controls-hint{display:none}}.intro-hint{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:90;pointer-events:none;display:flex;flex-direction:column;gap:10px;padding:18px 24px;background:#0000008c;border-radius:14px;color:var(--warm-white, #fff8eb);font-family:var(--font);font-size:14px;font-weight:500;letter-spacing:.01em;text-align:left;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:1;transition:opacity 1s ease}.intro-hint.is-fading{opacity:0}.intro-hint__row{display:flex;align-items:center;gap:12px;white-space:nowrap}.intro-hint__key{display:inline-block;padding:4px 10px;border-radius:6px;background:#ffffff2e;border:1px solid rgba(255,255,255,.35);font-weight:700;font-size:12.5px;letter-spacing:.04em;min-width:56px;text-align:center}.intro-hint__text{opacity:.92}@media (max-width: 600px){.intro-hint{font-size:13px;padding:14px 18px}.intro-hint__key{font-size:11.5px;padding:3px 8px;min-width:48px}}@media (hover: none) and (pointer: coarse){.intro-hint{display:none}}body.countryside-body{--moss-50: #f4f6ec;--moss-100: #e0e8cf;--moss-200: #c4d4ad;--moss-300: #9bb285;--moss-deep: #4f6a3d}body.countryside-body .vinyl-player{background:linear-gradient(160deg,#ffffff 0%,var(--warm-white) 60%,#f1e7d0 100%)}body.countryside-body .vinyl-player .vinyl-disc .label{background:radial-gradient(circle at 35% 30%,var(--warm-white) 0%,var(--moss-50) 60%,var(--moss-100) 100%);border-color:var(--moss-deep)}body.countryside-body .vinyl-player .vinyl-arm .arm-pivot{background:radial-gradient(circle at 35% 30%,#b3c79a 0%,var(--moss-300) 60%,var(--moss-deep) 100%)}body.countryside-body .vinyl-player .vinyl-arm .arm-shaft{background:linear-gradient(180deg,var(--warm-white) 0%,var(--moss-100) 50%,var(--moss-200) 100%)}body.countryside-body .sponsor-button{background:linear-gradient(160deg,#ffffff 0%,var(--warm-white) 60%,#f1e7d0 100%);right:calc(14px + var(--safe-right))}body.countryside-body .sponsor-button:focus-visible{outline-color:var(--moss-deep)}@media (max-width: 700px){body.countryside-body .sponsor-button{right:calc(14px + var(--safe-right))}}.coords-hud{display:none;position:fixed;top:calc(var(--safe-top) + 62px);left:calc(var(--safe-left) + 14px);z-index:90;pointer-events:none;padding:8px 11px;border-radius:10px;background:#140e08b8;border:1px solid rgba(255,248,235,.12);color:#fff8ebd9;font-family:ui-monospace,SF Mono,JetBrains Mono,Menlo,monospace;font-size:11px;line-height:1.45;letter-spacing:.01em;white-space:pre;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.coords-hud.coords-hud--shown{display:block}@media (hover: none) and (pointer: coarse){.coords-hud,.coords-hud.coords-hud--shown{display:none}}@media (max-width: 768px){.coords-hud,.coords-hud.coords-hud--shown{display:none}}