:root{--ink: #2d2a32;--card: rgba(255, 252, 245, .88);--card-edge: rgba(255, 255, 255, .9);--accent: #e8618c;--accent-dark: #c4416c;--green: #4caf6a;--gold: #f5b83d;--sky: #6fa8dc;--shadow: 0 6px 18px rgba(30, 30, 50, .22);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}html,body{margin:0;height:100%;overflow:hidden;background:#9cc6ea;font-family:Nunito,Trebuchet MS,system-ui,-apple-system,sans-serif;color:var(--ink);overscroll-behavior:none;touch-action:none}#app,#app canvas{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}#loading{position:fixed;inset:0;display:grid;place-items:center;background:linear-gradient(#8ec2ec,#cfe7f7 60%,#a9d38b 60%,#86bf68);z-index:50;transition:opacity .6s}#loading.done{opacity:0;pointer-events:none}.loading-card{background:var(--card);border-radius:28px;padding:28px 40px;text-align:center;box-shadow:var(--shadow);min-width:260px}.loading-title{font-size:40px;font-weight:900;color:var(--accent-dark);letter-spacing:.5px}.loading-sub{margin-top:6px;font-size:17px;opacity:.75}.loading-bar{margin-top:18px;height:14px;border-radius:8px;background:#00000014;overflow:hidden}#loading-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--accent),var(--gold));border-radius:8px;transition:width .2s}#hud{position:fixed;inset:0;pointer-events:none;z-index:10}#hud>*{pointer-events:auto}.card{background:var(--card);border:2px solid var(--card-edge);border-radius:20px;box-shadow:var(--shadow)}#horse-card{position:absolute;left:calc(14px + var(--safe-l));top:calc(12px + var(--safe-t));padding:10px 16px 12px;min-width:190px;pointer-events:none}#horse-name{font-weight:900;font-size:21px}#horse-breed{font-size:13px;opacity:.7;margin-left:6px;font-weight:700}.meter{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:13px;font-weight:800}.meter-track{flex:1;height:12px;border-radius:7px;background:#0000001a;overflow:hidden}.meter-fill{height:100%;border-radius:7px;background:linear-gradient(90deg,#f0a43a,#7ac74f);transition:width .25s}#gait{position:absolute;left:50%;bottom:calc(22px + var(--safe-b));transform:translate(-50%);padding:8px 22px;font-weight:900;font-size:22px;display:flex;align-items:center;gap:10px;pointer-events:none}.gait-dots{display:flex;gap:5px}.gait-dots span{width:11px;height:11px;border-radius:50%;background:#00000021;transition:background .2s,transform .2s}.gait-dots span.on{background:var(--accent);transform:scale(1.15)}#toast{position:absolute;left:50%;top:22%;transform:translate(-50%,-10px);max-width:min(560px,86vw);padding:14px 24px;font-size:21px;font-weight:800;text-align:center;opacity:0;transition:opacity .25s,transform .25s;pointer-events:none}#toast.show{opacity:1;transform:translate(-50%)}#toast.good{background:#effbe9;border-color:#bfe8a8}#topright{position:absolute;right:calc(14px + var(--safe-r));top:calc(12px + var(--safe-t));display:flex;gap:10px;align-items:flex-start}#minimap{width:132px;height:132px;border-radius:50%;border:4px solid var(--card-edge);box-shadow:var(--shadow);background:#7cb75a;pointer-events:none}.round-btn{width:56px;height:56px;border-radius:50%;border:3px solid var(--card-edge);background:var(--card);box-shadow:var(--shadow);font-size:26px;display:grid;place-items:center;cursor:pointer;color:var(--ink);padding:0}.round-btn:active{transform:scale(.94)}.side-btns{display:flex;flex-direction:column;gap:10px}#stick-zone{position:absolute;left:0;bottom:0;width:42%;height:58%;touch-action:none}#stick-base{position:absolute;left:calc(34px + var(--safe-l));bottom:calc(34px + var(--safe-b));width:150px;height:150px;border-radius:50%;background:#ffffff47;border:3px solid rgba(255,255,255,.75);box-shadow:inset 0 0 30px #ffffff40,var(--shadow);display:grid;place-items:center;pointer-events:none;transition:background .15s}#stick-base.active{background:#fff6}#stick-knob{width:66px;height:66px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#f2e9f4 55%,#e3d2e8);border:3px solid #fff;box-shadow:0 4px 12px #00000040}.stick-arrow{position:absolute;font-size:14px;color:#ffffffe6;font-weight:900;text-shadow:0 1px 3px rgba(0,0,0,.3)}#buttons{position:absolute;right:calc(26px + var(--safe-r));bottom:calc(26px + var(--safe-b));width:250px;height:230px;touch-action:none}.ctrl{position:absolute;border-radius:50%;border:4px solid #fff;box-shadow:var(--shadow);display:grid;place-items:center;font-weight:900;color:#fff;text-shadow:0 2px 3px rgba(0,0,0,.25);touch-action:none;cursor:pointer;transition:transform .08s,filter .15s}.ctrl.down{transform:scale(.9);filter:brightness(1.1)}.ctrl small{display:block;font-size:12px;margin-top:-4px;font-weight:800}#btn-jump{right:0;bottom:0;width:122px;height:122px;font-size:25px;background:radial-gradient(circle at 35% 30%,#ff9cbc,var(--accent) 60%,var(--accent-dark));text-align:center;line-height:1.05}#btn-jump.ready{animation:pulse .5s infinite alternate;background:radial-gradient(circle at 35% 30%,#b9f59c,#4caf6a 60%,#2f8a4d)}#btn-jump.soon{background:radial-gradient(circle at 35% 30%,#ffe39a,#f5b83d 60%,#d68f1b)}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.09)}}#btn-up,#btn-down{width:82px;height:82px;font-size:30px;background:radial-gradient(circle at 35% 30%,#9fd2ff,#4c97da 60%,#2f6fae)}#btn-up{right:140px;bottom:110px}#btn-down{right:132px;bottom:6px}.panel-backdrop{position:fixed;inset:0;background:#281e3c59;display:none;place-items:center;z-index:30}.panel-backdrop.open{display:grid}.panel{width:min(520px,92vw);max-height:86vh;overflow:auto;padding:22px 26px;border-radius:26px;background:#fffaf2;box-shadow:0 14px 40px #0000004d}.panel h2{margin:0 0 12px;font-size:26px;font-weight:900;color:var(--accent-dark)}.panel .row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgba(0,0,0,.07);font-size:18px;font-weight:700}.seg{display:flex;background:#0000000f;border-radius:14px;padding:3px}.seg button{border:0;background:transparent;padding:8px 12px;border-radius:11px;font:inherit;font-size:15px;font-weight:800;color:var(--ink);cursor:pointer}.seg button.on{background:#fff;box-shadow:0 2px 6px #0000001f;color:var(--accent-dark)}.big-btn{display:block;width:100%;margin-top:16px;padding:14px;border:0;border-radius:16px;font:inherit;font-size:20px;font-weight:900;color:#fff;background:linear-gradient(var(--accent),var(--accent-dark));box-shadow:0 4px 10px #c4416c59;cursor:pointer}.help-grid{display:grid;grid-template-columns:54px 1fr;gap:12px 14px;align-items:center;font-size:18px;font-weight:700}.help-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font-size:22px;font-weight:900;color:#fff}.muted{opacity:.65;font-size:14px;font-weight:600}#fps{position:absolute;left:calc(14px + var(--safe-l));top:calc(118px + var(--safe-t));font-size:12px;font-weight:800;opacity:.6;pointer-events:none;display:none}@media(max-width:700px),(max-height:480px){#stick-base{width:124px;height:124px;left:calc(20px + var(--safe-l));bottom:calc(20px + var(--safe-b))}#stick-knob{width:56px;height:56px}#buttons{right:calc(14px + var(--safe-r));bottom:calc(14px + var(--safe-b));transform:scale(.82);transform-origin:bottom right}#minimap{width:96px;height:96px}.round-btn{width:46px;height:46px;font-size:21px}#horse-card{min-width:150px;padding:8px 12px 10px}#horse-name{font-size:18px}#gait{font-size:18px;bottom:calc(10px + var(--safe-b))}#toast{font-size:17px;top:18%}}@media(max-height:480px){#gait{bottom:auto;top:calc(12px + var(--safe-t))}}@media(orientation:portrait)and (max-width:700px){#gait{top:calc(86px + var(--safe-t));bottom:auto;left:calc(14px + var(--safe-l));transform:none;font-size:16px;padding:6px 14px}}#hud[data-mode=hidden]>*{display:none!important}#hud[data-mode=walk] #buttons,#hud[data-mode=walk] #gait,#hud[data-mode=walk] #horse-card,#hud[data-mode=walk-in] #buttons,#hud[data-mode=walk-in] #gait,#hud[data-mode=walk-in] #horse-card,#hud[data-mode=walk-in] #minimap,#stable-ui[data-view=walk] .stable-menu{display:none}#context{position:absolute;left:50%;bottom:calc(78px + var(--safe-b));transform:translate(-50%);display:flex;gap:10px}#hud[data-mode=walk] #context,#hud[data-mode=walk-in] #context{left:auto;transform:none;right:calc(18px + var(--safe-r));bottom:calc(24px + var(--safe-b));flex-direction:column-reverse;align-items:flex-end}#hud[data-mode=walk] #context .act,#hud[data-mode=walk-in] #context .act{font-size:20px;padding:14px 22px}#hud[data-mode=walk] #context .act.primary,#hud[data-mode=walk-in] #context .act.primary{font-size:22px;padding:18px 26px}#carry{position:absolute;left:50%;bottom:calc(18px + var(--safe-b));transform:translate(-50%);padding:8px 16px;font-weight:800;font-size:16px;display:none;pointer-events:none}#carry.show{display:block}#stable-ui[data-view=walk] .toolbar,#stable-ui[data-view=walk] .stable-actions,#stable-ui[data-view=walk] .stable-hint,#stable-ui[data-view=walk] .tasks{display:none}#stable-ui[data-view=walk] .needs-card{width:200px;padding:8px 12px}#stable-ui[data-view=walk] .need{margin-top:2px}.act{border:3px solid #fff;border-radius:18px;padding:12px 20px;font:inherit;font-size:18px;font-weight:900;color:var(--ink);background:var(--card);box-shadow:var(--shadow);cursor:pointer;white-space:nowrap}.act.primary{color:#fff;background:linear-gradient(#5fc47b,#3f9d5b)}.act:disabled{opacity:.55;cursor:default}.act:active:not(:disabled){transform:scale(.96)}.big-btn.grey{background:linear-gradient(#f1ece4,#e2dbcf);color:var(--ink);box-shadow:0 3px 8px #0000001f}.big-btn.blue{background:linear-gradient(#5aa9e6,#3b82c4);box-shadow:0 4px 10px #3b82c459}.ps-row{display:flex;gap:10px}.ps-row>*{flex:1}.fade{position:fixed;inset:0;background:#2b2019;opacity:0;pointer-events:none;transition:opacity .25s;z-index:40}.fade.on{opacity:1}#stable-ui{position:fixed;inset:0;pointer-events:none;z-index:12;display:none}#stable-ui.open{display:block}#stable-ui>*{pointer-events:auto}.needs-card{position:absolute;left:calc(12px + var(--safe-l));top:calc(12px + var(--safe-t));padding:10px 14px 12px;width:230px}.needs-title{display:flex;justify-content:space-between;align-items:center;font-weight:900;font-size:20px}.hearts .heart{color:#00000026;font-size:17px;margin-left:1px}.hearts .heart.full{color:#e8618c}.hearts .heart.half{color:#f1a7bf}.need{display:grid;grid-template-columns:92px 1fr;align-items:center;gap:8px;font-size:13px;font-weight:800;margin-top:5px}.meter-fill.low{background:linear-gradient(90deg,#e2574c,#f0a43a)}.tasks{display:flex;flex-wrap:wrap;gap:4px 6px;margin-top:9px}.task{font-size:12px;font-weight:800;padding:3px 8px;border-radius:10px;background:#0000000f;opacity:.8}.task.ok{background:#dff4d6;color:#2f7a43;opacity:1}.stable-hint{position:absolute;left:50%;top:calc(14px + var(--safe-t));transform:translate(-50%);padding:9px 18px;font-size:17px;font-weight:800;max-width:min(460px,60vw);text-align:center;opacity:0;transition:opacity .2s;pointer-events:none!important}.stable-hint.show{opacity:1}.stable-menu{position:absolute;right:calc(14px + var(--safe-r));top:calc(12px + var(--safe-t))}.toolbar{position:absolute;left:50%;bottom:calc(12px + var(--safe-b));transform:translate(-50%);display:flex;gap:12px;max-width:calc(100vw - 24px)}.tool-group{display:flex;gap:6px;padding:6px;border-radius:22px;background:var(--card);border:2px solid var(--card-edge);box-shadow:var(--shadow)}.tool{width:70px;height:70px;border-radius:18px;border:3px solid transparent;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font:inherit;cursor:pointer;position:relative;padding:0;color:var(--ink)}.tool .ti{font-size:27px;line-height:1;height:30px;display:grid;place-items:center}.tool .tl{font-size:11px;font-weight:800;white-space:nowrap}.tool.on{border-color:var(--accent);background:#fff1f6;transform:translateY(-4px)}.tool.done:after{content:"✓";position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:50%;background:#4caf6a;color:#fff;font-size:14px;font-weight:900;display:grid;place-items:center;border:2px solid #fff}.stable-actions{position:absolute;right:calc(14px + var(--safe-r));top:calc(84px + var(--safe-t));display:flex;flex-direction:column;gap:8px;align-items:stretch}.dust{position:fixed;width:9px;height:9px;border-radius:2px;pointer-events:none;z-index:35;animation:dust .7s ease-out forwards}@keyframes dust{to{transform:translate(10px,-28px) scale(.3);opacity:0}}.pop{position:fixed;font-size:34px;pointer-events:none;z-index:35;transform:translate(-50%,-50%);animation:pop 1.2s ease-out forwards}@keyframes pop{0%{transform:translate(-50%,-50%) scale(.5)}25%{transform:translate(-50%,-80%) scale(1.2)}to{transform:translate(-50%,-190%) scale(1);opacity:0}}.hoof-game{position:fixed;inset:0;z-index:38;background:#281e198c;display:none;place-items:center}.hoof-game.open{display:grid}.hoof-card{background:#fffaf2;border-radius:28px;padding:16px 20px 18px;box-shadow:0 14px 40px #00000059;width:min(420px,92vw);text-align:center}.hoof-title{font-size:24px;font-weight:900;color:var(--accent-dark)}.hoof-card canvas{width:min(340px,74vw,52vh);height:auto;aspect-ratio:1;touch-action:none;margin-top:6px}.hoof-label{font-size:16px;font-weight:800;min-height:1.4em}.visit{position:fixed;inset:0;z-index:38;display:grid;place-items:center;background:#281e1966}.visit-card{padding:22px 28px;text-align:center;width:min(420px,90vw)}.visit-icon{font-size:48px}.visit-text{font-size:19px;font-weight:800;margin:8px 0 14px}.visit .meter-fill{width:0;transition:width 3s linear}.profile-screen{position:fixed;inset:0;z-index:60;display:none;place-items:center;background:linear-gradient(#8ec2ec59,#50783c59);padding:16px}.profile-screen.open{display:grid}.ps-card{background:#fffaf2;border-radius:30px;padding:24px 28px;width:min(620px,94vw);max-height:92vh;overflow:auto;box-shadow:0 16px 44px #0000004d}.ps-card h1{margin:0 0 14px;font-size:32px;font-weight:900;color:var(--accent-dark);text-align:center;text-wrap:balance}.ps-lead{text-align:center;font-size:18px;font-weight:700;margin:-6px 0 16px;opacity:.8}.ps-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.ps-rider{background:#fff;border-radius:22px;border:3px solid #f0e7da;padding:16px 10px 14px;text-align:center;cursor:pointer;position:relative;transition:transform .1s,border-color .15s}.ps-rider:hover,.ps-rider:focus-visible{border-color:var(--accent);outline:none}.ps-rider:active{transform:scale(.97)}.ps-avatar{width:74px;height:74px;margin:0 auto 8px;border-radius:50%;display:grid;place-items:center;font-size:34px;font-weight:900;color:#fff;border:4px solid #fff;box-shadow:0 3px 10px #0000002e}.ps-avatar.plus{background:#efe7da;color:var(--accent-dark)}.ps-name{font-size:20px;font-weight:900}.ps-sub{font-size:14px;font-weight:700}.ps-delete{position:absolute;top:8px;right:8px;border:0;border-radius:10px;padding:5px 9px;background:#e2574c;color:#fff;font:inherit;font-weight:800;font-size:13px;cursor:pointer}.ps-foot{display:flex;justify-content:space-between;margin-top:16px}.link-btn{border:0;background:none;font:inherit;font-weight:800;font-size:15px;color:#3b82c4;cursor:pointer;padding:6px 2px}.ps-confirm{margin-top:14px;padding:14px;border-radius:16px;background:#fff1f0;font-size:17px;font-weight:700}.ps-confirm p{margin:0 0 10px}.ps-label{display:block;font-size:17px;font-weight:900;margin:14px 0 6px}.ps-input{width:100%;font:inherit;font-size:22px;font-weight:800;padding:12px 16px;border-radius:16px;border:3px solid #eadfcf;background:#fff;color:var(--ink);-webkit-user-select:text;user-select:text}.ps-input:focus{outline:none;border-color:var(--accent)}.ps-colors{display:flex;gap:10px;flex-wrap:wrap}.ps-color{width:48px;height:48px;border-radius:50%;border:4px solid #fff;box-shadow:0 2px 6px #0003;cursor:pointer}.ps-color.on{outline:4px solid var(--ink);outline-offset:1px}.shake{animation:shake .35s}@keyframes shake{25%{transform:translate(-8px)}75%{transform:translate(8px)}}@media(max-width:760px),(max-height:520px){.tool{width:54px;height:56px;border-radius:14px}.tool .ti{font-size:21px;height:24px}.tool .ti svg{width:23px;height:23px}.tool .tl{font-size:9px}.toolbar{gap:6px}.tool-group{gap:3px;padding:4px}.needs-card{width:190px;padding:8px 10px}.need{grid-template-columns:74px 1fr;font-size:11px;margin-top:3px}.tasks{display:none}.act{font-size:14px;padding:9px 13px}.stable-actions{top:calc(66px + var(--safe-t))}}@media(orientation:portrait)and (max-width:700px){.toolbar{flex-direction:column;align-items:center}.stable-actions{top:auto;bottom:calc(150px + var(--safe-b))}}