:root{--bg: #0d1210;--glass: rgba(14, 18, 16, .72);--glass-2: rgba(255, 255, 255, .06);--line: rgba(255, 255, 255, .12);--text: #f2f0ea;--muted: rgba(242, 240, 234, .58);--accent: #e9a83b;--accent-2: #f4c76a;--danger: #d9553f;--font: "Avenir Next", "Segoe UI", "Helvetica Neue", system-ui, -apple-system, sans-serif;--t: env(safe-area-inset-top, 0px);--b: env(safe-area-inset-bottom, 0px);--l: env(safe-area-inset-left, 0px);--r: env(safe-area-inset-right, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%;width:100%;position:fixed;inset:0;overflow:hidden;overscroll-behavior:none;background:var(--bg);color:var(--text);font-family:var(--font);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-font-smoothing:antialiased}#app{position:fixed;inset:0}#scene{position:absolute;inset:0;width:100%;height:100%;display:block}.layer{position:absolute;inset:0;z-index:10}.hidden{display:none!important}button,input{font-family:var(--font);color:inherit}button{cursor:pointer;border:0;background:none;padding:0}.big-btn{width:100%;padding:15px 18px;font-size:16px;font-weight:600;letter-spacing:.14em;color:#1a1408;background:var(--accent);border-radius:14px;transition:transform .08s ease,filter .12s ease}.big-btn:active{transform:scale(.985);filter:brightness(.94)}.ghost-btn{margin-top:10px;width:100%;padding:12px 14px;font-size:13px;font-weight:500;color:var(--text);background:var(--glass-2);border:1px solid var(--line);border-radius:12px}.ghost-btn:active{background:#ffffff1a}.ghost-btn.danger{color:#f0a08f;border-color:#d9553f59}.loader{z-index:60;background:var(--bg);display:flex;flex-direction:column}.load-sky{position:relative;flex:1;overflow:hidden;background:linear-gradient(180deg,#6f9fbd,#c8dde3 55%,#e2ead2)}.sun{position:absolute;right:14%;top:12%;width:76px;height:76px;border-radius:50%;background:#ffe07a;box-shadow:0 0 0 12px #ffe07a47,0 0 60px #ffd25a99;animation:sunpulse 4s ease-in-out infinite}@keyframes sunpulse{50%{transform:scale(1.06)}}.cloud{position:absolute;height:26px;background:#fff;border-radius:30px;opacity:.9;box-shadow:26px -10px 0 -4px #fff,52px 2px 0 -6px #fff}.c1{width:70px;top:18%;left:-20%;animation:drift 22s linear infinite}.c2{width:52px;top:30%;left:-30%;animation:drift 30s linear infinite 4s}.c3{width:84px;top:9%;left:-45%;animation:drift 38s linear infinite 9s}@keyframes drift{to{left:130%}}.treeline{position:absolute;left:-10%;right:-10%;height:44%;background-repeat:repeat-x}.treeline.far{bottom:26%;opacity:.55;background-image:linear-gradient(to bottom right,transparent 48%,#3c6b3a 49%),linear-gradient(to bottom left,transparent 48%,#3c6b3a 49%);background-size:60px 100%,60px 100%;animation:slide 9s linear infinite}.treeline.near{bottom:20%;height:40%;background-image:linear-gradient(to bottom right,transparent 47%,#234a26 48%),linear-gradient(to bottom left,transparent 47%,#234a26 48%);background-size:96px 100%,96px 100%;animation:slide 5s linear infinite}@keyframes slide{to{background-position-x:-192px,-192px}}.ground{position:absolute;left:0;right:0;bottom:0;height:22%;background:repeating-linear-gradient(90deg,#a9834f 0 40px,#b58c56 40px 80px);border-top:5px solid #7c5c32;animation:slide2 .9s linear infinite}@keyframes slide2{to{background-position-x:-80px}}.runner{position:absolute;left:50%;bottom:20%;transform:translate(-50%);width:180px}.dog{width:100%;display:block;animation:bound .42s ease-in-out infinite}@keyframes bound{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-14px) rotate(2deg)}}.dog .ear{transform-origin:166px 44px;animation:earflop .42s ease-in-out infinite}@keyframes earflop{0%,to{transform:rotate(-16deg)}50%{transform:rotate(20deg)}}.legs line{transform-origin:center top}.l1,.l4{animation:kick .42s ease-in-out infinite}.l2,.l3{animation:kick .42s ease-in-out infinite reverse}@keyframes kick{0%,to{transform:rotate(-26deg)}50%{transform:rotate(30deg)}}.dust{position:absolute;bottom:-6px;width:22px;height:12px;border-radius:50%;background:#ffffffbf}.d1{left:4px;animation:puff 1s linear infinite}.d2{left:34px;animation:puff 1s linear infinite .5s}@keyframes puff{0%{opacity:.9;transform:scale(.4) translate(0)}to{opacity:0;transform:scale(1.6) translate(-70px)}}.load-ui{padding:22px 26px calc(var(--b) + 26px);background:var(--bg);text-align:center}.load-title{margin:0 0 16px;font-size:26px;font-weight:600;letter-spacing:.3em;line-height:1}.load-title span{display:block;font-size:11px;color:var(--accent);letter-spacing:.28em;margin-top:8px;font-weight:500;text-transform:uppercase}.bar{height:3px;background:#ffffff1f;border-radius:99px;overflow:hidden}.bar-fill{height:100%;width:4%;background:var(--accent);transition:width .35s ease}.tip{margin:14px 0 0;font-size:12px;color:var(--muted);min-height:1.2em}.menu{z-index:20;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.menu>*{pointer-events:auto}.menu-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:calc(var(--t) + 16px) calc(var(--r) + 20px) 0 calc(var(--l) + 20px)}.brand{font-size:20px;font-weight:600;letter-spacing:.32em;color:var(--text);text-shadow:0 2px 12px rgba(0,0,0,.5)}.brand span{display:none}.owner-chip{background:var(--glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:999px;padding:7px 12px;font-size:12px;font-weight:500;color:var(--text);max-width:46vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sheet{background:var(--glass);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-top:1px solid var(--line);border-radius:22px 22px 0 0;padding:10px 18px calc(var(--b) + 16px);max-height:70vh;display:flex;flex-direction:column}.tabs{display:flex;gap:2px;margin:4px 0 14px;padding:3px;background:#ffffff0f;border-radius:12px;flex:0 0 auto}.tab{flex:1;padding:8px 4px;font-size:12px;font-weight:500;color:var(--muted);border-radius:9px;letter-spacing:.02em}.tab.active{background:#ffffff1f;color:var(--text)}.tab-panel{overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px}.sel-card{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:10px 6px 14px;border-bottom:1px solid var(--line);margin-bottom:14px}.sel-emoji{font-size:24px;width:34px;text-align:center}.sel-text{flex:1;min-width:0}.sel-text b{display:block;font-size:15px;font-weight:600}.sel-text span{font-size:12px;color:var(--muted)}.sel-collar{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font-size:17px}.stat-strip{display:flex;justify-content:space-between;gap:8px;margin:14px 2px 4px}.stat-strip div{flex:1;text-align:center}.stat-strip span,.stat-grid span{display:block;font-size:10px;letter-spacing:.12em;color:var(--muted);text-transform:uppercase}.stat-strip b,.stat-grid b{display:block;font-size:15px;font-weight:600;margin-top:3px;font-variant-numeric:tabular-nums}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 8px;margin:14px 0 6px;text-align:center}.hint-row{display:flex;justify-content:space-between;gap:6px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.hint-row div{flex:1;font-size:10px;text-align:center;color:var(--muted);line-height:1.35}.hint-row b{display:block;font-size:12px;color:var(--text);font-weight:500;margin-bottom:1px}.note{margin:2px 0 12px;font-size:12px;color:var(--muted);line-height:1.45}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.grid.collars{grid-template-columns:repeat(3,1fr)}.card{position:relative;text-align:left;padding:12px;border-radius:14px;background:var(--glass-2);border:1px solid var(--line);overflow:hidden;color:var(--text)}.grid.collars .card{text-align:center;padding:12px 6px}.card.active{border-color:var(--accent);background:#e9a83b1f}.card.locked{opacity:.5}.card .emoji{font-size:22px;display:block}.card .cname{display:block;font-size:12.5px;font-weight:600;margin-top:6px}.card .csub{display:block;font-size:10.5px;color:var(--muted);margin-top:2px;line-height:1.3}.card .lock{position:absolute;right:10px;top:10px;font-size:11px;color:var(--muted);text-align:right;line-height:1.25;max-width:60%}.card .lock br+*{display:none}.card .prog{position:absolute;left:0;bottom:0;height:2px;background:var(--accent)}.field{display:block;text-align:left;margin-bottom:10px}.field span{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.field input{width:100%;padding:12px 13px;font-size:15px;font-weight:500;border:1px solid var(--line);border-radius:12px;background:#ffffff0f;color:var(--text);outline:none}.field input:focus{border-color:var(--accent)}.opt-row{display:flex;gap:8px}.opt-row .ghost-btn{flex:1}.hud{pointer-events:none;padding:calc(var(--t) + 12px) calc(var(--r) + 14px) 0 calc(var(--l) + 14px)}.hud-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.hud-stack{display:flex;flex-direction:column;gap:6px;align-items:flex-end}.hud-badge{display:inline-flex;align-items:center;gap:7px;background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:999px;padding:6px 12px;line-height:1;font-weight:600}.hud-label{font-size:9.5px;letter-spacing:.18em;color:var(--muted)}.hud-value{font-size:18px;font-variant-numeric:tabular-nums}.hud-unit{font-size:11px;color:var(--muted)}.hud-icon{font-size:14px}.dist-badge{padding:4px 10px}.dist-badge .hud-value{font-size:13px}.hud-second{margin-top:8px;align-items:center}.world-tag{font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--text);opacity:.8;padding:4px 2px;text-shadow:0 1px 8px rgba(0,0,0,.6)}.round-btn{pointer-events:auto;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--glass);backdrop-filter:blur(10px);font-size:11px;font-weight:600;color:var(--text)}.powerups{position:absolute;left:calc(var(--l) + 14px);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px}.pu{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--glass);display:grid;place-items:center;font-size:18px;position:relative;overflow:hidden}.pu .fill{position:absolute;left:0;right:0;bottom:0;background:#e9a83b59}.pu em{position:relative;font-style:normal}.toast{position:absolute;left:50%;top:26%;transform:translate(-50%);font-size:22px;font-weight:600;letter-spacing:.12em;color:var(--text);white-space:nowrap;opacity:0;text-shadow:0 2px 14px rgba(0,0,0,.7)}.toast.show{animation:pop .95s ease-out forwards}@keyframes pop{0%{opacity:0;transform:translate(-50%,14px) scale(.9)}22%{opacity:1;transform:translate(-50%) scale(1.04)}72%{opacity:1;transform:translate(-50%,-4px) scale(1)}to{opacity:0;transform:translate(-50%,-26px) scale(.98)}}.danger-vignette{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .3s ease;background:radial-gradient(ellipse at center,#b4402e00 42%,#78140cd9)}.chaser-warn{position:absolute;left:50%;bottom:calc(var(--b) + 22px);transform:translate(-50%);color:#ffb4a4;font-weight:600;letter-spacing:.3em;font-size:11px;text-shadow:0 1px 10px rgba(0,0,0,.8);animation:blink 1s steps(2,end) infinite}@keyframes blink{50%{opacity:.2}}.screen{display:grid;place-items:center;z-index:30;padding:calc(var(--t) + 14px) 18px calc(var(--b) + 14px);background:#0609088c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.paper{width:min(400px,100%);max-height:100%;overflow-y:auto;text-align:center;background:var(--glass);border:1px solid var(--line);border-radius:20px;padding:24px 20px 20px}.panel-title{margin:0 0 8px;font-size:18px;font-weight:600;letter-spacing:.2em}.over-sub{margin:0 0 16px;font-size:13px;color:var(--muted)}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.result-grid div{padding:10px 4px;border-radius:12px;background:var(--glass-2)}.result-grid span{display:block;font-size:10px;letter-spacing:.12em;color:var(--muted);text-transform:uppercase}.result-grid b{display:block;font-size:18px;margin-top:4px;font-variant-numeric:tabular-nums;font-weight:600}.new-best{color:var(--accent);font-weight:600;letter-spacing:.18em;margin-bottom:12px;font-size:12px}.unlock-box{background:var(--glass-2);border:1px solid var(--line);border-radius:12px;padding:10px;margin-bottom:12px;font-size:12.5px;line-height:1.45;color:var(--muted)}.unlock-box b{display:block;font-size:14px;color:var(--text)}@media(max-height:640px){.sheet{max-height:78vh}.hint-row{display:none}}.kino{pointer-events:none}.kino-back{position:absolute;top:calc(12px + env(safe-area-inset-top));left:12px;pointer-events:auto}.kino-caption{position:absolute;left:0;right:0;bottom:calc(22px + env(safe-area-inset-bottom));text-align:center;text-shadow:0 2px 10px rgba(0,0,0,.85)}.kino-caption b{display:block;font-size:17px;letter-spacing:.14em;text-transform:uppercase}.kino-caption span{font-size:12px;color:var(--muted);letter-spacing:.1em}.seg-row{display:flex;align-items:center;gap:10px;margin:0 0 10px}.seg-row>span{font-size:12px;letter-spacing:.06em;text-transform:uppercase;opacity:.7;min-width:78px}.seg{display:flex;flex:1;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:3px;gap:3px}.seg button{flex:1;border:0;background:transparent;color:inherit;font:inherit;font-size:13px;padding:7px 2px;border-radius:9px;cursor:pointer}.seg button.active{background:#f2b544;color:#1a1408;font-weight:700}