:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#243b32;background:#f5f3ec;font-synthesis:none;font-size:15px;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:0;transition:background .15s,transform .15s}button:disabled{cursor:not-allowed;opacity:.45}button:not(:disabled):hover{filter:brightness(.94)}button:focus-visible,a:focus-visible{outline:3px solid #c88f3d;outline-offset:4px}header{height:96px;border-bottom:1px solid #deded2;display:flex;align-items:center;justify-content:space-between;padding:0 6%;background:#faf9f4}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:inherit;font-weight:750;font-size:16px;letter-spacing:2.3px}.brand-mark{display:grid;place-items:center;width:39px;height:46px;border:1px solid #a89567;border-radius:20px 20px 15px 15px;font-family:Georgia,serif;font-size:29px;color:#a08a58}.brand small{display:block;font-size:9px;letter-spacing:4px;font-weight:500;color:#819087;margin-top:3px}.header-right{display:flex;align-items:center;gap:27px}.prototype{font-size:10px;letter-spacing:1.6px;color:#879087}.wallet{font-size:20px;font-weight:650}.wallet>span{color:#ba9855;margin-right:4px}.wallet small{font-size:12px;font-weight:400;color:#68786e}.text-button{background:none;color:#69766d;font-size:12px;padding:8px}main{max-width:1260px;margin:auto;padding:45px 40px 70px;min-height:calc(100vh - 165px)}.intro{display:flex;justify-content:space-between;gap:55px;align-items:center;margin-bottom:43px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#8b7956;margin-bottom:13px}h1{font-family:Georgia,Times New Roman,serif;font-weight:400;font-size:49px;line-height:1.1;letter-spacing:normal;word-spacing:.06em;white-space:pre-line;margin:0 0 19px;color:#213e32}p{color:#758178;font-size:14px;line-height:1.8;margin:0}.intro p{max-width:530px}.race-ticket{width:285px;flex-shrink:0;background:#eaeadd;border:1px solid #dcddcd;padding:23px 27px;border-radius:4px;position:relative}.race-ticket>span{font-size:9px;letter-spacing:2px;color:#788475}.race-ticket strong{display:block;font-family:Georgia,serif;font-size:26px;font-weight:400;margin:9px 0}.race-ticket div{font-size:11px;color:#77806f}.race-ticket i{margin:0 8px}.race-ticket hr{border:0;border-top:1px solid #d6dacb;margin:18px 0}.race-ticket small{font-size:9px;letter-spacing:1.5px;color:#818575}.race-ticket b{display:block;font-size:29px;color:#877347;font-weight:500}.race-ticket em{font-size:12px;font-style:normal}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}h2{font-family:Georgia,serif;font-size:24px;font-weight:400;margin:0}h3{font-family:Georgia,serif;font-size:28px;font-weight:400;margin:0}.section-heading>span{font-size:11px;color:#849085}.horse-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:21px}.horse-card{background:#fffef9;border:1px solid #e0e1d6;border-radius:8px;padding:20px 23px;overflow:hidden;position:relative}.horse-card.selected{border:2px solid #547e66;padding:19px 22px;box-shadow:0 4px 16px #294b3510}.card-top{display:flex;justify-content:space-between;align-items:center;gap:7px;font-size:10px;color:#8b8d7f}.status{font-size:9px;padding:4px 7px;border-radius:20px;background:#eeeee4;color:#8b846d;white-space:nowrap}.status.ready{background:#e9f0e6;color:#547953}.horse-portrait{width:100%;max-width:240px;aspect-ratio:2 / 3;margin:16px auto;border-radius:8px;background-image:url(/assets/stable-horses-v1.png);background-size:300% 100%;background-repeat:no-repeat}.horse-title{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:18px}.horse-title>span{font-size:11px;color:#998657}.stat{display:flex;justify-content:space-between;align-items:center;margin:9px 0;font-size:11px;color:#738077}.bars{display:flex;gap:4px}.bars i{display:block;width:22px;height:6px;border-radius:1px;background:#e8e9df}.bars i.filled{background:#708b77}.card-action{margin-top:24px;min-height:46px}.primary,.secondary,.chosen,.subtle{padding:13px 21px;border-radius:4px;font-size:12px;font-weight:600}.primary{background:#254d3c;color:#fffdf2}.secondary{background:#f3f3eb;color:#45634e;border:1px solid #dedfd2}.chosen{background:#e4eee2;color:#426749}.subtle{background:#f4efdf;color:#8c7849;font-size:10px;padding:10px}.full{width:100%}.hint{font-size:11px;color:#92998f;margin-top:16px}.onboarding{display:flex;justify-content:center;gap:60px;margin-top:37px;padding-top:25px;border-top:1px solid #e1e1d5;font-size:12px;color:#9aa296}.onboarding b{color:#4b6654;font-weight:500;margin-left:8px}.preparation{margin-top:40px;border-top:1px solid #dedfd1;padding-top:31px}.preparation .eyebrow{margin-bottom:5px}.tactics{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.tactic{text-align:left;border:1px solid #dcded0;background:#f9f8f0;border-radius:5px;padding:18px;position:relative;color:#4e6455}.tactic.active{border-color:#638169;background:#eaf0e4;box-shadow:inset 0 0 0 1px #638169}.tactic b{display:block;font-size:13px;margin-bottom:6px}.tactic small{font-size:11px;color:#7b8878;display:block;padding-right:15px}.tactic-icon{float:right;font-size:23px;color:#a59870}.start-line{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:25px}.start-line b{font-size:13px}.start-line p{font-size:11px;max-width:620px;margin-top:4px}.start-line .primary{min-width:185px;padding:17px 24px}.start-line .primary span{margin-left:28px}.rest-line{display:flex;justify-content:space-between;font-size:11px;color:#a28551;margin-bottom:6px}.race-heading{margin:10px 0 25px}.race-heading h1{font-size:39px;margin-bottom:0}.live-dot{color:#648d64!important}.live-dot:before{content:"●";margin-right:8px;color:#7b9969}.race-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:25px}.track{width:100%;display:block}.ranking-panel{border:1px solid #dfe2d6;border-radius:6px;background:#fdfcf6;padding:24px 18px}.ranking-panel ol{list-style:none;padding:0;margin:15px 0}.ranking-panel li{display:flex;gap:12px;align-items:center;padding:15px 8px;border-bottom:1px solid #e9ebdf;font-size:12px}.ranking-panel li>span{color:#a3936c;width:13px}.ranking-panel li b{font-weight:500}.ranking-panel li small{margin-left:auto;font-size:10px;color:#8b9487}.mine{background:#eaf0e3}.ranking-panel p{font-size:11px;margin-top:20px}.energy-panel{margin-top:22px;padding:20px 25px;background:#efeee3;border-radius:5px}.energy-panel>div{display:flex;justify-content:space-between;font-size:12px}.energy-panel small{font-size:11px;color:#7a8775}progress{appearance:none;width:100%;height:8px;border:none;margin:15px 0;background:#d9decd;border-radius:10px;overflow:hidden}progress::-webkit-progress-bar{background:#d9decd}progress::-webkit-progress-value{background:#7b9668}progress::-moz-progress-bar{background:#7b9668}.result-hero{text-align:center;margin:4px 0 35px}.result-hero h1{font-size:43px}.medallion{display:grid;place-items:center;width:64px;height:64px;border:1px solid #c7b886;border-radius:50%;margin:17px auto;color:#ab8d4e;font-family:Georgia,serif;font-size:32px}.result-reward{font-size:28px;color:#9a8050;margin:12px 0 4px}.result-reward span{font-size:13px}.result-hero>small{font-size:10px;color:#92988a}.results-table{max-width:900px;margin:auto;background:#fffef9;border:1px solid #e1e2d5;border-radius:6px;padding:26px}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th{font-size:10px;text-transform:uppercase;color:#8d978a;font-weight:500;padding:12px}td{padding:14px 12px;border-top:1px solid #e8e9df}td:last-child{font-variant-numeric:tabular-nums}td:nth-child(3){color:#8b9485;font-size:11px}.you{font-size:8px;letter-spacing:1px;margin-left:8px;color:#7d966c}.result-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:28px;gap:20px}.result-bottom p{font-size:11px}footer{display:flex;justify-content:space-between;padding:22px 6%;border-top:1px solid #e0e1d6;font-size:10px;color:#90988a;letter-spacing:.3px}footer i{margin:0 12px;color:#b7bcae}.error{padding:15px 20px;margin-bottom:25px;border:1px solid #d7b1a0;background:#f7e9df;color:#895a49;border-radius:4px;font-size:13px}.loading{padding:100px 0;text-align:center}.loading button{margin-top:20px}dialog{max-width:440px;border:1px solid #d1d7c4;border-radius:8px;background:#fbfaf3;padding:30px;color:#294432}dialog::backdrop{background:#1d302766;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}dialog h2{margin-bottom:15px}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:25px}@media(max-width:950px){header{padding:0 25px}.prototype{display:none}main{padding:30px 25px 50px}h1{font-size:40px}.race-ticket{width:240px}.horse-card{padding:15px}.horse-card.selected{padding:14px}.card-top{flex-direction:column;align-items:flex-start}.bars i{width:16px}.race-layout{grid-template-columns:1fr}.ranking-panel ol{display:grid;grid-template-columns:1fr 1fr}.ranking-panel p{display:none}}@media(max-width:690px){.intro{display:block}.race-ticket{margin-top:25px;width:100%}.horse-grid,.tactics{grid-template-columns:1fr}.brand{font-size:12px}.header-right{gap:8px}.brand small{letter-spacing:2px}.wallet{font-size:16px}.section-heading{align-items:flex-start}.section-heading>span{max-width:140px}.onboarding{gap:15px;flex-wrap:wrap}.start-line,.result-bottom{align-items:stretch;flex-direction:column}.card-top{flex-direction:row}.bars i{width:25px}footer{gap:15px;flex-direction:column}table{font-size:11px}td,th{padding:10px 6px}.you{display:block;margin:2px 0}.result-hero h1{font-size:36px}}.live-plan{margin-top:14px;padding:20px 24px;background:#fffef8;border:1px solid #dce0d1;border-radius:7px}.phase-strip{display:flex;gap:5px;margin-bottom:18px}.phase-strip span{flex:1;border-top:3px solid #e5e7dc;padding-top:7px;font-size:10px;color:#929b8b}.phase-strip .current{border-color:#b99850;color:#796133;font-weight:700}.phase-strip .done{border-color:#739177;color:#607d61}.plan-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.plan-heading b{font-size:17px;font-family:Georgia,serif}.plan-heading span{background:#eef1e5;border-radius:20px;padding:4px 10px;color:#68805d;font-size:11px}.live-plan p{font-size:12px;margin-top:8px;min-height:40px}.live-readings{display:flex;gap:30px;border-top:1px solid #eceee3;margin-top:12px;padding-top:12px;font-size:10px;color:#88917f}.live-readings b{display:block;color:#42614c;font-size:15px;font-weight:500;margin-top:3px}.ranking-panel ol{display:flex;flex-direction:column}.race-insights{max-width:900px;margin:0 auto 24px;background:#eeefe3;border:1px solid #dfe3d2;border-radius:7px;padding:25px}.race-insights h2{font-size:24px}.race-insights .eyebrow{margin-bottom:5px}.insight-summary{font-size:13px;color:#546d54}.split-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0 10px}.split-card{background:#fafbf3;border:1px solid #e1e6d5;border-radius:5px;padding:14px}.split-card>span{font-size:10px;color:#8b997e;letter-spacing:.5px}.split-card>strong{display:block;margin:8px 0;font-family:Georgia,serif;font-size:26px;font-weight:400;color:#3f624b}.split-card strong small{font-family:inherit;font-size:11px}.split-card>small{display:block;font-size:10px;color:#7d8e74;margin-top:5px}.split-energy{height:5px;background:#e0e6d6;border-radius:3px;overflow:hidden}.split-energy i{display:block;height:100%;background:#839c6f}.rival-comparison{margin-top:20px;padding-top:15px;border-top:1px solid #d8e0ca;color:#4a6449;font-size:13px}.racing-horse{pointer-events:none}@media(max-width:690px){.split-grid{grid-template-columns:repeat(2,1fr)}.race-insights{padding:18px}.live-plan{padding:16px}.plan-heading{align-items:flex-start}.race-insights .section-heading{flex-direction:column;gap:8px}.live-readings{gap:15px}}@media(min-width:761px)and (max-width:950px){.race-layout{grid-template-columns:minmax(0,1fr) 205px;gap:14px}.ranking-panel{padding:20px 12px}.ranking-panel ol{display:flex}.ranking-panel li{padding:14px 4px;gap:7px}.ranking-panel p{display:block}}.gate-scene{max-width:950px;margin:30px auto;text-align:center}.gate-scene svg{width:100%;display:block;margin:24px 0}.gate-scene h1{margin:16px 0}.gate-horse{transform:translateY(115px);opacity:.5;transition:transform .65s ease,opacity .65s}.gate-horse.loaded{transform:translateY(0);opacity:1}.gate-horse.released{transform:translateY(110px)}.gate-door{transition:opacity .15s,transform .25s;transform-box:fill-box;transform-origin:left}.gate-door.open{transform:scaleX(.1);opacity:.3}@media(prefers-reduced-motion:reduce){.gate-horse,.gate-door{transition:none}}.care-room{max-width:1000px;margin:25px auto}.care-room h1{margin:16px 0 24px}.care-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:36px}.care-portrait{background:#e9e4d8;padding:18px;border-radius:16px;text-align:center}.care-portrait .horse-portrait{max-width:300px}.care-portrait.groomed{box-shadow:inset 0 0 0 3px #a7b28d}.care-portrait.groomed .horse-portrait{filter:brightness(1.06)}.care-details{padding:24px;background:#fffdf7;border:1px solid #ddd9ca;border-radius:16px}.care-details p{line-height:1.6}.care-details button{display:block;margin:14px 0;width:100%}@media(max-width:700px){.care-layout{grid-template-columns:1fr}}.horse-status-group{display:flex;flex-direction:column;align-items:flex-end;gap:6px;max-width:65%;text-align:right}.horse-recommendation{color:#576c5b;font-size:11px;line-height:1.5}.player-progress{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:18px;background:#e9eddf;border-radius:12px;margin:12px 0}.player-progress progress{width:180px}.player-progress small{flex-basis:100%;color:#596b54}.market-panel{margin-top:40px}.market-tabs{display:flex;gap:10px;flex-wrap:wrap}.identity-panel{background:#fffdf7;padding:20px;border-radius:12px;margin-bottom:20px}.identity-panel input,#purchase-name{padding:10px;border:1px solid #a8b29d;border-radius:6px;max-width:100%}.identity-panel button{margin:8px}button,.brand{touch-action:manipulation}button{min-height:44px}#app{min-height:100dvh}header{height:68px;padding:0 max(24px,env(safe-area-inset-left))}main{padding:20px 24px 40px}.player-progress{margin-bottom:16px;padding:10px 16px;font-size:12px}.player-progress small{display:none}.game-nav{display:flex;gap:8px;padding:6px;background:#183e32;border-radius:14px;margin-bottom:20px}.game-nav button{flex:1;border:0;background:transparent;color:#e4eade;border-radius:10px;font-weight:700}.game-nav button[aria-pressed=true]{background:#e6c887;color:#193a30;box-shadow:0 2px 8px #0002}.stable-content .intro{display:none}.stable-content[data-tab-view=stable]>.market-panel,.stable-content[data-tab-view=stable]>.preparation,.stable-content[data-tab-view=market]>.horse-grid,.stable-content[data-tab-view=market]>.section-heading,.stable-content[data-tab-view=market]>.preparation,.stable-content[data-tab-view=prepare]>.horse-grid,.stable-content[data-tab-view=prepare]>.market-panel,.stable-content[data-tab-view=prepare]>.section-heading,.stable-content[data-tab-view=prepare]>.hint{display:none}.stable-content[data-tab-view=prepare] .intro{display:flex;margin:0 0 16px}.stable-content[data-tab-view=prepare] .intro>div{display:none}.race-ticket{width:100%;padding:16px 20px;display:flex;flex-wrap:wrap;align-items:center;gap:12px}.race-ticket hr,.race-ticket>p{display:none}.race-ticket b{font-size:24px;margin:0}.market-panel{margin:0}.horse-card{border-radius:16px;overflow:hidden}.horse-card .horse-portrait{height:180px;width:120px;margin:12px auto}.rotate-hint{display:none}dialog{max-height:85dvh;overflow:auto;max-width:min(520px,90vw)}input{font-size:16px;min-height:44px;max-width:100%}footer{padding-bottom:max(16px,env(safe-area-inset-bottom))}@media(orientation:portrait)and (max-width:700px){.rotate-hint{display:block;text-align:center;background:#e6c887;padding:8px 16px;font-size:12px}header{padding:8px 12px;height:auto;gap:8px;flex-wrap:wrap}.brand{font-size:12px}main{padding:12px}.header-right{gap:8px}}@media(orientation:landscape)and (max-height:600px){header{height:52px;padding:0 max(16px,env(safe-area-inset-left))}.brand{font-size:12px;gap:8px}.brand-mark{width:32px;height:32px;font-size:22px}.brand small,footer{display:none}.header-right{gap:14px}main{padding:10px max(16px,env(safe-area-inset-right)) 20px max(16px,env(safe-area-inset-left));min-height:0}.player-progress{padding:4px 12px;margin-bottom:8px;gap:10px}.player-progress progress{height:6px}.game-nav{margin-bottom:12px;padding:3px}.section-heading{margin-bottom:10px}h1{font-size:26px;margin:6px 0}h2{font-size:19px}.horse-grid{display:flex;overflow-x:auto;gap:12px;scroll-snap-type:x proximity;padding-bottom:10px}.horse-card{flex:0 0 280px;padding:14px;scroll-snap-align:start}.horse-card .horse-portrait{float:left;height:140px;width:92px;margin:10px 12px 8px 0}.horse-card .horse-title{margin-top:10px}.horse-title h3{font-size:23px}.horse-card .stat{font-size:11px;gap:4px}.horse-card .hint{font-size:10px}.horse-card .card-action{clear:both}.card-top{font-size:10px}.tactics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tactic{padding:12px}.tactic-icon{display:none}.preparation{margin-top:0;padding-top:0}.start-line{margin-top:12px;gap:12px}.start-line p{font-size:11px;margin:4px 0}.care-layout{grid-template-columns:180px 1fr;gap:18px}.care-portrait{position:sticky;top:12px;align-self:start}.care-portrait .horse-portrait{max-height:240px}.care-details{padding:16px}#app[data-screen=race] main{padding-top:4px}.race-heading{margin:0 0 4px}.race-heading h1{font-size:18px;margin:0}.race-heading .eyebrow{display:none}.race-layout{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:10px}.track{height:calc(100dvh - 98px);min-height:200px}.ranking-panel{padding:8px;font-size:11px}.ranking-panel li{padding:7px 3px;font-size:11px}.ranking-panel>p{display:none}.energy-panel{margin-top:8px;padding:10px}.live-plan{padding:12px}.result-hero{padding:14px}.medallion{width:46px;height:46px;font-size:24px;margin:0 auto}}@media(orientation:landscape)and (max-height:600px){.player-progress{margin:0 0 6px;min-height:20px}.player-progress span,.player-progress progress{display:none}.horse-card{flex-basis:390px}.card-top{display:flex;justify-content:space-between;align-items:start;gap:8px}.horse-status-group{max-width:220px}.horse-card .horse-portrait{height:120px;width:80px}.horse-card .hint{margin:4px 0}.horse-card .horse-title{margin-bottom:4px}.horse-card .stat{margin:4px 0}}.horse-identity{margin:12px 0;border:1px solid #d4dacd;border-radius:12px;padding:0 16px}.horse-identity summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:600}.horse-identity summary:before{content:"＋";margin-right:10px}.horse-identity[open] summary:before{content:"−"}#app[data-screen=stable] main{padding-bottom:110px}#app[data-screen=stable] footer{padding-bottom:100px}.game-nav{position:fixed;z-index:20;bottom:max(12px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:min(360px,calc(100% - 32px));box-sizing:border-box;margin:0;padding:5px;gap:5px;border:1px solid #bda474;border-radius:22px;background:linear-gradient(180deg,#284d3e,#122e26);box-shadow:0 6px 24px #102d3040,inset 0 1px #ffffff24}.game-nav button{min-height:62px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:6px 12px;font-size:12px;border-radius:16px}.game-nav svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}.game-nav button:disabled{opacity:.4;cursor:default}.game-nav button[aria-pressed=true]{background:linear-gradient(180deg,#f4dc9d,#d0ad65)}@media(orientation:landscape)and (max-height:600px){.game-nav{bottom:max(6px,env(safe-area-inset-bottom));width:300px}.game-nav button{min-height:52px;padding:4px 10px;font-size:11px}.game-nav svg{width:22px;height:22px}#app[data-screen=stable] main{padding-bottom:85px}}#app[data-screen=stable] main{box-sizing:border-box;height:calc(100dvh - 160px);min-height:0;overflow-y:auto;padding-bottom:24px;overscroll-behavior-y:contain}#app[data-screen=stable] footer{display:none}@media(orientation:landscape)and (max-height:600px){#app[data-screen=stable] main{height:calc(100dvh - 126px)}}@media(orientation:portrait)and (max-width:700px){#app[data-screen=stable] main{height:calc(100dvh - 230px)}}#app[data-screen=room] main{box-sizing:border-box;height:calc(100dvh - 160px);min-height:0;overflow-y:auto;padding-bottom:24px}#app[data-screen=room] footer{display:none}.care-room>h1{margin:4px 0 18px}.care-room .identity-panel{margin:0;padding:0;border:0;background:none}.care-room .training-panel>hr{display:none}.care-room .care-details>h2,.care-room .training-panel>h2{margin-top:0}@media(orientation:landscape)and (max-height:600px){#app[data-screen=room] main{height:calc(100dvh - 126px)}#app[data-screen=room] .player-progress{display:none}.care-room>.eyebrow{display:none}.care-room>h1{display:inline-block;margin:0 0 10px 12px;font-size:24px}.care-layout{max-width:100%;grid-template-columns:160px minmax(0,1fr)}.care-portrait .horse-portrait{max-height:190px}.care-portrait p{font-size:11px}.care-details{min-width:0}.care-details button{margin:4px 4px 4px 0}}@media(orientation:portrait)and (max-width:700px){#app[data-screen=room] main{height:calc(100dvh - 230px)}}@media(orientation:landscape)and (max-height:600px){#app[data-screen=room] main{padding-top:2px}.care-room .training-panel{display:flex;flex-wrap:wrap;gap:6px 10px}.training-panel>h2{flex-basis:100%;margin:0}.training-panel>.stat{flex:1 1 26%;font-size:11px;margin:0;display:block}.training-panel .bars{display:flex;margin-top:4px}.training-panel>p{flex-basis:100%;margin:3px 0;font-size:12px}.training-panel>button{width:auto;flex:1 1 25%;font-size:12px;padding:8px}.training-panel>.hint{font-size:11px}}.result-analysis{margin:16px 0;border:1px solid #d4dacd;border-radius:12px;padding:0 16px}.result-analysis summary{min-height:48px;display:flex;align-items:center;cursor:pointer;font-weight:600}.result-analysis summary:before{content:"＋";margin-right:10px}.result-analysis[open] summary:before{content:"−"}#app[data-screen=result] .result-hero{padding:20px;border-radius:18px;background:linear-gradient(135deg,#173b30,#2e5743);color:#fff4da}#app[data-screen=result] .result-hero h1,#app[data-screen=result] .result-hero .eyebrow,#app[data-screen=result] .result-hero p,#app[data-screen=result] .result-hero small{color:inherit}#app[data-screen=result] .result-hero small{opacity:.7}@media(orientation:landscape)and (max-height:600px){#app[data-screen=result] .player-progress{display:none}#app[data-screen=result] .result-hero{text-align:left;padding:14px 20px}#app[data-screen=result] .medallion{float:left;margin:8px 18px 35px 0}#app[data-screen=result] .result-hero h1{font-size:25px;margin:4px 0}#app[data-screen=result] .result-hero p{margin:4px 0;font-size:12px}#app[data-screen=result] .result-reward{font-size:26px;margin:4px 0}#app[data-screen=result] main{padding-bottom:90px}.result-bottom{margin:0}.result-bottom>p{display:none}.result-bottom #back{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));z-index:20;box-shadow:0 4px 16px #102d3040}.results-table{padding-bottom:60px}}#app[data-screen=result] .result-reward,#app[data-screen=result] .result-reward span,#app[data-screen=result] .medallion{color:#f4d88f}.header-right{gap:14px}.experience-button{border:1px solid #d4dacd;border-radius:12px;background:#e9eddf;color:#254334;padding:6px 12px;font-weight:700}.experience-button small{font-weight:400}.settings-button{display:grid;place-items:center;min-width:44px;padding:8px;background:#173b30;color:#f4dc9d;border:0;border-radius:12px}.settings-button svg{width:24px;height:24px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round}#experience-dialog .player-progress{display:flex;flex-direction:column;align-items:start;gap:10px}#experience-dialog .player-progress span,#experience-dialog .player-progress progress{display:block}@media(max-width:700px){.header-right{gap:6px}.experience-button{padding:6px 8px;font-size:12px}.wallet{font-size:16px}}@media(orientation:landscape)and (max-height:600px){.brand{flex-shrink:0}.header-right{gap:8px}}#app #experience-dialog .player-progress{display:flex}.currency-icon{width:26px;height:26px;flex-shrink:0;vertical-align:middle}.wallet,.gem-preview{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.gem-preview{color:#276a7e;font-size:14px;padding:4px 8px;border:1px solid #b7d8df;border-radius:12px;background:#eaf5f5}.gem-preview small{font-size:11px}@media(orientation:landscape)and (max-width:740px){header .brand>span:last-child{display:none}header .header-right{gap:6px}.gem-preview{padding:4px}}@media(orientation:portrait)and (max-width:700px){header .header-right{flex-wrap:wrap}}html,body{height:100%;overflow:hidden;overscroll-behavior:none}#app{height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden}#app>header{flex-shrink:0}#app>.rotate-hint{flex-shrink:0}#app[data-screen]>main{flex:1 1 0;min-height:0;height:auto;width:100%;box-sizing:border-box;overflow:auto;overscroll-behavior:contain}#app[data-screen]>footer{display:none}#app[data-screen=stable]>main,#app[data-screen=room]>main{margin-bottom:calc(90px + env(safe-area-inset-bottom))}@media(orientation:landscape)and (max-height:600px){#app[data-screen=stable]>main,#app[data-screen=room]>main{margin-bottom:calc(74px + env(safe-area-inset-bottom))}}.stable-scene{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:16px;min-height:0}.stall-visual{position:relative;min-height:0;overflow:hidden;border-radius:18px;background:radial-gradient(ellipse at top,#ad9670,#322b22 85%);display:flex;justify-content:center}.stall-visual>.horse-portrait{height:100%;width:auto;aspect-ratio:2/3;max-width:none;margin:0;border-radius:0}.stall-name{position:absolute;top:16px;left:16px;color:#fff4d7;text-shadow:0 2px 8px #000}.stall-name h1{color:inherit;font-size:30px;margin:4px 0}.stall-name span{font-size:11px;letter-spacing:2px}.stall-info{min-height:0;overflow:auto}.stall-info .horse-card{padding:14px;border:0;box-shadow:none}.stall-info .horse-card>.horse-portrait,.stall-info .horse-title{display:none}.horse-strip{display:flex;overflow-x:auto;gap:8px;min-height:0;padding:4px 0}.horse-strip button{flex:0 0 175px;display:flex;gap:10px;align-items:center;padding:6px;border:1px solid #bdc9ba;border-radius:12px;background:#f9f8f0;text-align:left}.horse-strip button[aria-pressed=true]{border:2px solid #b08a40;background:#f2e4c4}.horse-strip .horse-portrait{width:36px;height:48px;margin:0;border-radius:6px;flex-shrink:0}.horse-strip small{display:block;font-size:10px}.stable-content:not([data-tab-view=stable])>.stable-scene,.stable-content:not([data-tab-view=stable])>.horse-strip{display:none}#app[data-screen=stable][data-stable-tab=stable] main{overflow:hidden;padding:10px 16px}.stable-content[data-tab-view=stable]{height:100%;display:grid;grid-template-rows:minmax(0,1fr) 72px;gap:8px}.stable-content[data-tab-view=stable]>.section-heading,.stable-content[data-tab-view=stable]>.hint{display:none}@media(orientation:landscape)and (max-height:600px){.stable-scene{grid-template-columns:minmax(0,1fr) minmax(280px,1fr);gap:10px}.stall-info .horse-card{padding:6px 10px}.stall-info .card-top{align-items:center}.stall-info .horse-card .hint{display:none}.stall-info .horse-card .stat{display:inline-flex;width:30%;flex-direction:column}.stall-info .horse-card button{font-size:11px;min-height:44px;padding:6px}.stall-info .horse-card>button{width:48%;float:left}.stall-info .card-action{clear:none;margin:0 0 0 51%}.stall-info .horse-recommendation{font-size:10px}.stable-content[data-tab-view=stable]{grid-template-rows:minmax(0,1fr) 62px;gap:4px}.horse-strip button{padding:3px 6px}.horse-strip .horse-portrait{height:40px;width:28px}#app[data-screen=result]>main{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr) 48px;gap:8px 14px;overflow:hidden;padding:10px 16px 70px}#app[data-screen=result] .result-hero{grid-column:1;grid-row:1;overflow:auto;margin:0;padding:12px}#app[data-screen=result] .result-analysis{grid-column:1;grid-row:2;margin:0;overflow:auto;padding:0 8px}#app[data-screen=result] .result-analysis[open]{grid-row:1 / 3;z-index:2;background:#f5f3ec}#app[data-screen=result] .result-analysis summary{font-size:11px}#app[data-screen=result] .results-table{grid-column:2;grid-row:1 / 3;overflow:auto;padding:0;margin:0}#app[data-screen=result] .results-table td,#app[data-screen=result] .results-table th{padding:8px 4px;font-size:11px}#app[data-screen=result] .result-hero small{display:none}}@media(orientation:portrait)and (max-width:700px){.stable-scene{grid-template-columns:1fr;grid-template-rows:minmax(130px,1fr) minmax(0,1fr)}}#app[data-screen=stable][data-stable-tab=stable]{position:relative;isolation:isolate;background:#30291e}#app[data-screen=stable][data-stable-tab=stable]>header{position:relative;z-index:3;background:linear-gradient(#132820dc,#13282090);border:0;color:#fff3d7}#app[data-screen=stable][data-stable-tab=stable]>header .brand,#app[data-screen=stable][data-stable-tab=stable]>header .text-button,#app[data-screen=stable][data-stable-tab=stable]>header .wallet{color:#fff3d7}#app[data-screen=stable][data-stable-tab=stable]>main{margin:0;max-width:none;padding:0;overflow:hidden}.stable-content[data-tab-view=stable],.stable-content[data-tab-view=stable] .stable-scene{display:block}.stable-content[data-tab-view=stable] .stall-visual{position:absolute;inset:0;z-index:-1;border-radius:0;display:block}.immersive-stall{position:absolute;inset:0;background-image:url(/assets/stable-scene-v2.png);background-size:100% 300%;background-position:center var(--scene-y)}.stall-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0b170da8,transparent 35%,transparent 75%,#0b170d40);pointer-events:none}.stable-content[data-tab-view=stable] .stall-name{top:84px;left:24px;z-index:1}.stable-content[data-tab-view=stable] .stall-info{position:absolute;top:88px;right:20px;width:260px;max-height:calc(100% - 230px);z-index:2;border-radius:16px}.stall-info .horse-card{background:#112a22d9;color:#f4edda;border:1px solid #d1bd8266;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stall-info .horse-card .stat,.stall-info .card-top{color:#f4edda}.stall-info .horse-card .hint{display:none}.stall-info .horse-card .stat{display:inline-flex;flex-direction:column;width:31%;font-size:11px}.stall-info .horse-card .bars{display:flex;gap:3px}.stall-info .horse-card button{font-size:12px}.stall-info .horse-card .horse-recommendation{color:#e6dfc8}.stable-content[data-tab-view=stable] .horse-strip{position:absolute;left:20px;right:20px;bottom:96px;z-index:2;height:62px}.horse-strip button{background:#18382ddc;color:#fff3d7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.horse-strip button[aria-pressed=true]{background:#dbc38ce8;color:#243b32}@media(orientation:landscape)and (max-height:600px){.stable-content[data-tab-view=stable] .stall-name{top:64px;left:18px}.stable-content[data-tab-view=stable] .stall-info{top:62px;right:12px;width:245px;max-height:calc(100% - 195px)}.stable-content[data-tab-view=stable] .horse-strip{bottom:72px;left:16px;right:16px;height:52px}.stall-info .horse-card{padding:8px}.stall-info .card-top>span{display:none}.stall-info .horse-status-group{max-width:none;text-align:left}.stall-info .horse-card .stat{margin:2px 0}}@media(orientation:portrait)and (max-width:700px){.stable-content[data-tab-view=stable] .stall-name{top:150px}.stable-content[data-tab-view=stable] .stall-info{top:auto;bottom:170px;right:12px;width:225px;max-height:220px}}.stall-info .horse-card .stat{vertical-align:top;align-items:flex-start;gap:4px}.stall-info .horse-card .bars{width:100%;max-width:64px}.stall-info .horse-card .bars i{width:auto;flex:1;min-width:0;height:4px}.stall-info .horse-card .stat>span:first-child{min-height:30px}.immersive-stall{background-image:url(/assets/stable-interior-v3.png);background-size:100% 100%;background-position:center}.scene-horse{position:absolute;left:27%;top:12%;height:74%;width:32%;background-image:url(/assets/horse-layer-v4.png);background-size:300% 100%;background-position:var(--horse-x) center;background-repeat:no-repeat}.immersive-stall,.scene-horse{background-image:url(/assets/stable-scene-v2.png);background-size:100% 300%;background-position:center top}.scene-horse{inset:0;width:100%;height:100%;clip-path:polygon(27% 76%,26% 68%,26.5% 56%,28% 43%,32% 35%,38% 33%,42% 29%,44% 21%,46% 16%,47% 11%,48% 16%,50% 13%,50.5% 20%,52% 24%,54.5% 31%,54% 37%,52% 39%,50% 35%,49% 34%,47% 40%,45% 48%,44% 59%,43% 69%,44% 83%,45% 85%,43% 87%,41.5% 84%,41% 68%,40% 60%,39% 65%,38% 79%,39% 81%,37% 82%,36% 79%,36.5% 62%,35% 58%,33% 63%,31% 72%,31% 82%,32% 84%,30% 85%,29% 82%,29% 70%,29% 63%,28% 69%,28% 77%);filter:var(--coat-filter, none)}.scene-horse{display:none}.immersive-stall{background-position:center var(--scene-y, 0%)}.immersive-stall{filter:brightness(var(--scene-light, 1))}#app[data-screen=room],#app[data-screen=shop]{position:relative;isolation:isolate;background:#30291e}.room-backdrop{position:absolute;inset:0;z-index:-1;pointer-events:none}.room-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0b170da8,transparent 35%,transparent 75%,#0b170d40)}#app[data-screen=room]>header,#app[data-screen=shop]>header{background:linear-gradient(#132820dc,#13282090);border:0}#app[data-screen=room] .brand,#app[data-screen=shop] .brand,#app[data-screen=room] header .text-button,#app[data-screen=shop] header .text-button,#app[data-screen=room] .wallet,#app[data-screen=shop] .wallet{color:#fff3d7}#app[data-screen=room]>main,#app[data-screen=shop]>main{max-width:none;overflow:hidden;padding:12px 18px;margin-bottom:80px}.care-room{height:100%;display:flex;flex-direction:column;align-items:flex-start;min-height:0}.care-room>.text-button,.care-room>h1,.care-room>.eyebrow{color:#fff3d7;text-shadow:0 1px 4px #000}.care-room>h1{position:absolute;left:24px;top:116px}.care-room>.eyebrow{display:none}.care-room .care-layout{display:block;margin-left:auto;width:min(440px,48%);flex:1;min-height:0;overflow:auto}.care-room .care-portrait{display:none}.care-room .care-details{background:#112a22e8;border:1px solid #d1bd8266;border-radius:16px;padding:16px;color:#f4edda;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.care-room .care-details :is(h2,h3,p,.hint,.stat){color:inherit}.care-room .identity-panel{color:inherit}@media(orientation:landscape)and (max-height:600px){.care-room>.text-button{position:absolute;left:16px;top:56px}.care-room>h1{top:100px;left:16px;margin:0}.care-room .care-layout{width:43%}.care-room .care-details{padding:12px;font-size:12px}}@media(orientation:portrait)and (max-width:700px){.care-room .care-layout{width:100%;margin-top:150px}}.immersive-stall{background-image:url(/assets/stable-interior-v3.png);background-size:100% 100%;background-position:center;filter:none}.scene-horse{display:block;inset:7% auto auto 24%;width:34%;height:84%;background-image:var(--horse-image);background-size:contain;background-position:center bottom;background-repeat:no-repeat;clip-path:none;filter:drop-shadow(3px 8px 5px #26190e50)}.stall-visual:after,.room-backdrop:after{background:linear-gradient(0deg,#0b170d55,transparent 24%,transparent 86%,#0b170d22)}.room-nav{width:min(420px,calc(100% - 24px))}.feeding-panel h2{margin:0 0 6px}.feeding-panel p{margin:6px 0;font-size:12px}.feed-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.care-room .feeding-panel button{width:100%;margin:3px 0;font-size:12px;padding:6px;min-height:44px}.feeding-panel small{display:block;margin-top:4px;font-size:10px}@media(orientation:landscape)and (max-height:600px){.room-nav{width:min(380px,calc(100% - 24px))}.care-room .feeding-panel h2{font-size:19px}}.care-room .feeding-panel .feed-choice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:48px;border:2px solid #738b7d;border-radius:8px}.feed-choice span{font-size:11px}.care-room .feeding-panel .feed-active{background:#f3d48a;color:#18372c;border-color:#ffebb6;box-shadow:0 0 0 1px #b59143;opacity:1}.care-room .feeding-panel .feed-choice[aria-pressed=false]:not(:disabled){background:#213f34;color:#f4edda}#app[data-screen=result]{background:radial-gradient(ellipse at 20% 10%,#385d46,#122c24 65%);color:#f3ecd9}#app[data-screen=result]>header{background:#10281fbb;border-color:#d5bf7b33}#app[data-screen=result] header :is(.brand,.wallet,.text-button){color:#f3ecd9}#app[data-screen=result]>main{max-width:1400px}#app[data-screen=result] .result-hero{background:linear-gradient(145deg,#345b44dd,#142f26);border:1px solid #c6a76388;box-shadow:inset 0 1px #fff1;border-radius:20px}#app[data-screen=result] .medallion{float:none;display:grid;place-items:center;width:64px;height:64px;margin:0 auto 12px;border:2px solid #dfc17b;color:#ffe7a6;background:radial-gradient(#506444,#213e2d);box-shadow:0 0 0 5px #d2b56b15}.result-time{color:#f5dfaa;font-size:16px;font-weight:600}.result-time span{padding:0 6px;opacity:.5}#app[data-screen=result] .result-time small{display:inline;font-size:11px;margin-left:8px}#app[data-screen=result] .result-reward{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#d3af5320;border:1px solid #d3af5340;border-radius:12px;margin:12px 0 4px}#app[data-screen=result] .result-xp{color:#c6dfbd}#app[data-screen=result] .results-table{border:1px solid #a6bc9950;border-radius:18px;background:#122b23d9;padding:18px}#app[data-screen=result] .results-table :is(h2,.hint){color:#eee6cf}#app[data-screen=result] .results-table .section-heading>span{color:#b6c6ae;font-size:11px}#app[data-screen=result] .results-table table{background:transparent}#app[data-screen=result] .results-table th{color:#b3c5ac;font-size:10px;border-bottom:1px solid #fff2}#app[data-screen=result] .results-table td{border-bottom:1px solid #fff1;color:#eee6cf}#app[data-screen=result] .results-table tr.mine{background:#d4b56c22}#app[data-screen=result] .you{color:#f5d68c;font-size:8px}.rank-badge{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#ffffff0c;color:#b9c7b2}.rank-1{background:#e2c276;color:#29372a}.rank-2{background:#c2ccc6;color:#29372a}.rank-3{background:#b69067;color:#1c2d24}#app[data-screen=result] .result-analysis{border:1px solid #c2b07855;background:#17382d;color:#f6e4b5;border-radius:12px}#app[data-screen=result] .result-analysis[open]{background:#f5f3ec;color:#243b32}#app[data-screen=result] #back{background:linear-gradient(#f2d898,#d4b46d);color:#1c382c;border:1px solid #efdbac;border-radius:14px}@media(orientation:landscape)and (max-height:600px){#app[data-screen=result]>main{grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr);gap:8px 12px;padding:10px 16px 66px}#app[data-screen=result] .result-hero{padding:12px 16px;text-align:center}#app[data-screen=result] .medallion{float:left;width:38px;height:38px;margin:10px 8px 0 0;font-size:20px}#app[data-screen=result] .result-hero h1{font-size:23px}#app[data-screen=result] .result-hero .eyebrow{font-size:9px;letter-spacing:1px}#app[data-screen=result] .result-performance{font-size:11px;margin:6px 0}#app[data-screen=result] .result-time{font-size:13px}#app[data-screen=result] .result-reward{font-size:22px;padding:4px 12px;margin:6px 0 2px}#app[data-screen=result] .results-table{padding:10px}#app[data-screen=result] .results-table .section-heading{margin-bottom:6px}#app[data-screen=result] .results-table td{padding:4px;font-size:11px}#app[data-screen=result] .results-table h2{font-size:19px}}#app[data-screen=result] :is(.result-hero,.results-table,.result-analysis){scrollbar-width:thin;scrollbar-color:#78907a55 transparent}#app[data-screen=result] .result-analysis:not([open]){overflow:hidden}@media(orientation:landscape)and (max-height:600px){#app[data-screen=result] .results-table .section-heading{align-items:center}#app[data-screen=result] .results-table h2{margin:0}#app[data-screen=result] .results-table td{padding:3px 4px;line-height:1.2}#app[data-screen=result] .results-table th{padding:5px 4px}#app[data-screen=result] .rank-badge{width:22px;height:22px}#app[data-screen=result] .result-hero{padding:10px 12px}}.stable-content:not([data-tab-view=market]) .market-showcase{display:none}#app[data-screen=stable][data-stable-tab=market]{background:radial-gradient(ellipse at 35% 40%,#52624a,#172f26 75%);color:#f2e6c9;position:relative;isolation:isolate}#app[data-screen=stable][data-stable-tab=market]>header{background:#10281fcc;border:0}#app[data-screen=stable][data-stable-tab=market] header :is(.brand,.wallet,.text-button){color:#f2e6c9}#app[data-screen=stable][data-stable-tab=market]>main{overflow:hidden;padding:0;max-width:none;margin-bottom:80px}.stable-content[data-tab-view=market]{height:100%}.stable-content[data-tab-view=market]>:is(.hint,.onboarding){display:none}.market-showcase{position:relative;height:100%;overflow:hidden}.market-setting{position:absolute;inset:0;background:radial-gradient(ellipse at 38% 75%,#bc9d5960,transparent 35%),linear-gradient(0deg,#172c21aa,transparent);border-bottom:1px solid #d9bf7033}.market-heading{position:absolute;top:12px;left:20px;z-index:2}.market-heading h2{color:#f2e6c9;margin:0 0 8px}.market-heading .market-tabs{margin:0;gap:6px}.market-heading button{padding:8px 12px;font-size:12px}.market-heading p{font-size:12px;max-width:360px}.market-horse{position:absolute;inset:0;pointer-events:none}.market-horse .scene-horse{left:22%;top:4%;height:80%;width:32%}.market-information{position:absolute;right:18px;top:16px;bottom:88px;width:32%;max-width:340px;overflow:auto;scrollbar-width:thin}.market-information .horse-card{background:#112a22eb;border:1px solid #d1bd8266;border-radius:16px;padding:16px;color:#f2e6c9}.market-information .horse-card>.horse-portrait{display:none}.market-information :is(.horse-title h3,.hint,.stat,.card-top){color:inherit}.market-information .horse-title{margin:8px 0}.market-information .horse-title h3{font-size:25px}.market-information .card-action{margin-top:12px}.market-information .card-action button{background:#e5c780;color:#18372a;border-radius:10px}.market-candidates{position:absolute;bottom:8px;left:18px;right:18px;display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;padding:4px 0}.market-candidates button{scroll-snap-align:start;flex:0 0 180px;min-height:58px;display:flex;gap:10px;align-items:center;padding:5px 8px;text-align:left;border:1px solid #afbb8c66;border-radius:12px;background:#16372ae8;color:#f2e6c9}.market-candidates button[aria-pressed=true]{background:#e4cb91;color:#18372a;border:2px solid #ffe8b3}.market-candidates .horse-portrait{width:32px;height:44px;margin:0;border-radius:6px;flex-shrink:0}.market-candidates small{display:block;font-size:11px}.market-empty{position:absolute;top:45%;left:20px}@media(orientation:landscape)and (max-height:600px){.market-heading{top:8px;left:14px}.market-horse .scene-horse{height:65%}.market-heading h2{font-size:18px;margin:0 0 4px}.market-heading .market-tabs{flex-direction:column;align-items:flex-start;gap:3px}.market-heading button{min-height:36px;padding:5px 10px}.market-heading p{max-width:150px;font-size:10px;margin:4px 0}.market-information{top:8px;bottom:68px;width:36%;right:12px}.market-information .horse-card{padding:8px 10px}.market-information .card-top{font-size:9px;flex-direction:row;align-items:center;flex-wrap:nowrap}.market-information .horse-title{margin:2px 0}.market-information .horse-title h3{font-size:20px}.market-information .hint{font-size:10px;margin:3px 0}.market-information .stat{display:inline-flex;flex-direction:column;width:31%;align-items:start;font-size:10px;margin:3px 0}.market-information .bars{width:100%;gap:2px}.market-information .bars i{flex:1;width:auto;min-width:0;height:4px}.market-information .card-action{margin-top:4px}.market-information .card-action button{padding:6px;font-size:11px}.market-candidates{bottom:4px}.market-candidates button{flex-basis:170px;min-height:48px}.market-candidates .horse-portrait{height:36px;width:26px}}@media(orientation:portrait)and (max-width:700px){.market-horse .scene-horse{left:0;top:16%;width:50%;height:65%}.market-information{top:120px;right:8px;width:49%;bottom:76px}.market-information .horse-card{padding:10px}}#app[data-screen=race]{background:radial-gradient(ellipse at 35% 40%,#31513b,#10291f);color:#f3e9d1}#app[data-screen=race] header{background:#10271ee8;color:#f3e9d1;border-color:#dcc68c33}#app[data-screen=race] main{display:flex;flex-direction:column;overflow:hidden;min-height:0;padding:10px 18px;width:100%;max-width:none}#app[data-screen=race] .race-heading{flex:0 0 auto;margin:0 0 8px}#app[data-screen=race] .race-heading h1{font-size:24px;margin:0;color:#f3e9d1}#app[data-screen=race] .eyebrow{color:#d4c393}#app[data-screen=race] .live-dot{color:#d2e9b7!important}#app[data-screen=race] .race-layout{flex:1;min-height:0;grid-template-columns:minmax(0,1fr) 240px;gap:14px}.race-stage{display:flex;flex-direction:column;min-height:0;min-width:0}#app[data-screen=race] .track{flex:1;height:0;min-height:0;width:100%}.race-sidebar{min-height:0;overflow:auto}#app[data-screen=race] .ranking-panel{padding:12px;border:1px solid #d1bd8244;border-radius:14px;background:#102a22d9}#app[data-screen=race] .ranking-panel ol{margin:8px 0 0}#app[data-screen=race] .ranking-panel li{padding:10px 5px;color:#eee4ca;border-color:#e9ebdf18;gap:8px}#app[data-screen=race] .ranking-panel li small{color:#c1c8ad}#app[data-screen=race] .ranking-panel .mine{background:#e4c67c;color:#19392a;border-radius:7px}#app[data-screen=race] .mine :is(span,small){color:#31472c}#app[data-screen=race] .energy-panel{margin:8px 0 0;padding:12px;background:#102a22d9;border:1px solid #d1bd8244;border-radius:14px}#app[data-screen=race] .energy-panel small{display:block;color:#c7ccb3;font-size:10px}#app[data-screen=race] progress{margin:8px 0}.race-spectator-note{font-size:11px;color:#c7ccb3;text-align:center}#app[data-screen=race] .live-plan{flex:0 0 auto;margin:8px 0 0;padding:10px 14px;border:1px solid #d1bd8244;border-radius:14px;background:#102a22d9;color:#eee4ca}#app[data-screen=race] .live-plan p{margin:4px 0;color:#c7ccb3}#app[data-screen=race] .phase-strip span{background:#284638;color:#c9d2bb}#app[data-screen=race] .phase-strip .current{background:#e4c67c;color:#19392a}#app[data-screen=race] .live-readings{color:#c7ccb3}#app[data-screen=race] .live-readings b{color:#f3e9d1}@media(orientation:landscape)and (max-height:600px){#app[data-screen=race] main{padding:4px 10px 6px}#app[data-screen=race] .race-heading{margin-bottom:3px}#app[data-screen=race] .race-heading h1{font-size:17px}#app[data-screen=race] .race-layout{grid-template-columns:minmax(0,1fr) 190px;gap:8px}#app[data-screen=race] .ranking-panel{padding:6px 8px}#app[data-screen=race] .ranking-panel ol{margin-top:3px}#app[data-screen=race] .ranking-panel li{padding:5px 3px;font-size:11px}#app[data-screen=race] .energy-panel{padding:7px 9px;margin-top:5px}#app[data-screen=race] .energy-panel small{font-size:9px}#app[data-screen=race] .live-plan{padding:5px 10px;margin-top:3px}#app[data-screen=race] .live-plan p{display:none}#app[data-screen=race] .phase-strip span{padding:3px 5px;font-size:9px}#app[data-screen=race] .plan-heading{margin-top:3px;font-size:11px}#app[data-screen=race] .live-readings{margin-top:3px;font-size:10px}.race-spectator-note{display:none}}@media(orientation:portrait)and (max-width:600px){#app[data-screen=race] .race-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}.race-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:220px}.race-spectator-note{display:none}}@media(orientation:landscape)and (max-height:600px){#app[data-screen=race] .phase-strip{margin-bottom:3px}#app[data-screen=race] .plan-heading b{font-size:12px}#app[data-screen=race] .plan-heading span{padding:2px 8px;font-size:10px}#app[data-screen=race] .live-readings{padding-top:3px;gap:18px;border-color:#eceee322}#app[data-screen=race] .live-readings b{display:inline;font-size:11px;margin-left:5px}}@media(orientation:landscape)and (max-height:400px){#app[data-screen=race] .ranking-panel li{padding-top:4px;padding-bottom:4px}#app[data-screen=race] .energy-panel{padding-top:5px;padding-bottom:5px}#app[data-screen=race] .energy-panel progress{margin:5px 0}}#app[data-screen=stable][data-stable-tab=prepare]{background:radial-gradient(ellipse at 25% 50%,#426048,#112b22);color:#f4e8cb}#app[data-stable-tab=prepare] header{background:#10291ee8;color:#f4e8cb;border-color:#e1ce9422}#app[data-screen=stable][data-stable-tab=prepare] main{overflow:hidden;padding:8px 14px;max-width:none;width:100%;margin-bottom:80px}.stable-content[data-tab-view=prepare]{height:100%}.stable-content[data-tab-view=prepare]>.intro{display:none}.plan-screen{height:100%;display:flex;flex-direction:column;padding:0;margin:0;border:0;background:none}.plan-race-summary{display:flex;align-items:center;gap:20px;border-bottom:1px solid #ead6a333;padding-bottom:8px;flex-shrink:0}.plan-race-summary span,.plan-prize small{font-size:10px;color:#cfbf93}.plan-race-summary h2{margin:0;font-size:23px;color:inherit}.plan-race-summary p{font-size:12px;color:#d6ddc8}.plan-prize{margin-left:auto;text-align:right}.plan-prize b{display:block;color:#ebcc80;font-size:20px}.plan-body{display:grid;grid-template-columns:1fr 1fr;gap:20px;flex:1;min-height:0;padding-top:8px}.plan-horse-area{position:relative;min-width:0;min-height:0}.plan-horse-visual{position:absolute;inset:0 0 66px}.plan-horse-visual .scene-horse{left:20%;top:0;width:70%;height:100%}.plan-horse-name{position:relative;pointer-events:none}.plan-horse-name h2{color:#f4e8cb;margin:0}.plan-horse-name span{font-size:11px;color:#d7dfbd}.plan-horse-choices{position:absolute;bottom:0;left:0;right:0;display:flex;gap:6px;overflow-x:auto}.plan-horse-choices button{flex:0 0 145px;display:flex;align-items:center;gap:7px;background:#16382ce8;color:#f4e8cb;border:1px solid #d5c28566;border-radius:10px;padding:4px 7px;text-align:left}.plan-horse-choices button[aria-pressed=true]{background:#e6cb8c;color:#183527;border-color:#ffe6ab}.plan-horse-choices .horse-portrait{width:28px;height:38px;margin:0;flex-shrink:0;border-radius:5px}.plan-horse-choices small{display:block;font-size:10px}.plan-controls{display:flex;flex-direction:column;gap:8px;min-height:0}.plan-instruction h2{color:inherit;margin:0;font-size:18px}.plan-instruction small{color:#cdd4ba;font-size:10px}.plan-controls .tactics{display:flex;flex-direction:column;gap:6px;flex:1;min-height:0;overflow:auto}.plan-controls .tactic{display:grid;grid-template-columns:32px 1fr;grid-template-rows:auto auto;align-content:center;gap:2px 8px;text-align:left;min-height:54px;padding:8px 12px;border:1px solid #e1cc9044;border-radius:12px;background:#102c22de;color:#f4e8cb;flex:1}.plan-controls .tactic-icon{grid-row:1 / 3;align-self:center;margin:0;font-size:24px;color:inherit}.plan-controls .tactic b{font-size:13px;color:inherit;margin:0}.plan-controls .tactic small{font-size:11px;line-height:1.3;color:#cbd2ba}.plan-controls .tactic.active{background:#e5cd96;color:#173528;border-color:#fff0be;box-shadow:inset 4px 0 #fff0be}.plan-controls .tactic.active small{color:#36503a}.plan-controls #start{flex-shrink:0;width:100%;min-height:44px;background:#e8cc88;color:#183527;border-radius:12px}@media(orientation:landscape)and (max-height:600px){#app[data-screen=stable][data-stable-tab=prepare] main{padding:4px 12px;margin-bottom:72px}.plan-race-summary{padding-bottom:3px;gap:15px}.plan-race-summary h2{font-size:17px}.plan-race-summary p{margin:0;font-size:10px}.plan-prize b{font-size:16px}.plan-body{padding-top:4px;gap:14px;grid-template-columns:44% minmax(0,1fr)}.plan-instruction{display:flex;align-items:center;justify-content:space-between;gap:5px}.plan-instruction h2{font-size:13px}.plan-instruction small{font-size:9px}.plan-controls,.plan-controls .tactics{gap:4px}.plan-controls .tactic{min-height:44px;padding:4px 8px;grid-template-columns:23px 1fr}.plan-controls .tactic b{font-size:11px}.plan-controls .tactic small{font-size:9px}.plan-controls #start{min-height:40px;padding:6px}.plan-horse-name h2{font-size:20px}.plan-horse-visual{bottom:50px}.plan-horse-choices button{flex-basis:135px}}.plan-controls .tactic-icon{display:block;grid-column:1}.plan-controls .tactic b{grid-column:2;grid-row:1}.plan-controls .tactic small{grid-column:2;grid-row:2}@media(orientation:landscape)and (max-height:600px){.plan-race-summary{min-height:32px;padding-bottom:2px}.plan-race-summary>div:first-child>span{display:none}.plan-race-summary h2{line-height:1.2}.plan-prize{display:flex;align-items:center;gap:6px}.plan-prize small{font-size:9px}.plan-prize b{line-height:1.2}.plan-controls .tactic{min-height:44px}}#app[data-screen=gate]{background:radial-gradient(ellipse at center,#34543e,#10291f);color:#f3e6c5}#app[data-screen=gate] header{background:#10271ee8;color:#f3e6c5;border-color:#dcc68c33}#app[data-screen=gate] main{overflow:hidden;padding:10px 18px;width:100%;max-width:none}.gate-scene{height:100%;max-width:1100px;margin:0 auto;display:flex;flex-direction:column;text-align:left}.gate-heading{display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.gate-heading .eyebrow{color:#d9c692}.gate-heading h1{font-size:25px;margin:3px 0;color:#f3e6c5}.gate-player{color:#e5c879;font-size:12px}.gate-player:before{content:"●";margin-right:7px}.gate-stage{flex:1;min-height:0;display:flex;justify-content:center}.gate-stage svg{width:100%;height:100%;min-height:0;margin:0}.gate-bottom{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-shrink:0;padding:8px 12px;border:1px solid #dfc78b44;background:#102a22d9;border-radius:14px}.gate-phases{display:flex;gap:6px}.gate-phases span{font-size:11px;padding:4px 12px;border-radius:20px;color:#bfcbb7;background:#2d493a}.gate-phases .current{background:#e5c782;color:#19362a;font-weight:700}#gate-status{margin:5px 0 0;font-size:13px;color:#f3e6c5}#skip-gate{background:#254b3b;color:#f3e6c5;border:1px solid #d7c48788;border-radius:10px;min-height:44px;flex-shrink:0}@media(orientation:landscape)and (max-height:600px){#app[data-screen=gate] main{padding:4px 12px 6px}.gate-heading h1{font-size:18px;margin:0}.gate-heading .eyebrow{font-size:9px}.gate-player{font-size:10px}.gate-bottom{padding:5px 10px}.gate-phases span{padding:2px 10px;font-size:10px}#gate-status{font-size:11px;margin-top:3px}}.care-room .training-dashboard{display:flex;flex-direction:column;gap:10px}.training-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.training-heading h2{margin:0;font-size:20px}.training-heading>span{font-size:11px;color:#dcc88e}.training-stats{display:flex;gap:8px}.training-stats .stat{flex:1;display:block;min-width:0;font-size:11px;margin:0}.training-stats .bars{display:flex;gap:2px;margin-top:3px}.training-stats .bars i{flex:1;min-width:0;width:auto}.training-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.care-details .training-choice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:100%;margin:0;padding:8px 4px;border:1px solid #d6c28677;background:#254938;color:#f6e9c6;border-radius:10px}.training-choice>span{font-size:22px;color:#e9cd87}.training-choice b{font-size:11px}.training-choice small{font-size:10px}.care-details .training-choice.is-training{background:#d8bf83;color:#193728;opacity:1}.training-choice.is-training>span{color:inherit}.training-running,.training-readiness{display:flex;justify-content:space-between;gap:8px;font-size:11px}.training-running{background:#d9c488;color:#193728;padding:6px 8px;border-radius:8px}.training-readiness{padding:6px 0;border-bottom:1px solid #d6c28633}.training-report{border-left:2px solid #d6bd7f;padding-left:8px}.training-report>small{font-size:9px;letter-spacing:1px;color:#dbc58f}.care-details .training-report p{font-size:11px;line-height:1.4;margin:3px 0 0}.training-footnote{color:#c0cbb3;font-size:10px;line-height:1.4}@media(orientation:landscape)and (max-height:600px){.care-room .training-dashboard{gap:5px}.training-heading h2{font-size:17px}.care-details .training-choice{padding:4px 3px;gap:1px}.training-choice>span{font-size:16px}.training-choice small{font-size:9px}.training-readiness{padding:3px 0;font-size:10px}.training-footnote{font-size:9px}}@media(orientation:landscape)and (max-height:600px){.care-room:has(.training-dashboard) .care-layout{top:58px}.care-room:has(.training-dashboard) .care-details{padding:8px}.care-details .training-choice{min-height:60px}.training-dashboard .training-stats .stat{margin:0}.training-dashboard .training-report p{font-size:10px}}@media(orientation:landscape)and (max-height:600px){.care-room:has(.training-dashboard){margin-top:0;margin-bottom:0}.training-dashboard .training-choice{line-height:12px}.training-dashboard .training-stats .stat{line-height:14px}.training-dashboard .training-stats .bars{margin:3px 0 0}}.identity-dashboard{display:flex;flex-direction:column;gap:8px}.identity-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.identity-heading h2{margin:0;font-size:20px}.identity-heading>span{background:#dfc88d;color:#203d2c;padding:3px 9px;border-radius:20px;font-size:11px}.care-details .identity-breed,.care-details .identity-lineage{margin:0;font-size:11px}.identity-name label{font-size:10px;color:#d9ca9e}.identity-name>div{display:flex;gap:6px}.identity-name input{min-width:0;width:100%;flex:1;background:#0c211a;color:#f7ecd0;border:1px solid #c4b47a66;border-radius:8px;padding:6px 9px}.care-details .identity-name button{width:auto;margin:0;min-height:44px;background:#dac286;color:#173525;padding:6px 10px;border-radius:8px}.pedigree-cards{display:grid;grid-template-columns:1fr 1fr;gap:6px}.pedigree-cards>div{background:#294738;border:1px solid #ceb97a44;border-radius:8px;padding:6px 8px;min-width:0}.pedigree-cards small,.identity-promotion>small{display:block;font-size:9px;letter-spacing:1px;color:#d9ca9e}.pedigree-cards b{display:block;font-size:12px;overflow-wrap:anywhere}.identity-story{border-block:1px solid #c6b47c33}.identity-story summary{cursor:pointer;min-height:32px;display:flex;align-items:center;font-size:12px}.identity-story summary:before{content:"+";margin-right:8px;color:#e6cb88}.identity-story[open] summary:before{content:"−"}.care-details .identity-story p,.care-details .identity-promotion p{font-size:11px;line-height:1.4;margin:4px 0}.identity-promotion{border-left:2px solid #d9bf7c;padding-left:8px}@media(orientation:landscape)and (max-height:600px){.care-room:has(.identity-dashboard){margin-top:0;margin-bottom:0}.care-room:has(.identity-dashboard) .care-details{padding:8px}.identity-dashboard{gap:4px}.identity-heading h2{font-size:17px}.pedigree-cards>div{padding:3px 7px}.identity-story summary{min-height:28px}}@media(orientation:landscape)and (max-height:600px){.identity-dashboard{line-height:14px;gap:3px}.identity-heading h2{line-height:20px}.identity-name label{display:block;line-height:13px}.identity-name input{margin:0}.identity-story summary{min-height:24px}.pedigree-cards b{line-height:16px}}.identity-fixed-name small{display:block;color:#d9ca9e;font-size:9px;letter-spacing:1px}.identity-fixed-name b{display:block;font-size:17px;overflow-wrap:anywhere}@media(orientation:landscape)and (max-height:400px)and (max-width:740px){.care-room:has(.training-dashboard) .care-layout{width:50%}.training-dashboard .training-choice>span{display:none}.training-dashboard .training-choice{min-height:48px}.training-dashboard .training-choice b{font-size:10px}.training-dashboard .training-stats .stat{white-space:nowrap;font-size:10px}.training-dashboard .training-footnote{font-size:8px;line-height:1.2}.training-dashboard .training-report p{font-size:10px;line-height:1.2}}.horse-history{border-block:1px solid #d5bd7733}.horse-history summary{cursor:pointer;padding:9px 0;font-size:12px}.care-details .horse-history p,.horse-history li{font-size:11px;line-height:1.5}.history-race{border-top:1px solid #d5bd7733}.history-race ol{padding-left:0;list-style:none}#history-dialog{width:min(920px,96vw);max-width:96vw;height:90dvh;max-height:90dvh;box-sizing:border-box;overflow:auto;background:#142f25;color:#f4e8ca;border:1px solid #d8c18a;border-radius:14px;padding:16px}#history-dialog h2{color:inherit}#history-dialog>button{position:sticky;top:0;z-index:1;background:#e4cc94;color:#183527}.history-pages{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}.history-filters{display:flex;gap:12px;flex-wrap:wrap;margin:10px 0}.history-filters label{display:flex;align-items:center;gap:8px;font-size:12px}.history-filters select{min-height:44px;background:#244a39;color:#f3e8cc;border:1px solid #c4b079;border-radius:8px;padding:5px 10px}@media(orientation:landscape)and (max-height:600px){#history-dialog{padding:10px 14px;height:94dvh;max-height:94dvh}#history-dialog h2{font-size:18px;margin:8px 0}#history-dialog p{font-size:11px;margin:5px 0}}.plan-performance{position:absolute;left:0;top:58px;width:135px;padding:8px;border:1px solid #d7c28a55;border-radius:12px;background:#112b23e8}.plan-performance>small{color:#dcc58a;font-size:9px;letter-spacing:.6px}.plan-performance .stat{display:block;margin:6px 0;font-size:11px;color:#f5e9cb}.plan-performance .bars{display:flex;gap:2px;margin-top:2px}.plan-performance .bars i{flex:1;width:auto;min-width:0;height:4px}.plan-performance>span{display:block;font-size:9px;line-height:1.3;color:#c8d4bd}.plan-horse-visual .scene-horse{left:39%;width:60%}.stall-info .horse-card{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.stall-info .horse-card .card-top{grid-column:1 / -1}.stall-info .horse-card .stat{width:100%;min-width:0;font-size:10px}.stall-info .horse-card>button,.stall-info .horse-card .card-action{grid-column:1 / -1;width:100%;margin:0}.stall-info .horse-card button{display:flex;justify-content:center;align-items:center;gap:8px;min-height:44px;width:100%;margin:0;padding:6px 10px;border-radius:9px;line-height:1.2}.horse-card button svg{width:19px;height:19px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.stall-info .horse-card .card-action{display:flex;flex-direction:column;gap:4px}.stall-info .horse-card .horse-status-group{align-items:flex-start}.stall-info .horse-card .bars{width:100%}.stall-info .horse-card .bars i{flex:1;width:auto;min-width:0}@media(orientation:landscape)and (max-height:600px){.plan-performance{top:43px;width:112px;padding:5px 7px}.plan-performance .stat{margin:3px 0;font-size:10px;line-height:12px}.plan-performance>small{font-size:8px}.plan-performance>span{font-size:8px}.stable-content[data-tab-view=stable] .stall-info{max-height:calc(100% - 188px);overflow:auto}.stall-info .horse-card{gap:4px}.stall-info .horse-card .horse-recommendation{font-size:10px;line-height:1.2}}@media(orientation:landscape)and (max-height:600px){.stall-info .horse-card .stat{white-space:nowrap;font-size:9px}.stall-info .horse-card .bars{margin-top:3px}}.plan-performance{line-height:12px;text-align:left;box-sizing:border-box}.plan-performance>small{display:block;white-space:nowrap;letter-spacing:0;line-height:12px}.plan-performance .stat>span{line-height:12px}.plan-performance .stat .bars{height:4px;margin:2px 0 0}@media(orientation:landscape)and (max-height:600px){.plan-performance{top:46px;width:118px}.plan-performance .stat{display:block;margin:3px 0}.plan-performance>span{margin-top:3px;line-height:10px}.plan-horse-choices button{flex-basis:135px;min-height:44px;white-space:nowrap}.plan-horse-choices button b{font-size:12px}.plan-horse-choices small{font-size:9px}}@media(orientation:landscape)and (max-height:600px){.plan-performance>span{white-space:nowrap;font-size:7px}}.care-room.is-overview .care-layout{width:100%;margin:0;overflow:visible}.care-room.is-overview .care-details{background:none;border:0;padding:0;-webkit-backdrop-filter:none;backdrop-filter:none}.care-overview{color:#f4edda}.care-overview section{position:absolute;z-index:2;background:#10291ee6;border:1px solid #ceb77755;border-radius:12px;padding:10px;box-sizing:border-box}.care-overview small{color:#d6c08a;font-size:9px;letter-spacing:.4px}.overview-performance{left:16px;top:158px;width:170px}.overview-status{right:16px;top:80px;width:195px}.care-overview h2{font-size:18px;margin:3px 0}.care-overview p{font-size:11px;margin:4px 0;line-height:1.35}.care-overview .stat{display:block;font-size:11px;margin:5px 0}.care-overview .bars{display:flex;gap:3px;margin:3px 0}.care-overview .bars i{flex:1;width:auto;min-width:0}.care-details .care-overview button{display:block;width:100%;margin:5px 0 0;min-height:44px;padding:5px;border-radius:8px;font-size:11px;background:#284b39;color:#f3e7c7}.care-overview button small{display:block;font-size:9px}.overview-news{left:16px;bottom:88px;max-width:340px}@media(orientation:landscape)and (max-height:600px){.overview-performance{top:130px;width:155px;padding:7px!important}.overview-status{top:60px;width:170px;padding:7px!important}.overview-news{left:180px;right:192px;bottom:74px;max-width:none;padding:6px 8px!important}.overview-news p{font-size:10px;margin:2px 0}.care-overview .stat{font-size:10px;margin:3px 0;line-height:12px}.care-overview .bars i{height:4px}.room-nav button{min-width:64px}}.care-overview .overview-news{position:static;width:auto;max-width:none;margin-top:5px;padding:0!important}.overview-news summary{cursor:pointer;min-height:28px;font-size:11px;display:flex;align-items:center}.overview-news summary:before{content:"+";margin-right:6px;color:#dec784}.overview-news[open] summary:before{content:"−"}@media(orientation:landscape)and (max-height:600px){.overview-performance{top:126px;max-height:calc(100dvh - 204px);overflow:auto}}.account-screen{min-height:100dvh;display:grid;place-items:center;background:linear-gradient(120deg,#102e27ee,#0a191dee),url(/assets/stable-interior-v3.png) center/cover;padding:24px;overflow:auto}.account-card,.lobby-card{width:min(640px,100%);margin:auto;padding:24px;border:1px solid #c9b17955;border-radius:20px;background:#122a26;color:#f4ead1}.account-card h1,.lobby-card h1{font-size:clamp(23px,4vw,38px);margin:12px 0;color:#f4ead1}.account-card p,.lobby-card p,.account-card .text-button{color:#cbd8cf}.account-card form{display:grid;gap:12px}.account-card label{display:grid;gap:5px}.account-card input{width:100%;padding:10px;background:#071b18;color:#fff;border:1px solid #9baf9d;border-radius:8px}.account-actions{display:flex;gap:10px;flex-wrap:wrap}.account-card code{display:block;padding:16px;background:#071b18;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.account-card [hidden]{display:none}.lobby-card{text-align:center}.lobby-card strong{font-size:40px;color:#e9c576}@media(orientation:landscape)and (max-height:500px){.account-screen{padding:12px}.account-card{padding:16px}.account-card form{grid-template-columns:1fr 1fr;gap:8px}.account-actions,.account-card form>small,.account-card form>p{grid-column:1/-1}.account-card p{margin:8px 0}.lobby-card{padding:12px}.lobby-card h1{font-size:24px}.lobby-card p{margin:8px}}.online-gate #skip-gate{display:none}.online-gate{height:100%;min-height:0}.race-options{display:flex;align-items:center;gap:12px;padding:6px 0;flex-shrink:0}.race-options label{display:flex;align-items:center;gap:6px;font-size:12px;color:#e7d7ac}.race-options select{min-height:40px;border:1px solid #d3b97b;background:#193c2c;color:#fff0cf;border-radius:8px;padding:4px 10px;font:inherit}.race-options p{font-size:12px;margin:0;color:#c7d2bc}@media(orientation:landscape)and (max-height:500px){.race-options{gap:10px;padding:2px 0}.race-options select{min-height:36px;font-size:11px}.race-options p,.race-options label{font-size:10px}.plan-instruction small{display:none}.plan-controls .tactic{min-height:36px}.plan-controls .tactic small{font-size:9px}}@media(orientation:landscape)and (max-height:500px){.plan-controls .tactics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;overflow:visible}.plan-controls .tactic{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:44px;padding:4px;text-align:center}.plan-controls .tactic small{display:none}.plan-controls .tactic-icon{font-size:20px}.plan-instruction small{display:block;font-size:10px;line-height:1.25}.plan-horse-choices{scrollbar-width:none}.plan-horse-choices::-webkit-scrollbar{display:none}}@media(orientation:landscape)and (max-height:500px){.plan-performance{width:148px;padding:4px 6px}.plan-performance .stat{display:flex;align-items:center;justify-content:space-between;gap:4px;margin:2px 0}.plan-performance .stat .bars{flex:0 0 28px;width:28px;margin:0}}.race-tools{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.race-tools .secondary{min-height:36px;padding:5px 9px;font-size:12px}#race-clock{font-variant-numeric:tabular-nums;color:#eed295;min-width:54px}.race-stage{position:relative}.race-overlay{position:absolute;left:12px;top:8px;pointer-events:none;max-width:calc(100% - 125px)}.race-overlay p{margin:0 0 5px;background:#112b23ed;color:#f9e9b7;padding:6px 10px;border-radius:8px;font-size:12px}#race-notice{border-left:3px solid #e9c465}.mini-map{position:absolute;right:10px;top:8px;width:108px;border:1px solid #c9b17488;border-radius:10px;background:#102c23eb}.mini-map svg{width:100%;display:block}.mini-map[hidden],#race-notice[hidden]{display:none}.final-stretch{box-shadow:inset 0 0 0 2px #e9c465;border-radius:18px}.result-bottom{flex-wrap:wrap}@media(orientation:landscape)and (max-height:500px){.race-tools{gap:4px;flex-wrap:nowrap}.race-tools .secondary{min-height:32px;padding:4px 7px;font-size:10px}.race-tools .live-dot{display:none}.race-overlay{left:5px;top:5px;max-width:calc(100% - 90px)}.race-overlay p{font-size:10px;padding:4px 6px}.mini-map{width:76px;right:5px;top:5px}.race-heading h1{font-size:18px}#race-clock{font-size:11px;min-width:44px}}@media(prefers-reduced-motion:reduce){.final-stretch{box-shadow:none}}@media(orientation:landscape)and (max-height:400px){#app[data-screen=race] .ranking-panel li{padding-top:3px;padding-bottom:3px}}.jockey-choice{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;border:1px solid #d6bc7b88;border-radius:10px;background:#254937;color:#f9e9bf;text-align:left;min-height:40px;font-size:12px;flex-shrink:0}.jockey-choice small{margin-left:auto;white-space:nowrap;color:#e2c583}.jockey-roster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.jockey-roster button{display:flex;flex-direction:column;gap:6px;text-align:left;border:2px solid #64786b;background:#153329;color:#f7eacc;border-radius:12px;padding:12px}.jockey-roster button[aria-pressed=true]{border-color:#edc774;background:#36583c}.jockey-roster small{min-height:42px}.jockey-roster span{font-size:12px}.jockey-roster strong{font-size:18px}#jockey-dialog{width:min(760px,95vw);max-height:92dvh;overflow:auto}#close-jockeys{margin-top:12px}.result-jockey{display:block;font-size:10px}.jockey-report{border-left:3px solid #b39042;padding-left:10px}@media(orientation:landscape)and (max-height:500px){.jockey-choice{padding:3px 7px;min-height:32px;font-size:10px}.plan-controls{gap:5px}.plan-instruction h2{font-size:15px}.plan-instruction small{font-size:9px}#jockey-dialog{padding:12px}#jockey-dialog h2{font-size:18px;margin:0}#jockey-dialog p{font-size:11px;margin:6px 0}.jockey-roster button{padding:8px;gap:3px}.jockey-roster small{font-size:10px;min-height:25px}.jockey-roster span{font-size:10px}.jockey-roster strong{font-size:15px}}@media(orientation:landscape)and (max-height:500px){.plan-controls{gap:3px}.plan-instruction{display:block}.plan-instruction h2{font-size:12px;line-height:1.2;white-space:nowrap}.plan-instruction small{display:block;font-size:9px;line-height:1.15}.plan-controls .tactics{flex:1 0 44px;min-height:44px}.plan-controls .tactic-icon{font-size:16px}.plan-controls .tactic b{font-size:10px}.plan-controls #start{min-height:36px;padding:4px}}.jockey-avatar{width:32px;height:32px;object-fit:cover;border-radius:50%;flex-shrink:0;border:1px solid #d6bc7b88}.jockey-identity{display:flex;flex-direction:column;min-width:0;gap:2px}.jockey-identity>span{font-size:.9em;color:#d9d6c2}.jockey-portrait{width:100%;height:190px;object-fit:cover;object-position:center 25%;background:#172c23;border-radius:8px}.jockey-roster strong{font-size:16px}@media(orientation:landscape)and (max-height:500px){.jockey-avatar{width:26px;height:26px}.jockey-identity{gap:0;line-height:1.15}.jockey-portrait{height:104px}.jockey-roster strong{font-size:12px}.jockey-roster button>b{font-size:11px}.jockey-roster small{min-height:24px;line-height:1.2}}#jockey-dialog{max-width:760px;padding-top:18px}#jockey-dialog h2{padding-right:76px}#close-jockeys{position:absolute;right:12px;top:10px;margin:0;min-height:34px;padding:5px 12px}@media(orientation:landscape)and (max-height:500px){#jockey-dialog{padding:12px;max-height:96dvh}#jockey-dialog>p{padding-right:65px}.jockey-roster button{padding:6px}}.stable-jockey{position:absolute;left:20px;top:145px;width:210px;z-index:2;background:#112a22ed;border:1px solid #d1bd8266;border-radius:14px;padding:12px;color:#fff3d7}.stable-jockey>img{display:block;width:100%;height:160px;object-fit:cover;object-position:center 25%;border-radius:8px}.stable-jockey h2{font-size:19px;margin:8px 0}.jockey-skills>div{display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px;font-size:15px;margin:6px 0}.jockey-skills small{font-size:11px;color:#c7cfbd}.jockey-skills meter{grid-column:1/-1;width:100%;height:7px;accent-color:#dfbd72}.stable-jockey>button{width:100%;min-height:40px;margin-top:7px;background:#36583c;border:1px solid #d6bc7b88;border-radius:8px;color:#fff0cb;font-size:14px}.stall-info .horse-card{grid-template-columns:1fr;gap:10px}.stall-info .horse-card .stat{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;font-size:17px;gap:8px;margin:2px 0}.stall-info .horse-card .stat>span:first-child{min-height:0}.stall-info .horse-card .bars{flex:0 0 52px;margin:0}.stall-info .horse-card .horse-recommendation{font-size:13px;line-height:1.3}.stall-info .horse-card button{font-size:15px}@media(orientation:landscape)and (max-height:600px){.stable-jockey{left:12px;top:59px;width:174px;padding:7px}.stable-jockey>img{height:76px}.stable-jockey h2{font-size:15px;margin:4px 0}.jockey-skills>div{font-size:12px;margin:3px 0;gap:1px}.jockey-skills meter{height:5px}.stable-jockey>button{min-height:32px;font-size:12px;margin-top:3px}.stable-content[data-tab-view=stable] .stall-info{top:59px;width:192px;max-height:calc(100% - 120px)}.stall-info .horse-card{gap:5px;padding:8px}.stall-info .horse-card .stat{font-size:14px;line-height:20px;margin:0}.stall-info .horse-card .horse-recommendation{font-size:11px;line-height:1.25}.stall-info .horse-card button{font-size:13px;min-height:36px}.stable-content[data-tab-view=stable] .stall-name{left:200px;top:62px}}@media(orientation:landscape)and (max-height:600px){.stable-content[data-tab-view=stable] .horse-strip{left:198px;right:210px}}.stable-content[data-tab-view=stable] .horse-strip{scrollbar-width:none}.stable-content[data-tab-view=stable] .horse-strip::-webkit-scrollbar{display:none}.jockey-monogram{display:grid;place-items:center;width:100%;height:104px;border-radius:8px;background:linear-gradient(140deg,#486449,#142d29);color:#eed295;font-size:38px;font-weight:700}.jockey-tree{padding:12px 0;color:#193c2c}.jockey-tree h3{margin:8px 0}.jockey-tree button{display:block;width:100%;min-height:42px;margin:5px 0;background:#254937;color:#fff0cb;border:1px solid #aa975e;border-radius:8px;font-size:14px}#toggle-candidates{margin:4px 0 10px;min-height:36px}.jockey-roster{align-items:stretch}.jockey-roster button:disabled,.jockey-tree button:disabled{opacity:.55}.stable-jockey .jockey-monogram{height:160px}@media(orientation:landscape)and (max-height:600px){.stable-jockey .jockey-monogram{height:76px}}.stat strong{font-size:1.1em;color:inherit;white-space:nowrap}.stat strong small{font-size:10px;font-weight:400}#jockey-dialog.education-dialog{width:96vw;max-width:1100px;height:90dvh;max-height:90dvh;background:linear-gradient(120deg,#18372f,#0c201c);color:#fff1ce;border:1px solid #b59a60;padding:18px;overflow:auto}.education-header{display:flex;align-items:center;gap:20px;border-bottom:1px solid #d4b77855;padding-bottom:12px}.education-header>div{flex:1}.education-header h2{margin:4px 0;padding:0!important}.education-header small{color:#d5bd82}.education-header #close-jockeys{position:static;margin:0;background:#304e40;color:#fff1ce}.education-body{display:grid;grid-template-columns:180px 1fr;gap:20px;margin-top:16px}.education-profile img{width:100%;border-radius:12px}.education-profile p{font-size:15px}.education-profile>small{display:block;margin-top:12px;color:#c7d0bd}.education-profile button{width:100%;min-height:40px;background:#29483a;color:#f1ddb0;border:1px solid #b39c66;border-radius:8px}.education-map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-content:start}.education-branch{background:#28483aaa;border:1px solid #c3a76277;border-radius:14px;padding:14px}.education-branch h3{font-size:18px;margin:10px 0}.education-symbol{font-size:26px;color:#e1bd65}.education-path{display:flex;align-items:center;gap:6px;padding:12px 0;border-top:1px solid #ffffff22;border-bottom:1px solid #ffffff22;font-size:12px}.education-path strong{border:1px solid #d5b66d;border-radius:8px;padding:8px}.education-path i{font-style:normal;color:#d6ba79}.education-branch p{font-size:14px;line-height:1.4}.education-preview{font-size:19px;padding:8px 0}.education-preview small{font-size:11px}.education-branch button{width:100%;min-height:44px;border:1px solid #d8bc75;border-radius:8px;background:#dfc17e;color:#173329;font-weight:700}.education-branch button:disabled{opacity:.5}.education-explanation{grid-column:1/-1;font-size:12px;color:#d2d7c9}@media(orientation:landscape)and (max-height:600px){#jockey-dialog.education-dialog{height:96dvh;max-height:96dvh;padding:12px}.education-header{gap:10px;padding-bottom:7px}.education-header h2{font-size:19px}.education-header small{font-size:10px}.education-header>b{font-size:13px}.education-body{grid-template-columns:115px 1fr;gap:10px;margin-top:9px}.education-map{gap:7px}.education-branch{padding:8px}.education-symbol{font-size:18px}.education-branch h3{font-size:14px;margin:5px 0}.education-branch p{font-size:11px;margin:6px 0}.education-path{padding:6px 0;gap:3px;font-size:9px}.education-path strong{padding:4px}.education-preview{font-size:16px;padding:5px 0}.education-branch button{font-size:11px;min-height:36px}.education-profile p,.education-profile>small{font-size:11px}.education-profile button{font-size:12px}.education-explanation{margin:0;font-size:10px}}#jockey-dialog.education-dialog p{color:#e4e7d8}@media(orientation:landscape)and (max-height:600px){.education-header{padding-bottom:4px}.education-branch{padding:6px}.education-path{padding:4px 0}.education-profile p{line-height:1.3}.education-explanation{line-height:12px}}.career-summary p{margin:5px 0;font-size:13px}.stable-jockey h2 small{font-size:11px;color:#d8bf85}@media(orientation:landscape)and (max-height:600px){.education-profile>img{height:76px;object-fit:cover;object-position:center 25%}.career-summary p{font-size:11px;line-height:1.2;margin:4px 0}.education-profile>small{margin-top:6px;font-size:10px}}.plan-screen .plan-performance{width:180px;padding:12px;line-height:1.35;background:linear-gradient(145deg,#173a30f5,#10291ff2);box-shadow:0 5px 20px #0003}.plan-screen .plan-performance>small{font-size:11px;line-height:1.3;margin-bottom:8px;letter-spacing:.5px}.plan-screen .plan-performance .stat{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0;padding:7px 0;border-bottom:1px solid #ffffff18;font-size:14px;line-height:1.3}.plan-screen .plan-performance .stat>span{line-height:1.3}.plan-screen .plan-performance .stat strong{color:#ffe2a0;font-size:20px;white-space:nowrap}.plan-screen .plan-performance .stat strong small{display:none}.plan-screen .plan-performance>span{font-size:11px;line-height:1.35;white-space:normal;margin-top:8px}@media(orientation:landscape)and (max-height:600px){.plan-screen .plan-performance{top:40px;width:154px;padding:7px 9px}.plan-screen .plan-performance>small{font-size:10px;margin-bottom:3px}.plan-screen .plan-performance .stat{padding:3px 0;font-size:12px}.plan-screen .plan-performance .stat strong{font-size:17px}.plan-screen .plan-performance>span{font-size:10px;margin-top:4px}}.audio-settings{display:grid;gap:12px;margin:16px 0}.audio-settings label{display:grid;grid-template-columns:70px 1fr;align-items:center;gap:12px;font-size:14px}.audio-settings input{width:100%;min-height:32px;accent-color:#d9bc78}#settings-dialog{max-height:90dvh;overflow-y:auto}
