@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,d09GMgABAAAAAAa0ABQAAAAADOwAAAZHAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGhYbbhwoP0hWQVJtP01WQVJGBmA/U1RBVIEcAGQvXBEICoMkgmcLFgAwhEwBNgIkAyYEIAWGXAdiDAcbOgtRlHLSRcD8TEzkdoghPRuspKefbVnJIM5yRfA8vZv9uTNJSCZY21Scrigr6qyJ/C3sE1OFKuVP3e+lxUTbYio1zb/kFdk2bufY2BlhWERRBrcDUBhB5GEpd2Cy+MDxqf9zLPX+XVsk5r+s50d6IpWLatqbdT6f2MAikiOKQocbjya2QT0DqPDX4R0jQBgAUAiCRhDA0EkvYeLk9X3I2bEWI8jBAihIANm+kUWQBgggWChcBBdFhXlAUgOCAgBA0AgKjUJ8HKvjddFCKSgAVklEBYAeEJgCQJH0qB3B+neDg4sAA4hAD0AVIEAA0IACJGeaUjMIIIhBUE/zNABjTQMBwEVRcwcYBUCObLERABAgjAA1M/ZSa9hSi4OlpsnZ2KBOVUsAZlRGl1W0NZ6gSwhQPIAFs7YFL0QS91vRQgdgx2VDAnIegKpQvwAJIoLgooBAGtCJcHizg0TDiz8vhPgIcVXaDJu37ZyDAIjFy4AAiC1JAA0olJwN6nFAACQk/zfQVUuA3t5ELKMT9hpBSRj+HBSggYCIAIEkUoC4PCIQIWHGA8+IStxf0PW15ntP22gc+Wo+BLyQAHECQiAVd+c3Ba8gZ4NOACBaLOhsbIMkAXEmuHsSAvkf4oJaAogH6nEQAzoBIEihUAwAA0AACAObAGcANYAAABaqgMmpWAhiiVyrvNyqFV8tMQ5Iyq6r9Lf7W82i8ILl2cv8zbfdJ5lnPzSnvt/XXPfRR/5pH3xA+u5uS0798EPJ3Fft33w36Wc+8E/7aIB/9fvvb1pE9erNXLB9mkw//cSg8Cnx03VGXDvZnRzKqV9Xkhn7eRHb3wVjHpg19nkZpX9bBU+vnHegrsuQcbW9Bi7oO33h+8SU0Tly/MbeYUuG1cftVz6oNxrW0qH1iezq446fkDFo/rgvTkqt7zmteFzncZ0uxXti09FFF2z+C7CODpjUudOE5NSeb3bv/mbPKcmOEzpWQ3VBgBAuj/AOY3qMm7UvgA8qo3+qvAUBBAX0wADQG4AG+jCKaSxkBe/zvcTG8jRpRZgqhCog4sd++cOo7J+/RdvaaMoc78Ri/PNPSclx6fDvG1Kt3qQFi1rq+5EaavTtt9TVvfvucYsA5wc4oESU+E1ikF9TkrOkIsIH5Fawx7SBNLnMcWlM3skBluCmQNs7GeyFvYVDamsqwhxx18n/+WdxzDgOLU1AqbUlb3m+KOT9+ONvY/7XlrdLS//5v7nN97XHj0VzJpJvz4spq0V7ioXDuv2YrSxtF/KZmvbWfKtorXSh8dfvgGu+ev/nFSaXM6jyuCE/f/EpmuP7Rqu8R98vP/+tXUdrOgKlZP9Q/s+fRF9+3CHZd4EugfPv158me9X7v/6aSMCxMJmIr//65bNXngl7+uiPP5oKx+y27D8trp+psUzMacpm80XlnYeMAct0LynxhNYgaP3dtn8/LBAi+ksr+7NvjjtJV+UXrz0uLXV1x08AZRN1S2A8EaVE5afk/dfGjz//+fdHn36Xdttz2d9/z+bawZ8/slNN1aYtq+ZPGzNuPGdwOsfYflwmHCkPgs5DcKizvdpS/3gEUMW9/lvQvWp1bGTW1fpngC/uSVYAfH3TeSusL8TtlHUD4KAAEHjahk4YpuffGwEBN/dUmpHqdHyJ3Ap8O3UlQ4gCNrMRwLBBKiskL6a+RoBi/9XGlgc8L4/CUejQxaiIyqmomdhktOhfgDbDfaNDb4+yKIPd6IgmzDa0CByijWFmL2dlSRKagTIWXeIU9HDphoZiJeBTjAefHMxDhVSRFUgVcOkW3EGMahYVMFjWHhMluB2wAcbHYqF1LpsDF9C6s+CI2fDgh4wSuFEyGadjXAmIk3CugIRibLIti9ZtC8S4VSqfikGqPaoI122XyRYLBmsOmdiiTpqK1OklUQzpMcZmQRQV4M4oJCMkfRQXK+qvjifUcQd1bRdetW/LWjacYxvcttnVjWg5h0q4xw6rZyejSpZVZ78LzC4uyDNRQ4bymHSTMyM+SZ7D75mg/7YTlmNz7W8T00h0VEiGKB+F7iWYZFvSTiA4LVxttm2ATt5EoUWLJbY4EnLGrfsvEROlHtzlKn3H9VUT5tU/2dt3/EBv7foYzV/W4upyj04woO/gh6Vwwt3WGQAA)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./plus-jakarta-sans-vietnamese-wght-normal-qRpaaN48.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./plus-jakarta-sans-latin-ext-wght-normal-DmpS2jIq.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./plus-jakarta-sans-latin-wght-normal-eXO_dkmS.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Russo One;font-style:normal;font-display:swap;font-weight:400;src:url(./russo-one-latin-400-normal-BfOuQF9V.woff2)format("woff2"),url(./russo-one-latin-400-normal-CosRecV9.woff)format("woff")}@font-face{font-family:Chakra Petch;font-style:normal;font-display:swap;font-weight:500;src:url(./chakra-petch-latin-500-normal-BR1ody1F.woff2)format("woff2"),url(./chakra-petch-latin-500-normal-CnUQnZ4D.woff)format("woff")}@font-face{font-family:Chakra Petch;font-style:normal;font-display:swap;font-weight:700;src:url(./chakra-petch-latin-700-normal-CnDBPjkL.woff2)format("woff2"),url(./chakra-petch-latin-700-normal-D1s_c2du.woff)format("woff")}:root{color:#193c32;font-synthesis:none;background:#d7e5df;font-family:Inter,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button,.button{color:#204b3b;cursor:pointer;background:#fff;border:1px solid #c8d6cd;border-radius:10px;padding:10px 14px;font-family:inherit;font-size:13px;font-weight:600;text-decoration:none}button:hover,.button:hover{background:#edf4ec}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #e6a84c}button:disabled{opacity:.5;cursor:wait}.app,.gallery{height:100dvh;min-height:320px;position:relative;overflow:hidden}.viewport{touch-action:none;position:absolute;inset:0}.topbar{z-index:4;pointer-events:none;justify-content:space-between;align-items:center;gap:15px;display:flex;position:absolute;top:18px;left:20px;right:20px}.topbar>div,.topbar>a{pointer-events:auto}.topbar>div:first-child{background:#fffffff0;border:1px solid #d2ded3;border-radius:14px;padding:13px 18px;box-shadow:0 3px 20px #20382912}.topbar strong{font-size:16px;display:block}.topbar span{color:#5b7668;margin-top:5px;font-size:11px;display:block}.toolbar{gap:8px;display:flex}.map-panel{z-index:3;background:#fffffff2;border:1px solid #d3ded3;border-radius:13px;padding:10px;position:absolute;bottom:20px;right:20px;box-shadow:0 4px 18px #17332818}.map-panel svg{width:240px;display:block}.map-panel figcaption{text-align:center;font-size:10px}.map-panel figure{margin:0}.map-panel output{text-align:right;color:#75917c;margin-top:4px;font-size:10px;display:block}.controls-hint{color:#fff;pointer-events:none;background:#193c32dd;border-radius:9px;max-width:calc(100% - 300px);padding:10px 14px;font-size:12px;position:absolute;bottom:20px;left:20px}.crosshair{color:#fff;text-shadow:0 1px 3px #000;pointer-events:none;font-size:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.eyebrow{letter-spacing:2px;color:#67816d;font-size:11px;font-weight:700}h1{letter-spacing:-2px;margin:18px 0;font-size:clamp(36px,5vw,68px);line-height:1.03}p{color:#526f60;font-size:15px;line-height:1.65}.primary{color:#fff;background:#215e42;border:0;margin:25px 0 15px;padding:16px 28px;font-size:15px;display:block}.primary:hover{background:#16472f}.fallback-option{cursor:pointer;margin:10px 0 18px;font-size:12px;display:block}.fallback-option input{vertical-align:middle;accent-color:#215e42}.gallery-panel a{color:#245a40;font-size:13px}.error{color:#8c371a;background:#ffeddf;padding:14px}.touch-controls{z-index:2;pointer-events:none;position:absolute;inset:80px 0 0}.touch-controls>*{pointer-events:auto;touch-action:none}.look-pad{width:65%;height:100%;position:absolute;top:0;right:0}.joystick{background:#17433455;border:2px solid #fffa;border-radius:50%;place-items:center;width:104px;height:104px;display:grid;position:absolute;bottom:65px;left:30px}.joystick>div{pointer-events:none;background:#ffffffb0;border-radius:50%;width:45px;height:45px}.touch-run,.touch-jump{background:#ffffffe0;width:68px;height:55px;position:absolute;bottom:75px;right:25px}.touch-run{bottom:145px}.gallery>canvas{display:block}.gallery-panel{text-align:center;background:#fffffff0;border:1px solid #c7d7c8;border-radius:18px;min-width:360px;padding:16px 25px;position:absolute;bottom:25px;left:50%;transform:translate(-50%)}.gallery-panel p{margin:9px 0;font-size:11px}.clip-buttons{justify-content:center;gap:8px;display:flex}.clip-buttons .selected{color:#fff;background:#215e42}@media (pointer:coarse){.map-panel{padding:6px;top:88px;bottom:auto;right:15px}.map-panel svg{width:155px}.map-panel figcaption{font-size:8px}.controls-hint{max-width:80%;font-size:10px;bottom:15px;left:15px}}@media (width<=600px){.topbar{top:10px;left:10px;right:10px}.topbar>div:first-child{padding:10px 12px}.topbar strong{font-size:13px}.topbar span{font-size:9px}.toolbar{gap:4px}.toolbar button{padding:9px 7px;font-size:10px}.primary{margin-top:18px}.gallery-panel{min-width:310px;padding:14px}.map-panel svg{width:150px}}@media (height<=550px){.primary{margin:13px 0}.fallback-option{margin:6px 0}.map-panel svg{width:160px}}.minimap>small{letter-spacing:1px;color:#5b7668;margin-bottom:7px;font-size:9px;display:block}.minimap>span{text-align:center;color:#627866;margin-top:5px;font-size:9px;display:block}.map-panel,.app .topbar>div:first-child{pointer-events:none}@media (height<=550px) and (pointer:coarse){.map-panel{top:78px}.map-panel svg{width:120px}.map-panel output{display:none}.minimap>span{font-size:8px}.touch-run{bottom:100px}.touch-jump{bottom:35px}.joystick{bottom:42px}.controls-hint{padding:7px 10px;bottom:8px}}.app .topbar{z-index:6}.load-failure{max-width:650px;padding:8vh 7vw}.toolbar button{min-height:44px}.controls-hint{line-height:1.5}@media (width<=600px){.topbar{flex-wrap:wrap;gap:7px}.toolbar{margin-left:auto}}.gallery-loading{background:#fff;border-radius:10px;padding:14px;position:absolute;top:100px;left:20px}.crosshair{transition:color .15s}.crosshair.targeting{color:#ffd27a}.look-label{z-index:2;color:#fff;white-space:nowrap;pointer-events:none;background:#193c32e8;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600;position:absolute;top:calc(50% + 20px);left:50%;transform:translate(-50%)}.notice{z-index:3;text-align:center;pointer-events:none;background:#fffffff2;border:1px solid #d2ded3;border-radius:12px;width:max-content;max-width:min(440px,100% - 40px);padding:10px 16px;font-size:13px;line-height:1.45;position:absolute;bottom:84px;left:50%;transform:translate(-50%);box-shadow:0 4px 18px #17332818}.minimap-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.minimap-head small{letter-spacing:1px;color:#5b7668;font-size:9px}.compass{color:#40604f;white-space:nowrap;align-items:center;gap:4px;font-size:9px;font-weight:600;display:flex}.map-panel .compass svg{width:15px;height:15px}.map-label{fill:#1e3a2f;paint-order:stroke;stroke:#fffffff0;stroke-width:1.6px;stroke-linejoin:round;font-size:6.4px;font-weight:700}.map-panel{width:min-content}@media (pointer:fine) and (width>=601px) and (height>=551px){.map-panel svg.map{width:270px}}@media (pointer:coarse){.notice{font-size:12px;bottom:215px}.look-label{font-size:12px}.minimap-head small{display:none}}@media (height<=550px) and (pointer:coarse){.notice{max-width:min(440px,100% - 360px);bottom:14px}}.topbar>button{pointer-events:auto}.toolbar{align-items:center}.views{gap:4px;display:flex}.toolbar button[aria-pressed=true]{color:#fff;background:#215e42;border-color:#215e42}.toolbar .icon{padding:9px 10px;font-size:15px;line-height:1}.toolbar .narrow{display:none}.toolbar .wide{display:inline}@media (width<=820px){.toolbar .wide{display:none}.toolbar .narrow{display:inline}.toolbar{gap:5px}.toolbar button{padding:9px 8px}}.guide-hud{z-index:4;pointer-events:none;background:#fffffff2;border:1px solid #d2ded3;border-radius:999px;align-items:center;gap:9px;max-width:min(520px,100vw - 40px);padding:7px 8px 7px 14px;font-size:13px;display:flex;position:absolute;top:86px;left:50%;transform:translate(-50%);box-shadow:0 3px 18px #20382914}.guide-hud[hidden]{display:none}.guide-arrow{fill:#ef6f2e;transform-origin:50%;flex:none;width:19px;height:19px}.guide-text{align-items:baseline;gap:7px;min-width:0;display:flex}.guide-label{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.guide-distance{color:#5b7668;white-space:nowrap;font-size:11px}.guide-badge{pointer-events:auto;white-space:nowrap;border-radius:999px;min-height:0;padding:6px 11px;font-size:11px}.guide-badge.done{color:#fff;background:#215e42;border-color:#215e42}.map-route{stroke:#ef6f2e;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3.4 2.6;animation:1.5s linear infinite map-flow}@keyframes map-flow{to{stroke-dashoffset:-6px}}.map-checkpoints circle{fill:#fff;stroke:#3f6b53;stroke-width:.7px}.map-checkpoints circle.visited{fill:#2f7a52;stroke:#fff}.map-checkpoints circle.next{fill:#ef6f2e;stroke:#fff}.map-label.visited{fill:#215e42}.map-label.next{fill:#b4541f}.map-expand{pointer-events:auto;border-radius:7px;min-height:0;padding:2px 7px;font-size:12px;line-height:1.25}.zoom-controls{z-index:4;flex-direction:column;gap:8px;display:flex;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.zoom-controls button{width:44px;height:44px;padding:0;font-size:19px}.fullmap{z-index:7;background:#eef3ecf7;flex-direction:column;display:flex;position:absolute;inset:0}.fullmap>header{background:#fffc;border-bottom:1px solid #d6e0d6;justify-content:space-between;align-items:center;gap:12px;padding:13px 18px;display:flex}.fullmap header strong{font-size:15px;display:block}.compass-note{color:#5b7668;margin-top:3px;font-size:11px;display:block}.fullmap-tools{align-items:center;gap:7px;display:flex}.fullmap-tools button{min-height:40px}.primary-small{color:#fff;background:#215e42;border-color:#215e42}.fullmap-body{flex:1;min-height:0;display:flex}.fullmap-scroll{flex:1;padding:12px;overflow:auto}.fullmap-scroll svg.map{background:#d8d1bd;border-radius:10px;min-width:100%;height:auto;display:block;box-shadow:0 2px 14px #17332814}.map-label.big{stroke-width:.9px;font-size:3.1px}.tour-panel{background:#ffffffe8;border-left:1px solid #d6e0d6;flex:none;width:272px;padding:14px;overflow-y:auto}.tour-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.badge{white-space:nowrap;border:1px solid #bcd0bf;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:700}.badge.done{color:#fff;background:#215e42;border-color:#215e42}.tour-goal{margin:9px 0 4px;font-size:12px}.tour-list{margin:6px 0;padding:0;font-size:12px;list-style:none}.tour-list li{color:#4d6a57;align-items:center;gap:7px;display:flex}.tour-list li.visited{color:#215e42}.tour-list li.next{color:#b4541f;font-weight:700}.tour-list button{color:inherit;text-align:left;font-size:12px;font-weight:inherit;background:0 0;border:0;min-height:0;padding:4px 0}.tour-list button:hover{background:0 0;text-decoration:underline}.tour-buttons{flex-wrap:wrap;gap:6px;margin:10px 0;display:flex}.tour-buttons button{min-height:40px;padding:8px 10px;font-size:11px}.tour-hint{color:#5b7668;font-size:11px;line-height:1.5}.menu-links{align-items:center;gap:10px;margin:0 0 12px;font-size:12px;display:flex}.menu-links button{padding:8px 12px}@media (width<=760px){.fullmap-body{flex-direction:column}.tour-panel{border-top:1px solid #d6e0d6;border-left:0;width:auto;max-height:44%}.fullmap>header{padding:10px 12px}.fullmap-scroll{padding:8px}}@media (pointer:coarse){.map-panel{top:120px}.guide-hud{max-width:min(52vw,196px);padding:6px 8px 6px 11px;font-size:12px;top:122px;left:12px;transform:none}.guide-badge{padding:5px 8px}.zoom-controls{top:44%;right:12px}}@media (pointer:coarse) and (width<=520px){.guide-hud{max-width:none;left:12px;right:12px}.map-panel{top:176px}}@media (height<=550px) and (pointer:coarse){.map-panel{top:78px}.guide-hud{max-width:min(46vw,250px);font-size:11px;top:76px}.zoom-controls button{width:40px;height:40px}}.search-overlay{z-index:8;background:#0e211bb0;justify-content:center;align-items:flex-start;padding:11vh 16px 16px;display:flex;position:absolute;inset:0}.search-panel{background:#fff;border:1px solid #d2ded3;border-radius:16px;flex-direction:column;width:min(520px,100%);max-height:76vh;display:flex;overflow:hidden;box-shadow:0 18px 50px #0d251c40}.search-input{width:100%;color:inherit;background:0 0;border:0;border-bottom:1px solid #e2e9e2;padding:16px 18px;font-family:inherit;font-size:16px;font-weight:600}.search-input:focus{border-bottom-color:#215e42;outline:0}.search-results{margin:0;padding:6px;list-style:none;overflow-y:auto}.search-results button{text-align:left;background:0 0;border:0;border-radius:9px;justify-content:space-between;align-items:baseline;gap:12px;width:100%;padding:11px 12px;font-size:13px;display:flex}.search-results li.active button,.search-results button:hover{background:#eaf2ea}.search-name{font-weight:600}.search-distance{color:#5b7668;white-space:nowrap;font-size:11px}.search-empty{margin:0;padding:16px 18px;font-size:12px}.search-hint{color:#5b7668;border-top:1px solid #e6ece6;margin:0;padding:10px 16px;font-size:11px}@media (width<=600px){.toolbar{flex-wrap:wrap;justify-content:flex-end;max-width:100%}.toolbar button{padding:9px 6px}.views{gap:3px}.search-overlay{padding:7vh 12px 12px}}@media (height<=550px){.search-overlay{padding:4vh 16px 12px}.search-panel{max-height:88vh}}:root{--cream:#faf7f0;--band:#f2f5eb;--ink:#15321f;--body:#51665a;--muted:#7f9085;--line:#dee3d5;--green:#1a563c;--green-dark:#123f2a;--amber:#e2a33e;--font-home:"Plus Jakarta Sans Variable","Plus Jakarta Sans",system-ui,"Segoe UI",Arial,sans-serif}.app.menu-shell{--bg:#f5f3ec;--surface:#fff;--surface-2:#faf8f2;--surface-3:#f1eee5;--border:#e7e2d6;--border-strong:#d8d1c1;--text-strong:#10261b;--text-body:#4a5c52;--text-soft:#7b8a81;--brand:#1a563c;--brand-soft:#e5f0e8;--accent:#f59e0b;--accent-deep:#ea7a12;--accent-ink:#2b1600;--accent-soft:#fff2d9;--hero-fade:#f7f5eff5;--hero-fade-mid:#f7f5efd6;--shadow:0 1px 2px #1a2a200d,0 8px 24px -12px #1a2a2026;--hero-h:clamp(440px,calc(100dvh - 330px),640px);grid-template-columns:minmax(0,1fr) minmax(300px,360px);grid-template-rows:auto minmax(var(--hero-h),auto) auto 1fr auto;background:var(--bg);height:auto;min-height:100dvh;color:var(--text-body);font-family:var(--font-home);grid-template-areas:"header header""hero side""features side""blank side""footer footer";align-content:start;gap:18px 20px;padding:0 24px 18px;display:grid;overflow:visible}.app.menu-shell[data-theme=dark]{--bg:#0c1511;--surface:#131f19;--surface-2:#182721;--surface-3:#1e2f28;--border:#26372f;--border-strong:#34493f;--text-strong:#eef4ef;--text-body:#b9c8bf;--text-soft:#86998e;--brand:#5fd49a;--brand-soft:#173427;--accent:#f7a928;--accent-deep:#f08419;--accent-ink:#241200;--accent-soft:#3a2a10;--hero-fade:#0c1511f0;--hero-fade-mid:#0c1511bb;--shadow:0 1px 2px #0006,0 10px 28px -14px #000c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.app.menu-shell h1,.app.menu-shell h2,.app.menu-shell h3{color:var(--text-strong);letter-spacing:-.01em}.app.menu-shell button{font-family:inherit}.app.menu-shell button:disabled{cursor:not-allowed}.app.menu-shell>.notice,.app.menu-shell>.auth-overlay{position:fixed}.app.menu-shell>.notice{z-index:30;bottom:24px}.app.menu-shell>.settings-sheet{z-index:40;position:fixed}.app.menu-shell .link-btn{color:var(--brand)}.viewport.framed{min-height:0;box-shadow:var(--shadow);z-index:0;background:#cfe0d6;border-radius:24px;grid-area:hero;position:relative;inset:auto;overflow:hidden}.shell-header{z-index:10;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #0000;grid-area:header;align-items:center;gap:18px;min-height:74px;margin:0 -24px;padding:10px 24px;display:flex;position:sticky;top:0}.brand{flex:none;align-items:center;gap:12px;display:flex}.brand-mark{flex:none;width:42px;height:42px}.brand strong{letter-spacing:.02em;text-transform:uppercase;color:var(--text-strong);font-size:18px;font-weight:800;line-height:1.1;display:block}.brand span{letter-spacing:.2em;text-transform:uppercase;color:var(--text-soft);margin-top:3px;font-size:11px;font-weight:700;display:block}.home-nav{align-items:center;gap:4px;min-width:0;margin:0 auto;display:flex}.nav-pill{white-space:nowrap;color:var(--text-body);background:0 0;border:0;border-radius:12px;align-items:center;gap:8px;padding:10px 14px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.nav-pill svg{color:var(--text-soft)}.nav-pill:hover:not(:disabled){background:var(--surface-3);color:var(--text-strong)}.nav-pill[aria-current=page]{background:var(--accent-soft);color:var(--text-strong)}.nav-pill[aria-current=page] svg{color:var(--accent-deep)}.shell-actions{flex:none;align-items:center;gap:10px;display:flex}.help-anchor{position:relative}.theme-toggle{background:var(--surface);border:1px solid var(--border);border-radius:999px;align-items:center;gap:2px;padding:4px;display:inline-flex}.theme-toggle span{width:30px;height:30px;color:var(--text-soft);border-radius:50%;place-items:center;display:grid}.theme-toggle span.on{background:var(--accent-soft);color:var(--accent-deep)}.theme-toggle:hover{background:var(--surface)}.install-pill{background:var(--surface);border:1px solid var(--border);color:var(--text-strong);border-radius:12px;align-items:center;gap:8px;padding:10px 14px;font-size:13.5px;font-weight:600;display:inline-flex}.install-pill:hover{background:var(--surface-2);border-color:var(--border-strong)}.signin-btn{background:var(--brand);color:#fff;border:0;border-radius:12px;align-items:center;gap:8px;padding:11px 18px;font-size:14px;font-weight:700;display:inline-flex}.app.menu-shell[data-theme=dark] .signin-btn{color:#06140d}.signin-btn:hover{background:var(--brand);filter:brightness(1.08)}.account-chip{background:var(--surface);border:1px solid var(--border);border-radius:14px;align-items:center;gap:10px;min-width:0;max-width:320px;padding:6px 12px 6px 6px;display:flex}.account-avatar{color:#fff;background:linear-gradient(135deg,#2f8a5c,var(--brand));border-radius:11px;flex:none;place-items:center;width:38px;height:38px;font-size:16px;font-weight:800;display:grid}.account-text{flex-direction:column;min-width:0;display:flex}.account-text strong{color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;overflow:hidden}.signed-in-email{color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.account-chip .link-btn{white-space:nowrap;margin-left:4px;font-size:12px}.help-pop{z-index:12;background:var(--surface);border:1px solid var(--border);text-align:left;border-radius:14px;width:min(340px,86vw);padding:16px 18px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 20px 50px -18px #0006}.help-pop p{color:var(--text-body);margin:0 0 12px;font-size:13px}.help-pop strong{color:var(--text-strong)}.help-fineprint{margin:0 0 14px;font-size:11.5px;line-height:1.55;color:var(--text-soft)!important}.start-sidebar.hero-card{z-index:1;pointer-events:none;background:linear-gradient(90deg,var(--hero-fade) 0%,var(--hero-fade-mid) 36%,transparent 62%);border-radius:24px;flex-direction:column;grid-area:hero;justify-content:center;gap:0;min-height:0;padding:30px 36px;display:flex;position:relative}.hero-card>*{pointer-events:auto;max-width:470px}.hero-location{background:var(--brand-soft);color:var(--text-strong);border-radius:999px;align-self:flex-start;align-items:center;gap:8px;padding:7px 14px;font-size:13px;font-weight:600;display:inline-flex}.hero-location .dot{background:var(--brand);width:8px;height:8px;box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 25%,transparent);border-radius:50%}.game-title{letter-spacing:-.02em;text-transform:uppercase;color:var(--text-strong);margin:14px 0 0;font-size:clamp(38px,4.4vw,66px);font-weight:800;line-height:.98}.game-title span{display:block}.title-accent{background:linear-gradient(180deg,#ffb52e,var(--accent-deep));color:#0000;-webkit-background-clip:text;background-clip:text}.hero-card .hero-lede{color:var(--text-body);max-width:420px;margin:14px 0 20px;font-size:16px;line-height:1.55}.cta-row{flex-direction:column;gap:10px;margin:0 0 12px;display:flex}.mode-btn{text-align:left;border-radius:16px;align-items:center;gap:14px;width:100%;min-height:64px;padding:12px 18px;transition:transform .15s,box-shadow .15s,filter .15s;display:flex}.mode-icon{border-radius:12px;flex:none;place-items:center;width:40px;height:40px;display:grid}.mode-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.mode-text strong{letter-spacing:.01em;font-size:18px;font-weight:800}.mode-text>span{opacity:.85;align-items:center;gap:7px;font-size:13px;font-weight:500;display:inline-flex}.mode-go{font-size:22px;font-weight:700;transition:transform .2s}.mode-btn:hover:not(:disabled) .mode-go{transform:translate(4px)}.mode-btn:active:not(:disabled){transform:scale(.99)}.mode-btn:disabled{opacity:.55}.mode-primary{background:linear-gradient(135deg,#ffc043 0%,var(--accent) 45%,var(--accent-deep) 100%);min-height:74px;color:var(--accent-ink);border:0;box-shadow:0 12px 26px -12px #ea7a12aa,inset 0 1px #fff8}.mode-primary:hover:not(:disabled){background:linear-gradient(135deg,#ffc956 0%,#f7a822 45%,#ef8420 100%);box-shadow:0 16px 30px -12px #ea7a12cc,inset 0 1px #fff8}.mode-primary .mode-text strong{text-transform:uppercase;font-size:21px}.mode-primary .mode-icon{background:var(--accent-ink);color:#ffc043}.mode-secondary{border:1px solid var(--border-strong);background:var(--surface);color:var(--text-strong);box-shadow:var(--shadow)}.mode-secondary:hover:not(:disabled){background:var(--surface-2);border-color:var(--brand)}.mode-secondary .mode-icon{background:var(--brand-soft);color:var(--brand)}.live-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:1.8s ease-out infinite home-ping;box-shadow:0 0 #22c55eaa}.menu-links{flex-wrap:wrap;align-items:center;gap:8px;margin:0;display:flex}.menu-links button{background:var(--surface);border:1px solid var(--border-strong);color:var(--text-strong);border-radius:12px;align-items:center;gap:7px;padding:9px 14px;font-size:13px;font-weight:600;display:inline-flex}.menu-links button:hover:not(:disabled){background:var(--surface-2);border-color:var(--brand)}.menu-links svg{color:var(--text-soft);width:16px;height:16px}.hero-badges{align-items:center;gap:10px;display:flex;position:absolute;top:20px;right:20px}.hero-chip{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);color:var(--text-strong);border-radius:999px;align-items:center;gap:7px;padding:8px 13px;font-size:12.5px;font-weight:600;display:inline-flex}.icon-round{border:1px solid var(--border);background:var(--surface);width:40px;height:40px;box-shadow:var(--shadow);border-radius:50%;place-items:center;padding:0;font-size:16px;display:grid}.icon-round:hover{background:var(--surface-2)}.hero-card .error{border-radius:12px;margin-bottom:12px}.hero-card .playing-as,.hero-card .signin-framed{margin:0 0 12px}.home-features{background:var(--surface);border:1px solid var(--border);min-width:0;box-shadow:var(--shadow);border-radius:20px;grid-area:features;padding:12px 14px 14px}.features-title{letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px 2px;font-size:13px;font-weight:800;color:var(--text-soft)!important}.feature-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.feature-card{text-align:left;background:var(--surface-2);border:1px solid var(--border);width:100%;height:100%;color:var(--text-strong);border-radius:14px;align-items:center;gap:10px;padding:10px 12px;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex;position:relative}.feature-card:hover:not(:disabled){background:var(--surface-2);border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-2px)}.feature-card:disabled{opacity:.55}.feature-icon{background:#fff1d6;border-radius:12px;flex:none;place-items:center;width:40px;height:40px;font-size:20px;display:grid}.feature-icon[data-tone=blue]{background:#e3eefc}.feature-icon[data-tone=green]{background:#e2f3e7}.feature-icon[data-tone=violet]{background:#ece6fb}.feature-icon[data-tone=rose]{background:#fce6ea}[data-theme=dark] .feature-icon{background:#3a2a10}[data-theme=dark] .feature-icon[data-tone=blue]{background:#172a40}[data-theme=dark] .feature-icon[data-tone=green]{background:#173427}[data-theme=dark] .feature-icon[data-tone=violet]{background:#2a2244}[data-theme=dark] .feature-icon[data-tone=rose]{background:#3d1d25}.feature-text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.feature-text strong{font-size:14px;font-weight:700}.feature-text span{color:var(--text-soft);font-size:12px;line-height:1.35}.key-item{align-items:center;gap:8px;display:inline-flex}.key-row{gap:4px;display:inline-flex}kbd{border:1px solid var(--line);min-width:28px;height:28px;color:var(--ink);background:#fff;border-radius:8px;place-items:center;padding:0 7px;font:700 11.5px/1 inherit;display:inline-grid;box-shadow:0 1.5px #dfe4d8}.app.menu-shell kbd{background:var(--surface-2);border-color:var(--border-strong);box-shadow:0 2px 0 var(--border-strong);color:var(--text-strong);font-family:var(--font-home)}kbd.key-wide{min-width:48px}.home-side{flex-direction:column;grid-area:side;align-self:start;gap:16px;min-width:0;display:flex}.side-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:20px;min-width:0;padding:16px 18px}.side-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.side-head h2{margin:0;font-size:16.5px;font-weight:800}.side-link{color:var(--brand);background:0 0;border:0;padding:4px 2px;font-size:13px;font-weight:700}.side-link:hover:not(:disabled){background:0 0;text-decoration:underline}.app.menu-shell .map-panel{width:auto;box-shadow:none;pointer-events:auto;background:0 0;border:0;border-radius:0;padding:0;position:static}.app.menu-shell .minimap-head{display:none}.app.menu-shell .map-panel svg.map{border:1px solid var(--border);border-radius:12px;width:100%;height:auto;display:block}.app.menu-shell .minimap>span{color:var(--text-soft);margin-top:6px;font-size:11px;display:block}.app.menu-shell .map-panel output{color:var(--text-soft);font-size:10px}.look-choice{flex-direction:column;gap:8px;display:flex}.look-option{text-align:left;border:2px solid var(--border,#dfe8e1);background:var(--surface-2,#f6f9f5);width:100%;min-height:62px;color:var(--text-strong,#193c32);border-radius:14px;align-items:center;gap:12px;padding:10px 12px;transition:border-color .15s,background .15s;display:flex}.look-option:hover{background:var(--surface-3,#edf4ec);border-color:var(--border-strong,#b9cdbf)}.look-option[aria-checked=true],.look-option[aria-checked=true]:hover{border-color:var(--brand,#215e42);background:var(--brand-soft,#e5f0e8)}.look-icon{background:var(--surface,#fff);border-radius:12px;flex:none;place-items:center;width:42px;height:42px;font-size:22px;display:grid}.look-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.look-text strong{font-size:15px;font-weight:800}.look-text span{color:var(--text-soft,#5b7668);font-size:12px;font-weight:500;line-height:1.35}.look-tick{border:2px solid var(--border-strong,#b9cdbf);background:var(--surface,#fff);border-radius:50%;flex:none;width:20px;height:20px}.look-option[aria-checked=true] .look-tick{border-color:var(--brand,#215e42);background:var(--brand,#215e42);box-shadow:inset 0 0 0 3px var(--surface,#fff)}.look-choice.compact .look-option{gap:10px;min-height:52px;padding:8px 10px}.look-choice.compact .look-icon{width:34px;height:34px;font-size:18px}.look-choice.compact .look-text strong{font-size:13.5px}.look-choice.compact .look-text span{font-size:11px}.settings-look{flex-direction:column;gap:7px;display:flex}.settings-look>strong{color:#193c32;font-size:13px}.key-strip{color:var(--text-body);flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:12px;font-size:12.5px;font-weight:600;display:flex}.key-strip kbd{min-width:24px;height:24px;font-size:11px}.key-strip kbd.key-wide{min-width:42px}.controls-note{color:var(--text-body);margin:0;font-size:13px;line-height:1.5}.creator-card{background:linear-gradient(135deg,var(--accent-soft),var(--surface) 70%)}.creator-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--text-soft);margin-bottom:2px;font-size:10.5px;font-weight:800;display:block}.creator-row{align-items:center;gap:12px;margin-bottom:10px;display:flex}.creator-badge{color:#2b1600;background:linear-gradient(135deg,#ffc043,#ea7a12);border-radius:50%;flex:none;place-items:center;width:46px;height:46px;font-size:16px;font-weight:800;display:grid}.creator-row strong{color:var(--text-strong);font-size:15px;display:block}.creator-row div span{color:var(--text-soft);margin-top:2px;font-size:12px;display:block}.creator-links{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.creator-links a{border:1px solid var(--border-strong);background:var(--surface);min-width:38px;height:38px;color:var(--text-strong);border-radius:11px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.creator-links a:hover{border-color:var(--accent);color:var(--accent-deep)}.creator-links .portfolio-btn{flex:1;justify-content:space-between;padding:0 12px}.shell-footer{color:var(--text-soft);flex-wrap:wrap;grid-area:footer;justify-content:space-between;gap:6px 20px;padding:6px 4px 0;font-size:12px;display:flex}.quality-menu{margin:14px 0 0;display:block}.quality-head{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:6px;display:flex}.quality-head strong{color:var(--ink);font-size:12.5px}.quality-head span{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:11px;font-weight:600}.quality-options{border:1px solid var(--line);background:#fffc;border-radius:999px;gap:3px;padding:3px;display:flex}.quality-options button{min-width:0;color:var(--ink);background:0 0;border:0;border-radius:999px;flex:1 1 0;padding:8px 4px;font-size:11.5px}.quality-options button:hover{background:#eef4ec}.quality-options button[aria-pressed=true]{background:var(--green);color:#fff}.quality-options button[aria-pressed=true]:hover{background:var(--green-dark)}.quality-note{color:var(--muted);margin-top:6px;font-size:10.5px;line-height:1.45;display:block}.app.menu-shell .quality-menu{margin:0}.app.menu-shell .quality-head strong{color:var(--text-strong);font-size:12.5px}.app.menu-shell .quality-head span,.app.menu-shell .quality-note{color:var(--text-soft)}.app.menu-shell .quality-options{background:var(--surface-2);border-color:var(--border);border-radius:12px}.app.menu-shell .quality-options button{color:var(--text-body);border-radius:9px;font-weight:600}.app.menu-shell .quality-options button:hover{background:var(--surface-3)}.app.menu-shell .quality-options button[aria-pressed=true]{background:var(--brand);color:#fff}.app.menu-shell[data-theme=dark] .quality-options button[aria-pressed=true]{color:#06140d}.settings-sheet .quality-menu{border:1px solid #dfe8e1;border-radius:13px;margin:0;padding:10px 12px}.settings-sheet .quality-head strong{color:#193c32;font-size:13px}.settings-sheet .quality-options{background:#f4f7f2}.settings-sheet .quality-note{color:#6a8577;font-size:10px}.playing-as{color:var(--text-body);margin:0;font-size:13px;line-height:1.5}.playing-as strong{color:var(--text-strong)}.playing-as.editing{flex-direction:column;gap:6px;display:flex}.playing-as label{color:var(--text-strong);font-weight:700}.name-row{align-items:center;gap:6px;display:flex}.name-row input{border:1px solid var(--line);min-width:0;font:inherit;color:var(--ink);background:#fff;border-radius:10px;flex:1;padding:9px 11px;font-size:14px}.name-row input:focus-visible{outline:3px solid var(--amber);outline-offset:1px}.name-row button[type=submit]{background:var(--brand);border-color:var(--brand);color:#fff;padding:9px 12px}.name-error{color:#b8431f;font-size:11.5px;font-weight:600;line-height:1.4}.playing-as-note{color:var(--text-soft)}.home-dialog-backdrop{z-index:25;background:#0e211b8c;justify-content:center;align-items:center;padding:16px;animation:.15s ease-out home-fade;display:flex;position:fixed;inset:0}.home-dialog{background:var(--surface);width:min(720px,100%);max-height:calc(100dvh - 32px);color:var(--text-body);border-radius:22px;padding:22px 24px;overflow-y:auto;box-shadow:0 30px 70px -20px #08170f8c}.home-dialog-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.home-dialog h2{margin:0;font-size:22px;font-weight:800}.home-dialog>p{color:var(--text-body);margin:10px 0 14px;font-size:14px;line-height:1.6}.dialog-close{border:1px solid var(--border);background:var(--surface-2);width:36px;height:36px;color:var(--text-strong);border-radius:50%;padding:0}.help-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px;display:grid}.help-grid>div{background:var(--surface-2);border:1px solid var(--border);border-radius:14px;padding:12px 14px}.help-grid h3{margin:0 0 6px;font-size:14.5px}.help-grid ul{color:var(--text-body);margin:0;padding-left:18px;font-size:13px;line-height:1.6}.app.menu-shell .button{border-radius:12px}.dialog-ok,.help-pop .button{background:var(--brand);border-color:var(--brand);color:#fff;padding:11px 22px}.dialog-ok:hover,.help-pop .button:hover{background:var(--brand);filter:brightness(1.08)}[data-theme=dark] .dialog-ok,[data-theme=dark] .help-pop .button{color:#06140d}@keyframes home-ping{0%{box-shadow:0 0 #22c55eaa}80%,to{box-shadow:0 0 0 8px #22c55e00}}@keyframes home-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.live-dot,.home-dialog-backdrop{animation:none}.mode-btn,.mode-go,.feature-card,.look-option{transition:none}}@media (width<=1440px){.install-pill .btn-label{display:none}.install-pill{padding:10px 12px}.account-text .signed-in-email{display:none}}@media (width<=1380px){.nav-pill svg{display:none}.nav-pill{padding:10px 12px}.home-nav{gap:2px}}@media (width<=1500px){.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=860px){.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1240px){.account-chip .account-text{display:none}.brand strong{font-size:16px}}@media (width>=1101px) and (height>=560px){.app.menu-shell{grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-areas:"header header""hero side""features side""footer footer";gap:12px 18px;height:100dvh;min-height:0;padding:0 20px 10px;overflow:hidden}.shell-header{min-height:0;margin:0 -20px;padding:8px 20px;position:relative}.brand-mark{width:38px;height:38px}.home-side{align-self:stretch;gap:12px;min-height:0;overflow:hidden}.side-card{border-radius:18px;padding:14px 16px}.side-head{margin-bottom:10px}.preview-card{flex-direction:column;flex:1 1 0;min-height:120px;display:flex}.preview-card .map-panel{flex-direction:column;flex:1;justify-content:center;min-height:0;display:flex}.preview-card .minimap{flex-direction:column;flex:0 auto;min-height:0;display:flex}.app.menu-shell .preview-card .map-panel svg.map{flex:0 auto;width:100%;height:auto;min-height:0;max-height:100%}.start-sidebar.hero-card{justify-content:safe center}.feature-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.home-side>.controls-card,.home-side>.creator-card{flex:none}.shell-footer{padding:0 4px;font-size:11.5px}.hero-badges{top:16px;right:16px}}@media (width>=1101px) and (width<=1599px) and (height>=560px){.feature-grid{gap:8px}.feature-card{gap:9px;padding:9px 10px}.feature-icon{border-radius:10px;width:36px;height:36px;font-size:18px}.feature-text strong{font-size:13.5px}.feature-text span{display:none}}@media (width>=1101px) and (width<=1299px) and (height>=560px){.feature-icon{display:none}.feature-card{text-align:center;justify-content:center;min-height:44px}}@media (height<=900px) and (width>=1101px){.game-title{margin-top:12px;font-size:clamp(34px,3.7vw,56px)}.start-sidebar.hero-card{padding:26px 32px}.hero-card .hero-lede{margin:10px 0 16px;font-size:15px}.mode-primary{min-height:66px}.mode-btn{min-height:58px}}@media (width>=1101px) and (height>=560px) and (height<=760px){.game-title{margin-top:10px;font-size:clamp(30px,3.2vw,44px)}.game-title span{margin-right:.22em;display:inline}.start-sidebar.hero-card{padding:20px 28px}.hero-card .hero-lede{margin:8px 0 12px;font-size:14px}.mode-primary{min-height:58px}.mode-btn{min-height:52px;padding:8px 16px}.cta-row{gap:8px;margin-bottom:8px}.look-option{min-height:54px;padding:8px 10px}.look-icon{width:36px;height:36px;font-size:19px}.creator-card{justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.creator-card .creator-row{margin:0}.creator-card .creator-row div>span:last-child,.creator-card .creator-badge,.creator-card .portfolio-btn{display:none}.feature-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.feature-card{gap:8px;padding:8px 10px}.feature-icon{border-radius:10px;width:34px;height:34px;font-size:17px}.feature-text strong{font-size:13px}.feature-text span{display:none}.features-title{margin-bottom:8px;font-size:11.5px}.home-features{padding:10px 12px 12px}.key-strip{display:none}}@media (width<=1100px){.app.menu-shell{--hero-h:clamp(420px,64dvh,580px);grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-template-areas:"header""hero""features""side""footer"}.app.menu-shell>.viewport.framed,.app.menu-shell>.hero-card{min-height:var(--hero-h)}.shell-header{flex-wrap:wrap;row-gap:8px}.home-nav{scrollbar-width:none;flex:1 0 100%;order:3;margin:0;padding-bottom:2px;overflow-x:auto}.home-nav::-webkit-scrollbar{display:none}.shell-actions{margin-left:auto}.home-side{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.preview-card{grid-row:1/span 2}}@media (width<=700px){.app.menu-shell{--hero-h:max(520px,78dvh);gap:14px;padding:0 12px 16px}.shell-header{gap:8px 10px;min-height:0;margin:0 -12px;padding:8px 12px}.brand{gap:8px;min-width:0}.brand-mark{width:34px;height:34px}.brand strong{white-space:normal;max-width:118px;font-size:13.5px}.brand span{display:none}.shell-actions{gap:6px}.account-chip{border-radius:12px;padding:4px}.account-chip .account-text{display:none}.account-avatar{border-radius:9px;width:32px;height:32px;font-size:14px}.signin-btn{padding:9px 14px}.theme-toggle span{width:26px;height:26px}.theme-toggle span:not(.on){display:none}.theme-toggle{padding:3px}.nav-pill{background:var(--surface);border:1px solid var(--border);padding:8px 12px;font-size:13.5px}.viewport.framed,.start-sidebar.hero-card{border-radius:20px}.start-sidebar.hero-card{background:linear-gradient(0deg,var(--hero-fade) 0%,var(--hero-fade) 44%,var(--hero-fade-mid) 62%,transparent 80%);justify-content:flex-end;padding:18px 16px}.hero-card>*{max-width:none}.hero-badges{top:14px;right:14px}.game-title{margin-top:10px;font-size:clamp(32px,10vw,44px)}.hero-card .hero-lede{margin:10px 0 14px;font-size:14.5px}.mode-btn{min-height:58px;padding:10px 14px}.mode-primary{min-height:64px}.mode-primary .mode-text strong{font-size:18px}.mode-text strong{font-size:16px}.home-features{padding:16px}.feature-grid{grid-template-columns:1fr;gap:8px}.feature-card{padding:11px 12px}.home-side{display:flex}.help-grid{grid-template-columns:1fr}.home-dialog{padding:18px}.shell-footer{flex-direction:column}}@media (width<=480px){.shell-actions .help-anchor{display:none}}@media (height<=500px) and (width>=560px){.app.menu-shell{--hero-h:max(340px,calc(100dvh - 24px))}.shell-header{position:relative}.start-sidebar.hero-card{background:linear-gradient(90deg,var(--hero-fade) 0%,var(--hero-fade-mid) 45%,transparent 70%);justify-content:center;padding:14px 18px}.hero-card>*{max-width:400px}.hero-location,.hero-card .hero-lede{display:none}.game-title{margin:0 0 10px;font-size:30px}.game-title span{margin-right:.25em;display:inline}.mode-btn,.mode-primary{min-height:50px;padding:8px 12px}.mode-primary .mode-text strong{font-size:16px}.mode-text>span{font-size:12px}.cta-row{gap:7px;margin-bottom:8px}}.auth-overlay{z-index:9;background:#0e211bad;justify-content:center;align-items:center;padding:5vh 16px;display:flex;position:absolute;inset:0}.auth-card{background:#fbf9f3;border-radius:22px;width:min(430px,100%);max-height:90dvh;padding:30px 30px 24px;position:relative;overflow-y:auto;box-shadow:0 30px 70px -20px #08170f8c}.auth-close{background:#12281c0f;border-color:#0000;border-radius:50%;width:34px;height:34px;padding:0;font-size:13px;position:absolute;top:14px;right:14px}.auth-eyebrow{letter-spacing:2.4px;color:#8b9d90;margin:0;font-size:11px;font-weight:700}.auth-card h2{letter-spacing:-.6px;color:var(--ink);margin:10px 0 8px;font-size:25px;font-weight:800;line-height:1.15}.auth-lede{color:var(--body);margin:0 0 18px;font-size:13.5px;line-height:1.55}.auth-waiting{align-items:center;gap:14px;padding:4px 0 12px;display:flex}.auth-spinner{border:3px solid #d8e2d6;border-top-color:var(--green);border-radius:50%;flex:none;width:26px;height:26px;animation:.9s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-retry{align-self:flex-start;margin-top:2px}.auth-note{color:#8b9d90;margin:16px 0 0;font-size:11px;line-height:1.5}.signin{margin:0}.google-btn{color:#1f2b25;background:#fff;border:1px solid #c9d0c6;border-radius:14px;justify-content:center;align-items:center;gap:11px;width:100%;min-height:52px;font-size:15px;font-weight:600;display:flex}.google-btn:hover:not(:disabled){background:#f4f7f2}.google-btn svg{flex:none}.signin-divider{letter-spacing:.6px;color:#8b9d90;align-items:center;gap:10px;margin:16px 0;font-size:11px;display:flex}.signin-divider:before,.signin-divider:after{content:"";background:var(--line);flex:1;height:1px}.signin form{flex-direction:column;gap:8px;display:flex}.signin label{color:#40604f;font-size:12px;font-weight:700}.signin input{border:1px solid var(--line);font:inherit;color:var(--ink);background:#fff;border-radius:10px;width:100%;padding:12px 14px;font-size:15px}.signin input:focus-visible{outline:3px solid var(--amber);outline-offset:1px}.signin .primary{background:var(--green);color:#fff;border:0;border-radius:14px;margin:6px 0 0;padding:15px 24px;font-size:15px;display:block}.signin .primary:hover{background:var(--green-dark)}.signin-sent{color:var(--body);margin:0;font-size:12.5px}.signin-error{color:#8c371a;background:#ffeddf;border-radius:10px;margin:12px 0 0;padding:10px 12px;font-size:12.5px}.link-btn{font:inherit;font-size:inherit;color:var(--green);cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.link-btn:hover{color:var(--green-dark);background:0 0}.link-btn:disabled{opacity:.5;cursor:wait}.signin-framed,.start-sidebar .signin-framed{color:#6b4a12;background:#fff6e5;border:1px solid #f0d9a8;border-radius:10px;margin:0 0 12px;padding:9px 11px;font-size:12px;line-height:1.5}.signin-framed a{color:#6b4a12;font-weight:700}@media (prefers-reduced-motion:reduce){.auth-spinner{animation-duration:3s}}.toolbar .people-btn{white-space:nowrap}.toolbar .people-btn span{font-size:inherit;color:inherit;margin:0;display:inline}.people-panel{max-height:80vh}.people-head{border-bottom:1px solid #e2e9e2;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.people-head strong{font-size:15px;display:block}.people-head span{color:#5b7668;margin-top:3px;font-size:11px;display:block}.people-list{margin:0;padding:6px;list-style:none;overflow-y:auto}.people-list li{border-radius:9px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;display:flex}.people-list li.you{background:#eef5ee}.people-rank{text-align:right;color:#8aa091;font-variant-numeric:tabular-nums;width:18px;font-size:11px}.people-dot{border-radius:50%;flex:none;width:11px;height:11px;box-shadow:0 0 0 2px #fff,0 0 0 3px #0002}.people-name{overflow-wrap:anywhere;flex:1;min-width:0;font-weight:600}.people-name em{color:#5b7668;font-weight:500}.people-visited{color:#5b7668;font-variant-numeric:tabular-nums;font-size:11px}.people-list button{min-height:0;padding:7px 11px;font-size:12px}.emote-bar{z-index:5;background:#fffffff2;border:1px solid #d2ded3;border-radius:18px;gap:6px;padding:6px;display:flex;position:absolute;bottom:136px;left:50%;transform:translate(-50%);box-shadow:0 8px 26px #17332824}.emote-bar button{background:0 0;border:0;border-radius:12px;flex-direction:column;align-items:center;gap:2px;width:60px;padding:6px 2px;font-size:22px;line-height:1;display:flex}.emote-bar button:hover{background:#edf4ec}.emote-bar small{color:#40604f;font-size:9.5px;font-weight:600}.activity-feed{z-index:3;pointer-events:none;flex-direction:column;gap:6px;max-width:min(320px,100% - 40px);margin:0;padding:0;list-style:none;display:flex;position:absolute;top:42%;left:20px}.activity-feed li{color:#fff;background:#193c32d9;border-radius:999px;align-items:center;gap:8px;width:max-content;max-width:100%;padding:6px 12px 6px 9px;font-size:12px;line-height:1.35;animation:.25s ease-out feed-in;display:flex}@keyframes feed-in{0%{opacity:0;transform:translate(-8px)}}.map-player-label{fill:#1e3a2f;paint-order:stroke;stroke:#fffffff0;stroke-width:.8px;stroke-linejoin:round;pointer-events:none;font-size:2.5px;font-weight:700}.verified-tick{color:#fff;vertical-align:.1em;cursor:default;background:#1a73e8;border-radius:50%;flex:none;justify-content:center;align-items:center;width:1.25em;height:1.25em;margin-left:.3em;font-size:.78em;font-style:normal;font-weight:800;line-height:1;display:inline-flex}.map-verified{fill:#1a73e8}@media (pointer:coarse){.emote-bar{bottom:280px}.emote-bar button{width:50px;font-size:20px}.activity-feed{max-width:54vw;top:auto;bottom:52%;left:12px}.activity-feed li{font-size:11px}}@media (height<=550px) and (pointer:coarse){.emote-bar{bottom:110px}.activity-feed{max-width:40vw;top:40%;bottom:auto}}@media (prefers-reduced-motion:reduce){.activity-feed li{animation:none}}.touch-emote{z-index:3;background:#ffffffe0;border-radius:50%;width:55px;height:55px;padding:0;font-size:24px;position:absolute;bottom:75px;right:103px}@media (height<=550px) and (pointer:coarse){.touch-emote{bottom:35px}}.chat{z-index:5;pointer-events:none;flex-direction:column;gap:6px;width:min(400px,44vw);display:flex;position:absolute;bottom:62px;left:20px}.chat.open{z-index:7;width:min(430px,100% - 40px);bottom:calc(20px + var(--chat-lift,0px));pointer-events:auto;background:#fffffff5;border:1px solid #d2ded3;border-radius:14px;padding:10px;box-shadow:0 10px 30px #17332826}.chat-log{flex-direction:column;gap:5px;display:flex;overflow:hidden}.chat.open .chat-log{max-height:min(38vh,320px);padding-right:4px;overflow-y:auto}.chat-line{color:#fff;background:#193c32e0;border-radius:12px;align-items:baseline;gap:7px;width:max-content;max-width:100%;margin:0;padding:5px 11px 5px 9px;font-size:12.5px;line-height:1.4;animation:.22s ease-out chat-in;display:flex}.chat-line .people-dot{align-self:center;box-shadow:0 0 0 2px #193c32}.chat-line strong{filter:brightness(1.45)saturate(.85);flex:none;font-weight:700}.chat-line span:last-child{overflow-wrap:anywhere;min-width:0}.chat-line.mine{background:#215e42e8}.chat-line.long-name{flex-wrap:wrap;row-gap:1px}.chat-line.long-name strong{overflow-wrap:anywhere;flex:0 auto;min-width:0}.chat-line.long-name>span:last-child{flex-basis:100%;padding-left:18px}.chat.open .chat-line{color:#22392f;background:#eef5ee;border-radius:9px;width:auto}.chat.open .chat-line strong{filter:none}.chat.open .chat-line.mine{background:#dfeee2}.chat.open .chat-line .people-dot{box-shadow:0 0 0 2px #eef5ee}.chat-line.refused{background:#8a2e17e8;font-weight:600}.chat.open .chat-line.refused{color:#8a2e17;background:#fbe4da}.chat-line[data-fading]{animation:.22s ease-out chat-in,.5s ease-in 9s forwards chat-out}.chat-empty{color:#5b7668;margin:4px 2px;font-size:12px}.chat-box{align-items:center;gap:7px;margin-top:8px;display:flex}.chat-box input{min-width:0;font:inherit;color:#193c32;background:#fff;border:1px solid #c8d6cd;border-radius:10px;flex:1;padding:10px 11px;font-size:13px;font-weight:500}.chat-box input:focus-visible{outline-offset:1px;outline:3px solid #e6a84c}.chat-left{color:#89a292;font-variant-numeric:tabular-nums;text-align:right;min-width:22px;font-size:10px}.chat-left.low{color:#c4551f;font-weight:700}.chat-note{color:#77907f;margin:6px 2px 0;font-size:10.5px;line-height:1.4}.chat-note.refused{color:#b8431f;font-weight:600}.chat-badge{color:#fff;text-align:center;background:#c4551f;border-radius:999px;min-width:17px;height:17px;padding:0 4px;font-size:10px;font-weight:700;line-height:17px;position:absolute;top:-5px;right:-5px}@keyframes chat-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes chat-out{to{opacity:0;visibility:hidden}}.people-hits{color:#8a5a2b;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px}.people-list button.people-mute{padding:6px 8px;font-size:13px;line-height:1}.people-list button.people-mute[aria-pressed=true]{background:#f6e7df;border-color:#e2c3b2}.spar-bar{z-index:4;background:#fffffff0;border:1px solid #d2ded3;border-radius:16px;align-items:center;gap:7px;padding:5px;display:flex;position:absolute;top:96px;left:20px;box-shadow:0 6px 22px #1733281f}.spar-bar.up{border-color:#e0b07a;box-shadow:0 6px 22px #a05c1a2e}.spar-bar button{background:0 0;border:0;border-radius:12px;flex-direction:column;align-items:center;gap:2px;min-width:58px;padding:6px 8px;font-size:20px;line-height:1;display:flex}.spar-bar button:hover{background:#edf4ec}.spar-bar small{color:#40604f;font-size:9.5px;font-weight:600}.spar-bar .spar-stance[aria-pressed=true]{background:#f6ebdd}.spar-score{color:#4d6a59;white-space:nowrap;padding:0 10px 0 4px;font-size:11.5px}.spar-score strong{color:#a05c1a;font-size:15px}.spar-score em{color:#7d9487;font-style:normal}.spar-hint{z-index:4;color:#fff;pointer-events:none;background:#193c32cc;border-radius:999px;width:max-content;max-width:calc(100% - 40px);padding:6px 12px;font-size:11px;position:absolute;top:152px;left:20px}.combo-pop{z-index:6;letter-spacing:-1px;color:#ffd27a;text-shadow:0 2px #6c3b12,0 5px 18px #0005;pointer-events:none;font-size:clamp(22px,4vw,38px);font-weight:800;animation:1.1s ease-out forwards combo-pop;position:absolute;top:24%;left:50%;transform:translate(-50%)}.hurt-flash{z-index:6;pointer-events:none;animation:.5s ease-out forwards hurt-flash;position:absolute;inset:0;box-shadow:inset 0 0 95px 22px #c4321f}@keyframes combo-pop{0%{opacity:0;transform:translate(-50%)scale(.6)}18%{opacity:1;transform:translate(-50%)scale(1.12)}32%{transform:translate(-50%)scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%)translateY(-18px)scale(.95)}}@keyframes hurt-flash{0%{opacity:.85}to{opacity:0}}@media (pointer:coarse){.chat{width:58vw;bottom:272px;left:12px}.chat.open{left:10px;right:10px;bottom:calc(10px + var(--chat-lift,0px));width:auto}.chat.open .chat-log{max-height:32vh}.chat-line{font-size:11.5px}.spar-bar{top:auto;bottom:206px;left:50%;transform:translate(-50%)}.spar-hint{display:none}}@media (height<=550px) and (pointer:coarse){.chat{width:46vw;bottom:168px}.spar-bar{bottom:104px}}@media (width<=600px){.chat{width:min(320px,100% - 24px)}}@media (prefers-reduced-motion:reduce){.chat-line,.combo-pop,.hurt-flash{animation:none}.chat-line[data-fading]{animation:.5s linear 9s forwards chat-out}}.chat-btn{position:relative}.touch-corner{z-index:4;pointer-events:none;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:absolute;top:10px;right:10px}.app .touch-corner .map-panel{border-radius:12px;padding:5px;position:static;box-shadow:0 3px 14px #17332820}.app .touch-corner .map-panel svg.map{width:132px}.app .touch-corner .minimap{position:relative}.app .touch-corner .minimap-head{z-index:1;margin:0;position:absolute;top:3px;right:3px}.app .touch-corner .minimap-head small,.app .touch-corner .minimap-head .compass,.app .touch-corner .minimap>span,.app .touch-corner .map-panel output{display:none}.app .touch-corner .map-expand{background:#fffffff2;width:28px;height:28px;box-shadow:0 1px 4px #17332826}.touch-rail{pointer-events:none;flex-direction:column;gap:8px;display:flex}.rail-btn{pointer-events:auto;touch-action:none;color:#204b3b;background:#fffffff0;border:1px solid #d2ded3;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:58px;min-height:54px;padding:6px 2px 5px;font-size:19px;line-height:1;display:flex;position:relative;box-shadow:0 3px 14px #17332820}.rail-btn small{letter-spacing:.1px;color:#35574a;white-space:nowrap;font-size:10px;font-weight:700}.rail-btn[aria-expanded=true]{color:#fff;background:#215e42;border-color:#215e42}.rail-btn[aria-expanded=true] small{color:#e6f1ea}.rail-btn:disabled{opacity:.45;cursor:default}.rail-icon{place-items:center;height:21px;display:grid;position:relative}.rail-icon .chat-badge{top:-7px;right:-13px}.touch-view{z-index:3;touch-action:none;color:#204b3b;background:#fffffff0;border:1px solid #d2ded3;border-radius:999px;align-items:center;gap:7px;height:46px;padding:0 8px 0 14px;font-size:14px;font-weight:700;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 3px 14px #17332826}.touch-view small{color:#fff;text-align:center;background:#215e42;border-radius:999px;min-width:38px;padding:5px 8px;font-size:11px;font-weight:700}.settings-sheet{z-index:7;overscroll-behavior:contain;touch-action:pan-y;background:#fffffffa;border:1px solid #d2ded3;border-radius:18px;flex-direction:column;gap:10px;width:min(310px,100% - 20px);min-height:0;max-height:calc(100% - 270px);padding:12px;animation:.16s ease-out settings-in;display:flex;position:absolute;top:10px;right:10px;overflow-y:auto;box-shadow:0 12px 40px #1733283d}.settings-sheet>header{justify-content:space-between;align-items:center;display:flex}.settings-sheet>header strong{font-size:15px}.settings-sheet button{touch-action:manipulation}.settings-close{border-radius:50%;width:36px;height:36px;padding:0;font-size:14px}.settings-actions{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.settings-actions button{border-radius:13px;flex-direction:column;align-items:center;gap:5px;padding:11px 4px;font-size:12.5px;display:flex}.settings-actions button span{font-size:17px;line-height:1}.settings-row{text-align:left;border-radius:13px;align-items:center;gap:11px;width:100%;padding:10px 12px;font-size:18px;display:flex}.settings-row-text{flex-direction:column;flex:1;gap:2px;display:flex}.settings-row-text strong{font-size:13px}.settings-row-text small{color:#6a8577;font-size:10.5px;font-weight:500}.switch{background:#c9d6ce;border-radius:999px;flex:none;width:40px;height:24px;transition:background .15s;position:relative}.switch span{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.switch.on{background:#215e42}.switch.on span{transform:translate(16px)}.settings-more{border:1px solid #dfe8e1;border-radius:13px;padding:0 12px}.settings-more summary{cursor:pointer;padding:11px 0;font-size:13px;font-weight:700}.settings-more ul{color:#35574a;margin:0 0 10px;padding-left:18px;font-size:12px;line-height:1.5}.settings-creator{background:#eef4ef;border-radius:13px;align-items:flex-start;gap:11px;padding:11px 12px;display:flex}.settings-creator .creator-badge{width:38px;height:38px;font-size:13px}.settings-creator strong{font-size:13px;display:block}.settings-creator small{color:#5b7668;margin-top:2px;font-size:10.5px;display:block}.settings-creator p{flex-wrap:wrap;gap:6px 12px;margin:7px 0 0;display:flex}.settings-creator a{color:#215e42;font-size:12px;font-weight:700}.settings-legal{color:#8aa194;justify-content:center;align-items:center;gap:8px;margin:0;font-size:11px;display:flex}.settings-legal button{font:inherit;color:#5b7668;text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:4px 2px;font-weight:600;text-decoration:underline}.settings-legal button:hover{color:#215e42}.legal-overlay{z-index:40;padding-top:7vh;position:fixed}.legal-panel{flex-direction:column;width:min(560px,100%);padding:0;display:flex;overflow:hidden}.legal-panel>header{border-bottom:1px solid #e3ebe5;margin:0;padding:14px 14px 10px}.legal-panel .primary{width:auto;margin:0;padding:10px 24px}.legal-body{color:#28463a;padding:4px 18px 8px;font-size:13px;line-height:1.55;overflow-y:auto}.legal-body h3{color:#173d2d;margin:16px 0 4px;font-size:14px}.legal-body p{margin:6px 0}.legal-body ul{margin:6px 0;padding-left:18px}.legal-body li{margin:4px 0}.legal-updated{color:#6b8577;font-size:11.5px;margin-top:16px!important}.legal-panel>footer{border-top:1px solid #e3ebe5;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.legal-switch{white-space:nowrap;font:inherit;color:#215e42;cursor:pointer;background:0 0;border:0;padding:6px 0;font-size:12.5px;font-weight:700}@keyframes settings-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@media (pointer:coarse){.app .touch-controls{inset:0}.app .guide-hud{border-radius:16px;gap:8px;max-width:none;padding:7px 8px 7px 11px;top:10px;left:10px;right:162px;transform:none}.app .guide-text{flex-direction:column;align-items:flex-start;gap:2px}.app .guide-label{max-width:100%;font-size:12.5px}.app .guide-distance{font-size:10.5px}.app .guide-badge{margin-left:auto;padding:5px 8px;font-size:10.5px}.app .joystick{width:116px;height:116px;bottom:66px;left:22px}.app .joystick>div{width:50px;height:50px}.app .touch-run,.app .touch-jump{border-radius:16px;width:76px;height:56px;font-size:14px;right:16px}.app .touch-jump{bottom:66px}.app .touch-run{bottom:132px}.app .spar-bar{border-radius:15px;flex-direction:row-reverse;padding:4px;inset:auto 16px 198px auto;transform:none}.app .spar-bar button{min-width:66px;padding:7px 6px}.app .spar-score{padding:0 4px 0 8px;font-size:10.5px}.app .spar-score em{display:none}.app .notice{max-width:calc(100% - 32px);padding:9px 14px;font-size:12.5px;bottom:272px}.app .chat{width:calc(100% - 96px);bottom:320px;left:10px}.app .chat.open{left:10px;right:10px;bottom:calc(10px + var(--chat-lift,0px));z-index:8;width:auto}.app .activity-feed{max-width:calc(100% - 96px);top:84px;bottom:auto;left:10px}.app .emote-bar{flex-wrap:wrap;justify-content:center;max-width:calc(100% - 24px);bottom:272px}.app .zoom-controls{top:42%;left:12px;right:auto}}@media (pointer:coarse) and (orientation:portrait) and (height<=720px){.touch-rail{gap:6px}.rail-btn{gap:2px;min-height:44px;padding:4px 2px 3px}.rail-btn small{font-size:9.5px}}@media (pointer:coarse) and (orientation:landscape){.touch-corner{flex-direction:row-reverse;align-items:flex-start;gap:8px;top:8px;right:8px}.touch-rail{flex-direction:row}.app .touch-corner .map-panel svg.map{width:150px}.rail-btn{width:54px;min-height:50px}.app .guide-hud{min-width:190px;max-width:calc(100% - 520px);top:8px;left:12px;right:auto}.app .joystick{width:108px;height:108px;bottom:40px;left:28px}.app .touch-jump{bottom:30px;right:18px}.app .touch-run{bottom:96px;right:18px}.app .spar-bar{bottom:162px;right:18px}.touch-view{height:42px;bottom:10px}.app .notice{max-width:min(440px,100% - 340px);top:92px;bottom:auto}.app .chat{width:min(320px,40vw);bottom:168px;left:12px}.app .activity-feed{max-width:min(300px,36vw);top:70px}.app .emote-bar{bottom:92px}.app .zoom-controls{flex-direction:row;top:96px;left:auto;right:18px}.settings-sheet{width:min(340px,100% - 300px);max-height:calc(100% - 16px);animation:none;top:8px;left:50%;right:auto;transform:translate(-50%)}.settings-actions button{padding:8px 4px}}@media (pointer:coarse) and (orientation:landscape) and (width<=700px){.app .guide-hud{max-width:calc(100% - 430px)}.rail-btn{width:48px}.rail-btn small{font-size:9px}}@media (prefers-reduced-motion:reduce){.settings-sheet{animation:none}}.settings-sheet.closing{opacity:0;transition:opacity .15s;animation:none}.settings-sheet.closing *{pointer-events:none}.touch-left{z-index:4;pointer-events:none;flex-direction:column;align-items:flex-start;gap:8px;display:flex;position:absolute;top:10px;left:10px;right:162px}.app .touch-left .guide-hud{align-self:stretch;position:static}.feedback-panel{background:#fff;border:1px solid #d2ded3;border-radius:18px;width:min(440px,100%);max-height:84vh;padding:14px;overflow-y:auto;box-shadow:0 18px 50px #0d251c40}.feedback-panel>header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.feedback-panel>header strong{font-size:16px}.feedback-panel form{flex-direction:column;gap:9px;display:flex}.feedback-kinds{flex-wrap:wrap;gap:6px;display:flex}.feedback-kinds button{border-radius:999px;padding:8px 11px;font-size:12.5px}.feedback-kinds button.on{color:#fff;background:#215e42;border-color:#215e42}.feedback-panel textarea,.feedback-contact{width:100%;color:inherit;resize:vertical;background:#fbfdfb;border:1px solid #c8d6cd;border-radius:12px;padding:11px 12px;font-family:inherit;font-size:16px}.feedback-panel textarea:focus,.feedback-contact:focus{outline-offset:1px;outline:2px solid #215e42}.feedback-meta{color:#6a8577;justify-content:space-between;margin-top:-4px;font-size:11px;display:flex}.feedback-error{color:#9b3a1c;margin:0;font-size:12.5px}.feedback-thanks{margin:4px 0 0;font-size:14px}.feedback-panel .primary{border-radius:13px;width:100%;margin:4px 0 0;padding:14px}@media (pointer:coarse){.app .touch-left .guide-hud{max-width:none}.app .activity-feed{top:138px}.feedback-overlay{padding:5vh 12px 12px}}@media (pointer:coarse) and (orientation:landscape){.touch-left{width:max(190px,100% - 520px);top:8px;left:12px;right:auto}.app .activity-feed{top:126px}.feedback-overlay{padding:3vh 16px 12px}.feedback-panel textarea{min-height:80px}}@media (pointer:coarse) and (orientation:landscape) and (width<=700px){.touch-left{width:max(190px,100% - 430px)}}.muted-glyph{opacity:.35;filter:grayscale()}.wardrobe{background:#e4e9e3;grid-template-columns:minmax(0,1fr) 410px;display:grid}.wardrobe .topbar{right:430px}.wr-stage{min-height:0;position:relative}.wr-stage>div:first-child{inset:0;position:absolute!important}.wardrobe .gallery-panel{width:max-content;min-width:0;max-width:calc(100% - 24px);bottom:18px}.wr-rarity{letter-spacing:1px;text-transform:uppercase;color:#fff;background:#7d9487;border-radius:999px;padding:6px 12px;font-size:11px;font-weight:800;position:absolute;bottom:24px;left:20px;box-shadow:0 3px 14px #17332822}.wardrobe[data-rarity=rare] .wr-rarity{background:#3d8fe0}.wardrobe[data-rarity=epic] .wr-rarity{background:#9b59d6}.wardrobe[data-rarity=legendary] .wr-rarity{color:#3b2a07;background:linear-gradient(90deg,#e2a33e,#f5cf6b,#e2a33e)}.wr-panel{background:#fbfcf8;border-left:1px solid #d6e0d4;flex-direction:column;min-height:0;display:flex;box-shadow:-6px 0 30px #17332812}.wr-rank{color:#fff;background:linear-gradient(135deg,#1a563c,#123f2a);padding:18px 20px 14px}.wr-rank-row{align-items:center;gap:12px;display:flex}.wr-rank strong{letter-spacing:-.2px;font-size:17px;display:block}.wr-rank small{color:#cfe3d6;margin-top:2px;font-size:11.5px;display:block}.wr-badge{color:#2d1f05;background:#e2a33e;border-radius:12px;flex:none;place-items:center;width:42px;height:42px;font-size:18px;font-weight:800;display:grid;box-shadow:inset 0 -3px #0003}.wr-bar{background:#ffffff26;border-radius:99px;height:8px;margin:13px 0 7px;overflow:hidden}.wr-bar span{border-radius:inherit;background:linear-gradient(90deg,#8bd3a5,#e2a33e);height:100%;transition:width .4s;display:block}.wr-rank .wr-count{color:#cfe3d6;font-size:11px}.wr-tabs{scrollbar-width:thin;border-bottom:1px solid #e2e8df;gap:4px;padding:10px 12px;display:flex;overflow-x:auto}.wr-tabs button{color:#40604f;background:0 0;border-color:#0000;border-radius:999px;flex:none;align-items:center;gap:5px;padding:8px 10px;font-size:12.5px;display:flex}.wr-tabs button.active{color:#fff;background:#1a563c}.wr-body{flex:1;padding:6px 18px 12px;overflow-y:auto}.wr-group h3{letter-spacing:1px;text-transform:uppercase;color:#5b7668;margin:16px 0 9px;font-size:12px}.wr-group h3 small{text-transform:none;letter-spacing:0;color:#8a9b90;margin-left:4px;font-weight:500}.wr-items{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:7px;display:grid}.wr-item{text-align:left;border-width:1.5px;border-radius:12px;flex-direction:column;align-items:flex-start;gap:4px;min-height:52px;padding:9px 10px;font-size:12.5px;line-height:1.25;display:flex;position:relative}.wr-item[aria-pressed=true],.wr-costume[aria-pressed=true]{background:#e7f2ea;border-color:#1a563c;box-shadow:0 0 0 2px #1a563c33}.wr-item:disabled,.wr-costume:disabled{cursor:not-allowed;opacity:1;color:#9aa89f;background:#f1f3ef;border-style:dashed}.wr-tag{letter-spacing:.8px;text-transform:uppercase;color:#fff;background:#8a9b90;border-radius:5px;padding:2px 6px;font-size:9.5px;font-weight:800}[data-rarity=rare]>.wr-tag{background:#3d8fe0}[data-rarity=epic]>.wr-tag{background:#9b59d6}[data-rarity=legendary]>.wr-tag{color:#3b2a07;background:#e2a33e}.wr-item[data-rarity=rare]:not(:disabled){border-color:#bcd6f2}.wr-item[data-rarity=epic]:not(:disabled){border-color:#d8c2ef}.wr-item[data-rarity=legendary]:not(:disabled){border-color:#f0d49a}.wr-lock{color:#8a9b90;align-items:center;gap:3px;font-size:11px;font-weight:700;display:inline-flex}.wr-swatches{flex-wrap:wrap;gap:7px;display:flex}.wr-swatch{background:var(--c);color:#fff;border:2px solid #fff;border-radius:50%;place-items:center;width:32px;height:32px;padding:0;display:grid;position:relative;box-shadow:0 0 0 1px #c8d6cd}.wr-swatch:hover{background:var(--c);transform:scale(1.08)}.wr-swatch[aria-pressed=true]{box-shadow:0 0 0 2.5px #1a563c}.wr-swatch:disabled{cursor:not-allowed;opacity:.45;filter:saturate(.4)}.wr-swatch svg{filter:drop-shadow(0 0 2px #000a)}.wr-costumes{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.wr-costume{text-align:left;background:#fff;border-width:1.5px;border-radius:14px;flex-direction:column;align-items:flex-start;gap:5px;min-height:96px;padding:12px;display:flex}.wr-costume strong{color:inherit;font-size:14px}.wr-costume small{color:#6c8174;align-items:center;gap:4px;font-size:11.5px;font-weight:500;line-height:1.35;display:flex}.wr-costume[data-rarity=rare]:not(:disabled){background:linear-gradient(160deg,#fff 55%,#e3effb)}.wr-costume[data-rarity=epic]:not(:disabled){background:linear-gradient(160deg,#fff 55%,#efe4fa)}.wr-costume[data-rarity=legendary]:not(:disabled){background:linear-gradient(160deg,#fff 45%,#fbeccb);border-color:#ecc877}.wr-actions{border-top:1px solid #e2e8df;gap:8px;padding:12px 18px;display:flex}.wr-actions button{flex:1}.wr-actions button:first-child{color:#fff;background:#1a563c;border-color:#1a563c}.wr-actions button:first-child:hover{background:#123f2a}@media (width<=760px){.wardrobe{grid-template-rows:minmax(230px,44dvh) minmax(0,1fr);grid-template-columns:1fr}.wardrobe .topbar{right:10px}.wardrobe .topbar span{display:none}.wr-panel{border-top:1px solid #d6e0d4;border-left:0}.wardrobe .gallery-panel{padding:8px 10px;bottom:8px}.wardrobe .gallery-panel p{display:none}.wardrobe .clip-buttons button{padding:8px 10px}.wr-rarity{inset:64px 10px auto auto}.wr-rank{padding:12px 16px 10px}.wr-bar{margin:9px 0 5px}.wr-body{padding:4px 14px 10px}}.toolbar .photo-btn{color:#1d1406;background:linear-gradient(135deg,#f6cf62,#ef8a3e);border-color:#0000;box-shadow:0 4px 14px #ef8a3e55}.toolbar .photo-btn:hover{background:linear-gradient(135deg,#ffd978,#f59a52)}.photo-mode{z-index:9;color:#fff;--photo-gold:#f2c14e;--photo-glass:#0a1812b8;position:absolute;inset:0;overflow:hidden}.photo-touch{touch-action:none;cursor:grab;position:absolute;inset:0}.photo-touch:active{cursor:grabbing}.photo-finder{pointer-events:none;position:absolute;box-shadow:0 0 0 200vmax #050d0999}.photo-finder[hidden]{display:none}.photo-overlay{width:100%;height:100%;display:block;position:absolute;inset:0}.photo-grid{position:absolute}.photo-grid:before,.photo-grid:after{content:"";border:0 solid #ffffff80;position:absolute}.photo-grid:before{border-left-width:1px;border-right-width:1px;inset:0 33.333%}.photo-grid:after{border-top-width:1px;border-bottom-width:1px;inset:33.333% 0}.photo-corner{filter:drop-shadow(0 1px 3px #0006);border:0 solid #fff;width:26px;height:26px;position:absolute}.photo-corner.tl{border-top-width:3px;border-left-width:3px;border-top-left-radius:8px;top:-7px;left:-7px}.photo-corner.tr{border-top-width:3px;border-right-width:3px;border-top-right-radius:8px;top:-7px;right:-7px}.photo-corner.bl{border-bottom-width:3px;border-left-width:3px;border-bottom-left-radius:8px;bottom:-7px;left:-7px}.photo-corner.br{border-bottom-width:3px;border-right-width:3px;border-bottom-right-radius:8px;bottom:-7px;right:-7px}.photo-layout{pointer-events:none;padding:max(14px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));flex-direction:column;display:flex;position:absolute;inset:0}.photo-dock{pointer-events:auto}.photo-top{pointer-events:none;justify-content:space-between;align-items:center;gap:12px;display:flex}.photo-top>*{pointer-events:auto}.photo-title{background:var(--photo-glass);-webkit-backdrop-filter:blur(16px);border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:10px;min-width:0;padding:9px 16px;display:flex}.photo-title strong{letter-spacing:2px;text-transform:uppercase;white-space:nowrap;font-size:13px}.photo-title small{color:#ffffff9e;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.photo-rec{background:#ff5a4f;border-radius:50%;flex:none;width:9px;height:9px;animation:1.8s ease-in-out infinite photo-pulse;box-shadow:0 0 0 4px #ff5a4f38}@keyframes photo-pulse{50%{opacity:.35}}.photo-aspects{background:var(--photo-glass);-webkit-backdrop-filter:blur(16px);border:1px solid #ffffff1f;border-radius:999px;gap:2px;padding:4px;display:flex}.photo-aspects button{color:#ffffffb8;background:0 0;border:0;border-radius:999px;align-items:center;gap:7px;min-height:0;padding:8px 13px;font-size:12px;display:flex}.photo-aspects button:hover{background:#ffffff1a}.photo-aspects button[aria-checked=true]{color:#10261c;background:#fff}.photo-aspect-glyph{border:1.7px solid;border-radius:2.5px;height:14px;display:inline-block}.photo-stage{pointer-events:none;flex:1;min-height:100px;margin:14px 0}.photo-dock{background:var(--photo-glass);-webkit-backdrop-filter:blur(20px)saturate(1.3);border:1px solid #ffffff1f;border-radius:28px;align-self:center;width:min(780px,100%);padding:10px 12px 12px;box-shadow:0 24px 60px #0006}.photo-tabs{justify-content:center;gap:4px;margin-bottom:6px;display:flex}.photo-tabs button{color:#fff9;letter-spacing:1.6px;text-transform:uppercase;background:0 0;border:0;border-radius:999px;min-height:0;padding:8px 14px;font-size:11.5px;font-weight:800}.photo-tabs button:hover{color:#fff;background:#ffffff14}.photo-tabs button[aria-selected=true]{background:var(--photo-gold);color:#10261c}.photo-strip{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff40 transparent;align-items:stretch;gap:8px;min-height:104px;padding:6px 4px 8px;display:flex;overflow-x:auto}.photo-chip{color:#fff;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:18px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:6px;min-width:72px;padding:8px 9px 7px;transition:transform .15s,background .15s,border-color .15s;display:flex}.photo-chip:hover{background:#ffffff21;transform:translateY(-2px)}.photo-chip[aria-pressed=true]{border-color:var(--photo-gold);box-shadow:inset 0 0 0 1px var(--photo-gold),0 6px 20px #f2c14e2e;background:#f2c14e24}.photo-chip small{color:#ffffffdb;white-space:nowrap;font-size:11px;font-weight:700}.photo-emoji{filter:drop-shadow(0 3px 5px #00000059);font-size:30px;line-height:1.15}.photo-chip.pose[aria-pressed=true] .photo-emoji{animation:.45s cubic-bezier(.3,1.6,.5,1) photo-bounce}@keyframes photo-bounce{0%{transform:scale(.7)rotate(-10deg)}to{transform:none}}.photo-swatch{background:linear-gradient(160deg,#8cc3f0 0 42%,#e7c38e 42% 66%,#5b9a57 66%) 50%/cover;border-radius:13px;width:60px;height:60px;box-shadow:inset 0 0 0 1px #ffffff1f}.photo-chip.frame canvas{border-radius:5px;display:block;box-shadow:0 4px 12px #0006}.photo-shot-glyph{color:#fff;background:linear-gradient(#8cc3f047,#5b9a5747);border-radius:13px;place-items:center;width:60px;height:60px;display:grid}.photo-caption,.photo-lens{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:18px;flex-direction:column;flex:none;justify-content:center;gap:8px;min-width:190px;padding:8px 12px;display:flex}.photo-caption small,.photo-lens small{letter-spacing:1.5px;text-transform:uppercase;color:#fff9;font-size:10.5px;font-weight:800}.photo-lens b{color:var(--photo-gold);letter-spacing:.5px}.photo-caption input{color:#fff;font:inherit;background:#0000004d;border:1px solid #ffffff2e;border-radius:10px;width:100%;padding:10px 11px;font-size:16px}.photo-caption input::placeholder{color:#fff6}.photo-caption input:focus{outline:2px solid var(--photo-gold);outline-offset:1px}.photo-lens input{accent-color:var(--photo-gold);width:100%}.photo-controls{grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin-top:6px;display:grid}.photo-toggles{gap:8px;display:flex}.photo-toggles:last-child{justify-content:flex-end}.photo-icon-btn{color:#fff;background:#ffffff1a;border:1px solid #ffffff26;border-radius:50%;flex:none;place-items:center;width:46px;height:46px;padding:0;display:grid}.photo-icon-btn:hover{background:#fff3}.photo-icon-btn[aria-pressed=false]{color:#ffffff80}.photo-icon-btn[aria-pressed=true]{color:var(--photo-gold);background:#f2c14e33;border-color:#f2c14e8c}.photo-top .photo-icon-btn{background:var(--photo-glass);-webkit-backdrop-filter:blur(16px)}.photo-shutter{background:conic-gradient(from 210deg,#f6cf62,#ef6f2e,#ffe19a,#f6cf62);border:0;border-radius:50%;place-items:center;width:78px;height:78px;padding:5px;transition:transform .15s;display:grid;box-shadow:0 12px 32px #ef6f2e59,0 0 0 6px #ffffff14}.photo-shutter span{background:radial-gradient(circle at 36% 30%,#fff,#f5f2ea 58%,#e2dac8);border:3px solid #10261c;border-radius:50%;width:100%;height:100%;transition:transform .12s,background .12s}.photo-shutter:hover{background:conic-gradient(from 210deg,#f6cf62,#ef6f2e,#ffe19a,#f6cf62);transform:scale(1.04)}.photo-shutter:active span{background:var(--photo-gold);transform:scale(.84)}.photo-shutter:disabled{opacity:.5}.photo-flash{z-index:3;pointer-events:none;background:#fff;animation:.6s ease-out forwards photo-flash;position:absolute;inset:0}@keyframes photo-flash{0%{opacity:.96}to{opacity:0}}.photo-status{z-index:2;color:#fff;text-align:center;pointer-events:none;background:#0a1812d9;border-radius:14px;max-width:calc(100% - 32px);margin:0;padding:9px 16px;font-size:13px;line-height:1.45;position:absolute;top:78px;left:50%;transform:translate(-50%)}.photo-status:empty{display:none}.photo-status.inline{text-align:left;color:var(--photo-gold);background:0 0;max-width:none;margin-top:12px;padding:0;position:static;transform:none}.photo-result{z-index:4;-webkit-backdrop-filter:blur(12px);background:radial-gradient(120% 80% at 30% 0,#215e42b8,#050d09ed);place-items:center;padding:24px;animation:.3s ease-out photo-fade;display:grid;position:absolute;inset:0;overflow:auto}@keyframes photo-fade{0%{opacity:0}}.photo-result-inner{justify-content:center;align-items:center;gap:44px;width:100%;max-width:1150px;display:flex}.photo-print{flex:none;margin:0;animation:.75s cubic-bezier(.2,1.25,.4,1) both photo-drop;position:relative;transform:rotate(-1.6deg)}.photo-print img{border-radius:12px;max-width:min(52vw,920px);max-height:min(80dvh,880px);animation:1.4s ease-out both photo-develop;display:block;box-shadow:0 34px 90px #0000008c,0 0 0 1px #ffffff14}@keyframes photo-drop{0%{opacity:0;transform:translateY(-40px)rotate(-8deg)scale(.88)}}@keyframes photo-develop{0%{filter:brightness(2.2)saturate(0)blur(8px)}55%{filter:brightness(1.12)saturate(.75)blur()}to{filter:none}}.photo-sparkle{color:var(--photo-gold);text-shadow:0 0 18px #f2c14ecc;pointer-events:none;animation:2.4s ease-in-out infinite photo-twinkle;position:absolute}.photo-sparkle.s1{font-size:34px;top:-16px;right:-14px}.photo-sparkle.s2{color:#fff;font-size:22px;animation-delay:.7s;bottom:18%;left:-22px}.photo-sparkle.s3{font-size:18px;animation-delay:1.3s;top:28%;right:-26px}@keyframes photo-twinkle{0%,to{opacity:.4;transform:scale(.6)rotate(0)}50%{opacity:1;transform:scale(1.15)rotate(25deg)}}.photo-result-panel{color:#fff;width:min(380px,100%)}.photo-result-eyebrow{letter-spacing:3px;color:var(--photo-gold);margin:0;font-size:11px;font-weight:800}.photo-result-panel h2{letter-spacing:-1.5px;margin:8px 0 6px;font-size:44px;font-weight:800;line-height:1.05}.photo-result-lede{color:#ffffffbf;margin:0;font-size:15px;line-height:1.55}.photo-actions{grid-template-columns:1fr 1fr;gap:10px;margin:24px 0 14px;display:grid}.photo-actions .photo-primary{grid-column:1/-1}.photo-tips{color:#ffffff8c;text-align:center;margin:0;font-size:11.5px;line-height:2.1;display:none}.photo-tips kbd{color:#fff;text-align:center;background:#ffffff14;border:1px solid #ffffff38;border-radius:6px;min-width:22px;margin:0 2px;padding:0 5px;font-family:inherit;font-size:11px;font-weight:600;line-height:19px;display:inline-block}.photo-primary,.photo-secondary{border-radius:15px;justify-content:center;align-items:center;gap:8px;min-height:50px;padding:14px 20px;font-size:15px;font-weight:800;display:inline-flex}.photo-primary{color:#1d1406;background:linear-gradient(135deg,#f6cf62,#ef6f2e);border:0;flex:150px;justify-content:center;box-shadow:0 12px 30px #ef6f2e61}.photo-primary:hover{filter:brightness(1.03);background:linear-gradient(135deg,#ffd978,#f5824a)}.photo-secondary{color:#fff;background:#ffffff1a;border:1px solid #fff3}.photo-secondary:hover{background:#ffffff2e}.photo-hashtags{width:100%;color:var(--photo-gold);text-align:left;background:#f2c14e0f;border:1px dashed #f2c14e80;border-radius:13px;justify-content:space-between;align-items:center;gap:10px;padding:11px 13px;font-size:13px;display:flex}.photo-hashtags:hover{background:#f2c14e24}.photo-hashtags span{color:#ffffffb3;white-space:nowrap;font-size:12px}.photo-social{flex-wrap:wrap;align-items:center;gap:7px;margin-top:14px;display:flex}.photo-social small{color:#ffffff8c;width:100%;font-size:11px}.photo-social a{color:#fff;background:#ffffff14;border:1px solid #ffffff26;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:700;text-decoration:none}.photo-social a:hover{background:#ffffff2e}.photo-result-foot{border-top:1px solid #ffffff1f;flex-wrap:wrap;gap:6px 18px;margin-top:18px;padding-top:14px;display:flex}.photo-ghost{color:#ffffffd9;text-underline-offset:4px;background:0 0;border:0;min-height:0;padding:8px 0;text-decoration:underline}.photo-ghost:hover{color:#fff;background:0 0}@media (width<=720px){.photo-title{display:none}.photo-aspects button{padding:8px 10px}.photo-dock{border-radius:24px;padding:8px 8px 10px}.photo-strip{min-height:96px}.photo-chip{min-width:66px}.photo-result{place-items:start center;padding:18px 16px}.photo-result-inner{flex-direction:column;gap:22px}.photo-print img{max-width:84vw;max-height:54dvh}.photo-result-panel{text-align:center}.photo-result-panel h2{font-size:30px}.photo-social,.photo-result-foot{justify-content:center}.photo-status.inline{text-align:center}}@media (width<=420px){.photo-aspects button{gap:5px;padding:8px;font-size:11px}.photo-icon-btn{width:42px;height:42px}.photo-shutter{width:70px;height:70px}}@media (orientation:landscape) and (width>=900px),(orientation:landscape) and (height<=560px){.photo-layout{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) min(372px,40vw);column-gap:18px;display:grid}.photo-top{grid-area:1/1}.photo-stage{grid-area:2/1;margin:16px 0 4px}.photo-dock{flex-direction:column;grid-area:1/2/3;align-self:stretch;width:auto;min-height:0;padding:12px;display:flex}.photo-tabs{flex-wrap:wrap}.photo-strip{flex-wrap:wrap;flex:1;align-content:flex-start;min-height:0;padding:8px 2px;overflow:hidden auto}.photo-chip{flex:1 0 74px;max-width:calc(25% - 6px)}.photo-chip.frame{flex:1 0 28%;min-width:0;max-width:calc(33.333% - 6px)}.photo-chip.frame canvas{max-width:100%;height:auto!important}.photo-caption,.photo-lens{flex:100%}.photo-controls{border-top:1px solid #ffffff1a;margin-top:10px;padding-top:12px}.photo-tips{display:block}}@media (orientation:landscape) and (height<=560px){.photo-layout{padding-top:max(8px,env(safe-area-inset-top));padding-bottom:max(8px,env(safe-area-inset-bottom));column-gap:12px}.photo-title{display:none}.photo-stage{margin:8px 0 0}.photo-dock{border-radius:22px;padding:8px}.photo-tabs button{padding:6px 9px;font-size:10px}.photo-chip{flex-basis:60px;padding:6px}.photo-emoji{font-size:24px}.photo-shutter{width:62px;height:62px}.photo-icon-btn{width:40px;height:40px}.photo-result-inner{flex-direction:row;gap:24px}.photo-print img{max-width:46vw;max-height:86dvh}.photo-result-panel{text-align:left}.photo-result-panel h2{font-size:26px}.photo-actions{margin:14px 0 10px}.photo-tips{display:none}}@media (prefers-reduced-motion:reduce){.photo-print,.photo-print img,.photo-flash,.photo-rec,.photo-sparkle,.photo-chip.pose[aria-pressed=true] .photo-emoji{animation:none}}.desk-left{z-index:4;pointer-events:none;position:absolute;top:18px;left:20px}.app .desk-left .guide-hud{border-radius:16px;gap:10px;min-width:250px;max-width:min(420px,100vw - 640px);padding:8px 9px 8px 14px;position:static;transform:none}.app .desk-left .guide-text{flex-direction:column;align-items:flex-start;gap:2px}.app .desk-left .guide-label{max-width:100%;font-size:14px}.app .desk-left .guide-badge{margin-left:auto}.desk-rail{z-index:6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd9;border:1px solid #d2ded3;border-radius:20px;align-items:stretch;gap:6px;padding:6px;display:flex;position:absolute;top:18px;right:20px;box-shadow:0 4px 22px #17332820}.desk-rail .rail-btn{touch-action:auto;width:62px;min-height:56px;box-shadow:none;cursor:pointer;background:0 0;border-color:#0000;border-radius:14px;padding:7px 2px 6px}.desk-rail .rail-btn:hover:not(:disabled){background:#edf4ec}.desk-rail .rail-btn[aria-expanded=true]{background:#215e42;border-color:#215e42}.desk-rail .rail-view{background:#edf4ec}.desk-rail .rail-view small{color:#215e42}.desk-rail .rail-photo{color:#1d1406;background:linear-gradient(135deg,#f6cf62,#ef8a3e)}.desk-rail .rail-photo small{color:#3a2408}.desk-rail .rail-photo:hover:not(:disabled){background:linear-gradient(135deg,#ffd978,#f59a52)}.rail-key{min-width:15px;height:auto;box-shadow:none;color:#4d6a5c;text-align:center;background:#193c3214;border:0;border-radius:5px;padding:1px 3px;font:700 9px/1.25 Inter,Arial,sans-serif;display:block;position:absolute;top:4px;right:4px}.desk-rail .rail-btn small{color:#204b3b;font-size:10.5px}.desk-rail .rail-btn[aria-expanded=true] small{color:#fff}.rail-photo .rail-key{color:#5a3610;background:#fff6}.rail-btn[aria-expanded=true] .rail-key{color:#e6f1ea;background:#ffffff2e}.rail-gap{background:#d2ded3;width:1px;margin:8px 2px}.settings-sheet.desk{width:340px;max-height:calc(100% - 116px);top:96px;right:20px}.settings-sheet.desk .settings-actions button{cursor:pointer}.settings-glyph{place-items:center;height:17px;display:grid}.settings-glyph svg{width:18px;height:18px}.settings-keys{gap:5px;list-style:none;display:grid;padding:0!important}.settings-keys li{align-items:center;gap:10px;display:flex}.settings-keys li>span{align-items:center;gap:3px;min-width:92px;display:flex}.settings-keys kbd,.controls-hint kbd{height:auto;box-shadow:none;color:#193c32;text-align:center;background:#fff;border:1px solid #c8d6cd;border-bottom-width:2px;border-radius:5px;min-width:18px;padding:1px 5px;font:700 10px/1.4 Inter,Arial,sans-serif;display:inline-block}.app .controls-hint{background:#193c32d0;border-radius:12px;flex-wrap:wrap;align-items:center;gap:6px 16px;max-width:calc(100% - 340px);padding:9px 14px;font-size:12px;animation:.6s 14s forwards hint-fade;display:flex}.app .controls-hint kbd{background:#ffffffe6;border-color:#fff;margin-right:2px}@keyframes hint-fade{to{opacity:0}}@media (prefers-reduced-motion:reduce){.app .controls-hint{opacity:.8;animation:none}}@media (width<=1020px){.desk-rail .rail-btn{width:52px}.rail-key{display:none}}@media (width<=760px){.desk-left{top:96px}.app .desk-left .guide-hud{max-width:calc(100vw - 40px)}.settings-sheet.desk{top:96px}}.fb-panel,.fb-power,.fb-keys,.fb-banner,.fb-countdown,.fb-challenge,.fb-result,.fb-tips,.fb-touch{-webkit-user-select:none;user-select:none}.fb-panel{z-index:4;color:#fff;pointer-events:none;white-space:nowrap;background:#0f231cea;border-radius:999px;align-items:center;gap:10px;padding:6px 12px 6px 6px;font-size:12px;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #0b1a1440}.fb-score{align-items:center;gap:7px;display:flex}.fb-score b{letter-spacing:.5px;text-align:center;min-width:52px;font:900 19px/1 Inter,Arial,sans-serif}.fb-team{letter-spacing:1px;color:#fff;border-radius:999px;padding:4px 9px;font-size:10.5px;font-weight:800}.fb-team.gold{color:#2b2103}.fb-stamina{border-left:1px solid #ffffff2a;align-items:center;gap:6px;padding-left:10px;display:flex}.fb-stamina i{background:#ffffff26;border-radius:99px;width:92px;height:8px;display:block;overflow:hidden}.fb-stamina em{background:linear-gradient(90deg,#39e27a,#8bf0ae);border-radius:99px;height:100%;transition:width .15s linear;display:block}.fb-stamina.mid em{background:linear-gradient(90deg,#e0b43a,#f5d77a)}.fb-stamina.low em,.fb-stamina.empty em{background:linear-gradient(90deg,#e8553f,#ff8f6b)}.fb-stamina.empty{animation:.7s ease-in-out infinite alternate fb-pulse}.fb-stamina small{color:#cfe9dc;min-width:22px;font-size:11px;font-weight:700}.fb-stamina.empty small{color:#ffb4a2}.fb-mine{color:#ffe08a;font-weight:800}.fb-solo{color:#9fc7b5;text-transform:uppercase;letter-spacing:1px;font-size:10px}@keyframes fb-pulse{0%{opacity:1}to{opacity:.55}}.fb-power{z-index:4;pointer-events:none;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:calc(50% + 62px);left:50%;transform:translate(-50%)}.fb-power i{background:#0f231cb0;border:1px solid #fff5;border-radius:99px;width:200px;height:10px;display:block;overflow:hidden}.fb-power em{background:linear-gradient(90deg,#8bf0ae 0%,#ffd23f 55%,#ff5a3a 100%) 0 0/200px 100%;height:100%;display:block}.fb-power span{letter-spacing:2px;color:#fff;text-shadow:0 1px 3px #000;font:800 10px/1 Inter,Arial,sans-serif}.fb-keys{z-index:3;color:#fff;pointer-events:none;background:#0f231cd6;border-radius:12px;flex-wrap:wrap;align-items:center;gap:6px 14px;max-width:calc(100% - 340px);padding:9px 14px;font-size:12px;display:flex;position:absolute;bottom:20px;left:20px}.fb-keys .hot{color:#ffe08a;font-weight:700}.fb-keys kbd{height:auto;box-shadow:none;color:#193c32;text-align:center;background:#ffffffe6;border:0;border-radius:5px;min-width:18px;margin-right:2px;padding:1px 5px;font:700 10px/1.4 Inter,Arial,sans-serif;display:inline-block}.fb-carry{color:#8bf0ae;font-weight:800}.fb-banner{z-index:7;pointer-events:none;text-align:center;flex-direction:column;align-items:center;gap:6px;width:max-content;max-width:calc(100% - 32px);animation:2.6s ease-out forwards fb-banner;display:flex;position:absolute;top:19%;left:50%;transform:translate(-50%)}.fb-banner strong{letter-spacing:-1px;color:var(--fb-tint,#ffd23f);-webkit-text-stroke:2px #0b1a14;text-shadow:0 4px #0b1a14,0 10px 30px #00000070;font:italic 900 clamp(34px,7vw,76px)/1 Inter,Arial,sans-serif}.fb-banner span{color:#fff;background:#0f231ce0;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600}.fb-banner.info strong,.fb-banner.kept strong,.fb-banner.miss strong,.fb-banner.post strong,.fb-banner.save strong{font-size:clamp(22px,4vw,40px)}@keyframes fb-banner{0%{opacity:0;transform:translate(-50%)scale(.5)rotate(-4deg)}12%{opacity:1;transform:translate(-50%)scale(1.12)rotate(1deg)}22%{transform:translate(-50%)scale(1)rotate(0)}82%{opacity:1}to{opacity:0;transform:translate(-50%)translateY(-14px)}}.fb-countdown{z-index:7;color:#ffd23f;-webkit-text-stroke:3px #0b1a14;text-shadow:0 6px #0b1a14;pointer-events:none;font:italic 900 120px/1 Inter,Arial,sans-serif;animation:.9s ease-out forwards fb-count;position:absolute;top:32%;left:50%;transform:translate(-50%,-50%)}@keyframes fb-count{0%{opacity:0;transform:translate(-50%,-50%)scale(1.8)}25%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:.2;transform:translate(-50%,-50%)scale(.85)}}.fb-challenge{z-index:4;color:#fff;pointer-events:none;white-space:nowrap;background:#0f231cee;border-radius:16px;align-items:center;gap:12px;padding:8px 16px;display:flex;position:absolute;top:64px;left:50%;transform:translate(-50%);box-shadow:0 8px 26px #0b1a1450}.fb-challenge.golden{box-shadow:0 0 0 2px #ffd23f,0 8px 30px #ffb00066}.fb-clock{min-width:48px;font:900 24px/1 Inter,Arial,sans-serif}.fb-clock small{color:#9fc7b5;margin-left:1px;font-size:12px}.fb-points{color:#8bf0ae;font:900 26px/1 Inter,Arial,sans-serif}.fb-multi{color:#2b2103;background:#ffd23f;border-radius:999px;padding:3px 8px;font-size:13px;font-weight:900}.fb-streak{color:#ffb36b;font-weight:800}.fb-golden{letter-spacing:1px;color:#ffd23f;font-size:12px;font-weight:900;animation:.45s ease-in-out infinite alternate fb-pulse}.fb-result{z-index:8;color:#fff;text-align:center;background:linear-gradient(160deg,#153a2d,#0b1f18);border-radius:22px;width:min(340px,100% - 32px);padding:22px 22px 18px;animation:.45s cubic-bezier(.2,1.4,.4,1) fb-result;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff1c}@keyframes fb-result{0%{opacity:0;transform:translate(-50%,-44%)scale(.9)}}.fb-medal{font-size:54px;line-height:1}.fb-result h2{letter-spacing:.2px;margin:8px 0 2px;font-size:18px}.fb-final{color:#8bf0ae;margin:0;font:900 48px/1.1 Inter,Arial,sans-serif}.fb-result ul{grid-template-columns:repeat(4,1fr);gap:6px;margin:14px 0 8px;padding:0;list-style:none;display:grid}.fb-result li{color:#b8d4c7;background:#ffffff12;border-radius:12px;flex-direction:column;gap:2px;padding:8px 2px;font-size:10.5px;display:flex}.fb-result li b{color:#fff;font-size:17px}.fb-next{color:#cfe9dc;margin:4px 0 12px;font-size:12px}.fb-result-actions{justify-content:center;gap:8px;display:flex}.fb-result-actions button{color:#2b2103;background:#ffd23f;border:0;border-radius:12px;flex:1;font-weight:800}.fb-result-actions button.ghost{color:#fff;background:#ffffff1c}.fb-result-actions kbd{min-width:0;height:auto;box-shadow:none;color:inherit;background:#0000001f;border:0;border-radius:4px;margin-left:6px;padding:0 5px;font:700 10px/1.5 Inter,Arial,sans-serif;display:inline-block}.fb-tips{z-index:5;color:#e8f3ee;background:#0f231cf0;border-radius:16px;width:min(330px,100% - 40px);padding:14px 16px;font-size:12.5px;line-height:1.45;animation:.35s ease-out fb-tips;position:absolute;top:96px;right:20px;box-shadow:0 10px 30px #0b1a1450}@keyframes fb-tips{0%{opacity:0;translate:0 12px}}.fb-tips strong{color:#fff;margin-bottom:6px;font-size:14px;display:block}.fb-tips ul{gap:5px;margin:0 0 10px;padding-left:18px;display:grid}.fb-tips button{color:#08251a;background:#39e27a;border:0;width:100%;font-weight:800}.fb-touch{z-index:4;background:#0f231cd9;border-radius:16px;flex-direction:row-reverse;gap:6px;padding:4px;display:flex;position:absolute;bottom:198px;right:16px;box-shadow:0 6px 22px #0b1a1440}.fb-touch button{color:#fff;touch-action:none;background:#ffffff14;border:0;border-radius:12px;flex-direction:column;align-items:center;gap:2px;min-width:58px;padding:7px 6px;font-size:20px;line-height:1;display:flex}.fb-touch button small{color:#cfe9dc;font-size:9.5px;font-weight:700}.fb-touch button.hot{background:#39e27a3a;box-shadow:inset 0 0 0 2px #39e27a}.fb-touch .fb-shoot{background:#ffd23f26;min-width:70px}.fb-touch .fb-shoot[aria-pressed=true]{color:#2b2103;background:#ffd23f}.fb-touch .fb-shoot[aria-pressed=true] small{color:#2b2103}@media (pointer:coarse){.fb-panel{gap:7px;padding:4px 9px 4px 4px;font-size:11px;top:auto;bottom:66px}.fb-score b{min-width:40px;font-size:15px}.fb-team{padding:3px 6px;font-size:9px}.fb-stamina{padding-left:7px}.fb-stamina i{width:54px}.fb-solo,.fb-mine{display:none}.fb-challenge{gap:9px;padding:6px 12px;top:auto;bottom:108px}.fb-clock{font-size:20px}.fb-points{font-size:21px}.fb-tips{top:30%;left:50%;right:auto;transform:translate(-50%)}.fb-banner{top:24%}.fb-countdown{font-size:92px}}@media (pointer:coarse) and (orientation:portrait){.fb-panel{bottom:256px;left:auto;right:16px;transform:none}.fb-challenge{bottom:296px;left:auto;right:16px;transform:none}}@media (pointer:coarse) and (orientation:landscape){.fb-touch{bottom:162px;right:18px}.fb-panel{bottom:58px}.fb-challenge{top:12px;bottom:auto}.fb-tips{top:18%}}@media (prefers-reduced-motion:reduce){.fb-banner,.fb-countdown,.fb-result,.fb-tips,.fb-stamina.empty,.fb-golden{animation:none}}.coach-card{z-index:5;color:#e8f3ee;pointer-events:auto;background:#0f231cf0;border-radius:16px;width:min(300px,100% - 40px);padding:12px 14px;font-size:12.5px;line-height:1.45;animation:.3s ease-out coach-in;position:absolute;top:112px;right:20px;box-shadow:0 10px 30px #0b1a1450}.touch-left[hidden],.coach-card[hidden]{display:none}.touch-left .coach-card{width:min(280px,100%);padding:10px 12px;font-size:12px;position:static}.coach-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.coach-eyebrow{letter-spacing:.06em;text-transform:uppercase;color:#8fd4b0;font-size:10.5px;font-weight:700}.coach-close{color:#b9cdc3;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:4px;font-size:14px;line-height:1}.coach-close:hover{color:#fff;background:#ffffff1a}.coach-title{color:#fff;margin-top:4px;font-size:15px;display:block}.coach-text{margin:4px 0 8px}.coach-dots{gap:5px;margin:0 0 10px;padding:0;list-style:none;display:flex}.coach-dots li{background:#ffffff2e;border-radius:2px;width:18px;height:4px}.coach-dots li.done{background:#4fbf87}.coach-dots li.now{background:#ffd23f}.coach-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.coach-skip{color:#dfeee6;cursor:pointer;background:0 0;border:1px solid #ffffff38;border-radius:999px;padding:5px 10px;font-size:12px}.coach-skip:hover{background:#ffffff14}@keyframes coach-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@keyframes coach-pulse{0%,to{box-shadow:0 0 #ffd23fcc}50%{box-shadow:0 0 0 6px #ffd23f00}}.app[data-coach=chat] [data-testid=chat-button],.app[data-coach=emote] [data-testid=emote-button],.app[data-coach=guard] [data-testid=spar-stance],.app[data-coach=punch] [data-testid=spar-jab],.app[data-coach=punch] [data-testid=spar-cross],.app[data-coach=people] [data-testid=online-count]{outline-offset:1px;outline:2px solid #ffd23f;animation:1.3s ease-in-out infinite coach-pulse}@media (prefers-reduced-motion:reduce){.coach-card,.app[data-coach] [data-testid]{animation:none}}@media (pointer:fine){.app .spar-bar{left:auto;right:calc(20px + var(--desk-rail-w,560px) + 8px);border-radius:20px;min-height:70px;top:18px}.app .spar-hint{left:auto;right:calc(20px + var(--desk-rail-w,560px) + 8px);max-width:max(220px,calc(100% - var(--desk-rail-w,560px) - 48px));border-radius:12px;top:98px}}.desk-corner{z-index:3;pointer-events:none;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute;bottom:20px;right:20px}.app .desk-corner .map-panel{position:static}.desk-rail.look-rail{pointer-events:auto;position:static}.desk-rail .rail-btn[aria-pressed=true]{background:#215e42;border-color:#215e42}.desk-rail .rail-btn[aria-pressed=true] small,.desk-rail .rail-btn[aria-pressed=true] .rail-icon{color:#fff}.desk-rail .rail-btn[aria-pressed=true] .rail-key{color:#fff;background:#ffffff2e}.desk-rail .rail-feedback{background:#eef2fb}.desk-rail .rail-feedback small,.desk-rail .rail-feedback .rail-icon{color:#34528f}@media (pointer:fine) and (width<=1180px){.app .spar-bar{right:auto;left:calc(100% - 20px - var(--desk-rail-w,560px));top:96px}.app .spar-hint{right:auto;left:calc(100% - 20px - var(--desk-rail-w,560px));max-width:calc(var(--desk-rail-w,560px) - 320px);top:174px}}.coach-text{color:inherit}@media (pointer:coarse){.app[data-coach] .activity-feed{top:310px}}