*{box-sizing:border-box;margin:0;padding:0}:root{--parchment:#f3e9d2;--parchment-dark:#e5d6b4;--ink:#3a2d1f;--ink-soft:#6b5a44;--accent:#8a5f3c;--green:#5e7d4a;--red:#a8442f;--gold:#c9962e;font-family:Avenir Next,Segoe UI,system-ui,sans-serif}html,body,#app{background:#1a1712;width:100%;height:100%;overflow:hidden}@supports (height:100dvh){html,body,#app{height:100dvh}}#game-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}#hud{pointer-events:none;color:var(--ink);-webkit-user-select:none;user-select:none;position:absolute;inset:0}#hud button{pointer-events:auto;cursor:pointer;font:inherit}.topbar{color:var(--parchment);background:#261e14e0;border:1px solid #f3e9d240;border-radius:10px;align-items:center;gap:6px;padding:7px 14px;font-size:14px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #00000059}.topbar .stat{white-space:nowrap;align-items:center;gap:5px;padding:0 8px;display:flex}.topbar .stat+.stat{border-left:1px solid #f3e9d22e}.topbar .stat b{font-variant-numeric:tabular-nums}.btn{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:7px 14px;font-size:14px;font-weight:600;transition:filter .12s,transform 50ms}.btn:hover{filter:brightness(1.12)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:default;filter:none}.btn.green{background:var(--green)}.btn.red{background:var(--red)}.btn.gold{background:var(--gold);color:#3a2d1f}.btn.ghost{color:var(--parchment);background:#f3e9d224}.btn.small{border-radius:6px;padding:4px 10px;font-size:12.5px}.actions{flex-direction:column;gap:8px;display:flex;position:absolute;bottom:14px;right:14px}.actions .btn{text-align:left;min-width:130px;color:var(--parchment);background:#261e14e0;border:1px solid #f3e9d240}.actions .btn:hover{background:#463724f2}.actions .btn kbd{float:right;opacity:.65}kbd{background:#ffffff24;border:1px solid #ffffff40;border-radius:4px;padding:0 5px;font-family:inherit;font-size:12px}.prompt{color:var(--parchment);background:#261e14eb;border:1px solid #f3e9d24d;border-radius:10px;padding:9px 18px;font-size:15px;display:none;position:absolute;bottom:84px;left:50%;transform:translate(-50%)}.alertmeter{width:220px;display:none;position:absolute;bottom:130px;left:50%;transform:translate(-50%)}.alertmeter .label{text-align:center;color:var(--parchment);text-shadow:0 1px 3px #000;margin-bottom:3px;font-size:12px}.bar{background:#0000008c;border:1px solid #ffffff40;border-radius:6px;height:10px;overflow:hidden}.bar>div{background:var(--green);width:50%;height:100%;transition:width .1s linear}.toasts{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:64px;left:50%;transform:translate(-50%)}.toast{color:var(--parchment);border:1px solid var(--gold);background:#261e14f0;border-radius:10px;padding:9px 20px;font-size:14px;animation:.25s ease-out toast-in}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.modal-backdrop{pointer-events:auto;background:#0c09058c;justify-content:center;align-items:center;display:none;position:absolute;inset:0}.modal-backdrop.side{background:#0c090540;justify-content:flex-start;padding-left:40px}.modal-backdrop.side .modal{width:min(600px,47vw)}.modal{background:var(--parchment);border:3px solid var(--accent);border-radius:14px;flex-direction:column;width:min(760px,92vw);max-height:84vh;display:flex;overflow:hidden;box-shadow:0 24px 60px #00000080}.modal header{background:var(--accent);color:#fff;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.modal header h2{font-family:Georgia,serif;font-size:19px}.modal .modal-body{padding:16px 20px;font-size:14px;line-height:1.45;overflow-y:auto}.modal .modal-body h3{margin:10px 0 6px;font-family:Georgia,serif}.modal footer{border-top:1px solid var(--parchment-dark);justify-content:flex-end;gap:8px;padding:12px 20px;display:flex}.tabs{gap:4px;margin-bottom:12px;display:flex}.tabs button{border:1px solid var(--accent);color:var(--accent);background:0 0;border-radius:8px;flex:1;padding:8px;font-weight:600}.tabs button.active{background:var(--accent);color:#fff}.horse-grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:10px;display:grid}.horse-card{border:1px solid var(--parchment-dark);background:#fffdf6;border-radius:10px;padding:12px}.horse-card.active-horse{border:2px solid var(--gold);box-shadow:0 0 0 2px #c9962e40}.horse-card .hc-head{justify-content:space-between;align-items:baseline;margin-bottom:4px;display:flex}.horse-card .hc-head b{font-family:Georgia,serif;font-size:15.5px}.horse-card .coat-chip{vertical-align:-1px;border:1px solid #0000004d;border-radius:3px;width:12px;height:12px;margin-right:5px;display:inline-block}.horse-card .sub{color:var(--ink-soft);margin-bottom:8px;font-size:12.5px}.statrow{grid-template-columns:82px 1fr 34px;align-items:center;gap:6px;margin:2px 0;font-size:12px;display:grid}.statrow .bar{height:8px}.statrow .bar>div{background:var(--accent);transition:none}.statrow .bar>div.pot{background:var(--gold)}.condrow{color:var(--ink-soft);gap:10px;margin:8px 0;font-size:12px;display:flex}.hc-actions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.pricetag{color:var(--green);font-size:15px;font-weight:700}.rarity{color:var(--gold);letter-spacing:1px}.build-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.build-card{border:1px solid var(--parchment-dark);background:#fffdf6;border-radius:10px;flex-direction:column;gap:6px;padding:12px;display:flex}.build-card b{font-family:Georgia,serif}.build-card .desc{color:var(--ink-soft);flex:1;font-size:12.5px}.taming{border:2px solid var(--gold);width:460px;color:var(--parchment);text-align:center;background:#261e14f0;border-radius:14px;padding:16px 20px;display:none;position:absolute;bottom:120px;left:50%;transform:translate(-50%)}.taming h3{margin-bottom:4px;font-family:Georgia,serif}.taming .hint{opacity:.8;margin-bottom:10px;font-size:12.5px}.tame-track{background:#00000080;border:1px solid #ffffff4d;border-radius:8px;height:26px;margin-bottom:10px;position:relative;overflow:hidden}.tame-zone{background:#5e7d4ad9;position:absolute;top:0;bottom:0}.tame-marker{background:#fff;width:5px;position:absolute;top:-2px;bottom:-2px;box-shadow:0 0 8px #fff}.tame-status{letter-spacing:3px;font-size:15px}.race-hud{color:var(--parchment);background:#261e14e0;border:1px solid #f3e9d240;border-radius:10px;width:230px;padding:12px 14px;font-size:13px;display:none;position:absolute;top:60px;left:14px}.race-hud .standing{justify-content:space-between;gap:8px;padding:2px 0;display:flex}.race-hud .standing.you{color:var(--gold);font-weight:700}.race-hud .bigbar{margin-top:8px}.race-hud .bigbar .label{opacity:.8;font-size:11px}.race-countdown{color:#fff;text-shadow:0 4px 24px #000000b3;font-family:Georgia,serif;font-size:96px;display:none;position:absolute;top:32%;left:50%;transform:translate(-50%,-50%)}.race-controls-hint{color:var(--parchment);background:#261e14d9;border-radius:8px;padding:6px 14px;font-size:13px;display:none;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.show-hud{border:2px solid var(--gold);width:420px;color:var(--parchment);text-align:center;background:#261e14eb;border-radius:14px;padding:16px 22px;display:none;position:absolute;top:18%;left:50%;transform:translate(-50%)}.show-hud h3{font-family:Georgia,serif}.show-hud .cue-name{opacity:.85;margin:6px 0;font-size:14px}.show-key{border:2px solid var(--parchment);background:#ffffff1f;border-radius:12px;width:74px;height:74px;margin:8px auto;font-family:Georgia,serif;font-size:44px;line-height:70px}.show-key.waiting{opacity:.25;border-style:dashed}.show-window{background:#00000080;border-radius:7px;height:14px;margin-top:10px;position:relative;overflow:hidden}.show-window .sweet{background:#c9962e8c;width:20%;position:absolute;top:0;bottom:0;left:40%}.show-window .fill{background:#f3e9d2bf;width:0%;position:absolute;top:0;bottom:0;left:0}.show-score-flash{height:22px;color:var(--gold);margin-top:8px;font-weight:700}.divider{border:none;border-top:1px solid var(--parchment-dark);margin:12px 0}.muted{color:var(--ink-soft);font-size:12.5px}.result-row{border-radius:6px;justify-content:space-between;padding:6px 10px;font-size:14.5px;display:flex}.result-row.you{background:#c9962e33;font-weight:700}.result-row .medal{width:30px}.fact-box{background:var(--parchment-dark);border-radius:8px;margin-top:12px;padding:10px 14px;font-size:13px;font-style:italic}.controls-table{border-collapse:collapse;width:100%;font-size:13.5px}.controls-table td{border-bottom:1px solid var(--parchment-dark);padding:4px 8px}.controls-table td:first-child{width:130px}.vignette{pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 140px #140e068c}.title-screen{pointer-events:auto;z-index:10;background:radial-gradient(at 50% 120%,#c9962e59,#0000 60%),linear-gradient(#54a7ea 0%,#a8d4ef 45%,#6fc054 46%,#4f8f43 100%);justify-content:center;transition:opacity .6s;display:flex;position:absolute;inset:0;overflow-y:auto}.title-screen.title-out{opacity:0;pointer-events:none}.title-inner{text-align:center;color:#fff;margin:auto;padding:30px 40px}.title-horse{filter:drop-shadow(0 6px 12px #00000059);font-size:clamp(44px,14vmin,84px);animation:2.6s ease-in-out infinite title-bob}@keyframes title-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.title-logo{letter-spacing:1px;text-shadow:0 3px #5a3a148c,0 8px 24px #00000059;margin:4px 0 2px;font-family:Georgia,serif;font-size:clamp(26px,8vmin,54px)}.title-tag{opacity:.92;letter-spacing:2px;text-shadow:0 1px 4px #0006;margin-bottom:26px;font-size:15px;font-style:italic}.title-slots{justify-content:center;gap:14px;margin-bottom:22px;display:flex}.slot-card{background:var(--parchment);width:210px;color:var(--ink);border:3px solid var(--accent);border-radius:14px;flex-direction:column;align-items:center;gap:9px;padding:16px 14px;display:flex;box-shadow:0 12px 30px #0000004d}.slot-card .slot-name{font-family:Georgia,serif;font-size:17px;font-weight:700}.slot-card .slot-sub{color:var(--ink-soft);font-size:12.5px}.slot-card .slot-row{gap:6px;display:flex}.title-foot{opacity:.85;text-shadow:0 1px 4px #0006;font-size:12.5px;font-style:italic}.btn.delete{background:var(--red);color:#fff;border:1px solid #fff6}.small-logo{font-size:40px}.setup-form{justify-content:center;gap:14px;margin:18px 0 6px;display:flex}.setup-form label{color:#fff;text-shadow:0 1px 3px #0006;text-align:left;flex-direction:column;gap:5px;font-size:13px;display:flex}.setup-form input{font:inherit;border:2px solid var(--accent);background:var(--parchment);color:var(--ink);border-radius:10px;width:240px;padding:9px 12px;font-size:16px}.setup-h{color:#fff;text-shadow:0 1px 4px #0006;margin:14px 0 10px;font-family:Georgia,serif}.biome-grid{grid-template-columns:repeat(3,218px);justify-content:center;gap:10px;margin-bottom:18px;display:grid}.biome-card{background:var(--parchment);text-align:left;cursor:pointer;font:inherit;color:var(--ink);border:3px solid #0000;border-radius:12px;flex-direction:column;gap:3px;padding:11px 12px;display:flex;box-shadow:0 6px 18px #00000040}.biome-card:hover{border-color:var(--gold)}.biome-card.picked{border-color:var(--gold);background:#fff8e4;box-shadow:0 0 0 3px #c9962e59,0 6px 18px #00000040}.biome-card b{font-family:Georgia,serif;font-size:14.5px}.biome-card span:last-child{color:var(--ink-soft);font-size:11.5px}.biome-swatch{border:1px solid #0003;border-radius:6px;width:100%;height:14px;margin-bottom:4px}.setup-actions{justify-content:center;gap:10px;display:flex}.compass{color:var(--parchment);background:#261e14e0;border:1px solid #f3e9d240;border-radius:10px;align-items:center;gap:10px;padding:9px 14px;font-size:13px;display:flex;position:absolute;bottom:14px;left:14px}.compass-arrow{color:var(--gold);font-size:22px;line-height:1;transition:transform .15s linear}.compass-label{line-height:1.3}.muted-light{opacity:.65;font-size:11.5px}.wardrobe-row{flex-wrap:wrap;gap:6px;margin-bottom:6px;display:flex}.wd-chip{border:2px solid var(--parchment-dark);color:var(--ink);cursor:pointer;background:#fffdf6;border-radius:8px;align-items:center;gap:6px;padding:7px 11px;font-size:13px;display:flex}.wd-chip:hover{border-color:var(--accent)}.wd-chip.equipped{border-color:var(--gold);background:#c9962e26;font-weight:700}.wd-chip.locked{opacity:.55}.wd-chip .wd-sub{color:var(--ink-soft);margin-left:2px;font-size:11px}.minimap{border:3px solid var(--accent);background:#261e1499;border-radius:14px;line-height:0;position:absolute;top:60px;right:14px;overflow:hidden;box-shadow:0 6px 20px #00000059}.compass-arrow.waypoint{color:#e8d44f}.fullmap{pointer-events:auto;background:#0c09058c;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:none;position:absolute;inset:0}.fullmap canvas{border:4px solid var(--accent);border-radius:16px;box-shadow:0 20px 60px #00000080}.fullmap-title{color:var(--parchment);text-shadow:0 2px 6px #0009;font-family:Georgia,serif;font-size:18px}.seed-hint{opacity:.8;font-size:10.5px;font-weight:400}.joy-zone{pointer-events:auto;touch-action:none;width:45vw;height:60vh;position:absolute;bottom:0;left:0}.joy-base{opacity:.55;background:#261e1466;border:2px solid #f3e9d273;border-radius:50%;width:104px;height:104px;margin:-52px 0 0 -52px;position:absolute;top:calc(100% - 110px);left:110px}.joy-knob{background:#f3e9d2bf;border-radius:50%;width:48px;height:48px;margin:-24px 0 0 -24px;position:absolute;top:50%;left:50%;box-shadow:0 3px 10px #0006}.touch-buttons{pointer-events:auto;grid-template-columns:repeat(2,clamp(64px,8.5vmin,82px));gap:10px;display:grid;position:absolute;bottom:12px;right:12px}.touch-btn{width:clamp(64px,8.5vmin,82px);height:clamp(64px,8.5vmin,82px);color:var(--parchment);touch-action:none;background:#261e14b3;border:2px solid #f3e9d280;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:24px;line-height:1;display:flex}.touch-btn span{opacity:.8;font-size:8.5px}.touch-btn.held{background:#c9962ebf}.touch .actions{display:none}.rotate-hint{color:var(--parchment);border:1px solid var(--gold);background:#261e14e6;border-radius:10px;padding:8px 16px;font-size:14px;display:none;position:absolute;top:54px;left:50%;transform:translate(-50%)}@media (orientation:portrait){.touch .rotate-hint{display:block}}@media (height<=520px){.topbar{padding:5px 8px;font-size:11.5px;top:6px}.compass{padding:6px 10px;font-size:11px;bottom:8px;left:8px}.minimap{transform-origin:100% 0;top:46px;right:8px;transform:scale(.78)}.prompt{font-size:13px;bottom:66px}.modal{max-height:92vh}.toasts{top:44px}}html,body{touch-action:manipulation}.touch .minimap{transform-origin:0 0;top:46px;left:8px;right:auto;transform:scale(.72)}.touch .compass{bottom:8px;left:8px}.pad-focus{outline-offset:2px;box-shadow:0 0 0 5px #c9962e40;outline:3px solid var(--gold)!important}.fs-btn{width:38px;height:38px;color:var(--parchment);pointer-events:auto;z-index:20;background:#261e14bf;border:1px solid #f3e9d266;border-radius:10px;font-size:20px;position:absolute;top:8px;right:8px}@media (width<=700px){.title-inner{width:100vw;max-height:100dvh;padding:16px 12px;overflow-y:auto}.title-horse{font-size:52px}.title-logo{font-size:34px}.small-logo{font-size:26px}.title-tag{letter-spacing:1px;margin-bottom:14px;font-size:12px}.title-slots{flex-direction:column;align-items:center;gap:8px;margin-bottom:12px}.slot-card{width:min(320px,86vw);padding:12px}.setup-form{flex-direction:column;align-items:center;gap:8px;margin:10px 0 4px}.setup-form input{width:76vw;padding:8px 10px;font-size:15px}.setup-h{margin:10px 0 8px;font-size:15px}.biome-grid{grid-template-columns:repeat(2,minmax(0,43vw));gap:7px}.biome-card{padding:8px 9px}.biome-card b{font-size:12.5px}.biome-card span:last-child{font-size:10px}}@media (width<=700px) and (orientation:landscape){.title-slots{flex-direction:row}.slot-card{width:200px}.biome-grid{grid-template-columns:repeat(3,200px)}}.install-gate{z-index:40;pointer-events:auto;background:radial-gradient(at 50% 120%,#c9962e59,#0000 60%),linear-gradient(#54a7ea 0%,#a8d4ef 45%,#6fc054 46%,#4f8f43 100%);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ig-inner{text-align:center;color:#fff;max-width:420px;padding:24px}.ig-horse{filter:drop-shadow(0 6px 12px #00000059);font-size:64px}.ig-inner h1{text-shadow:0 3px #5a3a148c,0 8px 24px #00000059;margin:6px 0 4px;font-family:Georgia,serif;font-size:32px}.ig-sub{text-shadow:0 1px 4px #0006;margin-bottom:18px;font-size:15px}.ig-steps{background:var(--parchment);color:var(--ink);border:3px solid var(--accent);text-align:left;border-radius:14px;flex-direction:column;gap:10px;padding:14px 16px;font-size:15px;display:flex;box-shadow:0 12px 30px #0000004d}.ig-step b:first-child{background:var(--accent);color:#fff;text-align:center;border-radius:50%;width:22px;height:22px;margin-right:6px;line-height:22px;display:inline-block}.ig-glyph{font-size:17px}.ig-share{vertical-align:-3px;color:#1a72e8;width:15px;height:19px}.ig-install{margin-top:16px;font-size:16px}.ig-skip{color:#ffffffbf;background:0 0;border:none;margin:14px auto 0;font-size:12px;text-decoration:underline;display:block}.touch-menu{pointer-events:auto;z-index:15;flex-direction:row;gap:6px;display:flex;position:absolute;top:52px;right:8px}.touch-menu-btn{width:44px;height:44px;color:var(--parchment);touch-action:none;background:#261e14bf;border:1px solid #f3e9d266;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:1px;font-size:17px;line-height:1;display:flex}.touch-menu-btn span{opacity:.8;font-size:7.5px}.touch .minimap{top:52px}@media (height<=560px){.title-inner{padding:12px 16px}.title-tag{margin-bottom:10px;font-size:12px}.small-logo{font-size:22px}.setup-form{flex-wrap:wrap;gap:8px;margin:8px 0 4px}.setup-form label{font-size:11px}.setup-form input{width:180px;padding:6px 9px;font-size:14px}.setup-h{margin:8px 0 6px;font-size:14px}.biome-grid{grid-template-columns:repeat(3,minmax(160px,200px));gap:7px;margin-bottom:10px}.biome-card{padding:7px 9px}.biome-card b{font-size:12px}.biome-card span:last-child{font-size:9.5px}.title-slots{gap:8px;margin-bottom:10px}.slot-card{width:200px;padding:12px}.title-foot{font-size:11px}}.pad-active .joy-zone,.pad-active .touch-buttons{display:none}.modal-open .joy-zone,.modal-open .touch-buttons,.modal-open .touch-menu,.modal-open .fs-btn,.fullmap-open .joy-zone,.fullmap-open .touch-buttons,.fullmap-open .touch-menu,.fullmap-open .fs-btn{display:none!important}.fullmap{z-index:25}.touch .modal header .btn.ghost.small{min-width:44px;min-height:40px;font-size:18px}