/* The racecourse itself remains visible behind the paper-and-emerald report. */
#panel.settlement-panel{width:min(100vw,900px);max-width:100vw;height:100dvh;max-height:100dvh;margin:auto;padding:0;border:1px solid #c4a354;border-radius:0;background:#073c35;color:#fff9de;overflow:hidden}
#panel.settlement-panel::backdrop{background:#001c24d9}
#panel.settlement-panel>.panel-head{position:absolute;inset:0 0 auto;z-index:4;background:transparent;border:0;min-height:58px;pointer-events:none;padding:10px 14px}
#panel.settlement-panel>.panel-head h2{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#panel.settlement-panel .panel-head .icon-button{pointer-events:auto;background:#064638d9;color:#fff6d5;border:1px solid #dfc4788c;border-radius:50%;height:42px;width:42px;font-size:30px;line-height:1}
#panel.settlement-panel #panel-close{margin-left:auto}
#panel.settlement-panel #panel-body{padding:0;overflow:auto;height:100%;max-height:none;overscroll-behavior:contain;scrollbar-color:#c5b478 #07503c}
#panel.settlement-panel #market-panel-status{display:none}
.weekend-settlement{min-height:100%;isolation:isolate;position:relative;background:linear-gradient(180deg,#003d561f 10%,#00482b08 46%,#003822ed 100%),url('../assets/bg/turf.webp') center top/cover fixed;color:#fff9e8;font-family:Georgia,'Yu Mincho','Hiragino Mincho ProN',serif}
.weekend-settlement *{box-sizing:border-box}
.weekend-settlement button{font-family:inherit;cursor:pointer;min-height:52px;touch-action:manipulation}
.weekend-settlement button:focus-visible,.weekend-settlement summary:focus-visible{outline:3px solid white;outline-offset:4px}
.st-inner{max-width:790px;margin:0 auto;padding:16px 24px max(25px,env(safe-area-inset-bottom))}
.st-heading{padding:12px 42px 16px;text-align:center;background:linear-gradient(130deg,#004941e8,#00382de8);border:1px solid #e9c265;border-radius:10px;box-shadow:0 0 0 3px #8a732244,0 5px 15px #00251b66;color:#fff2c4}
.st-eyebrow{font:10px/1.4 system-ui,sans-serif;letter-spacing:.24em;color:#ead493}
.st-heading h2{font-size:clamp(25px,5.4vw,43px);font-weight:700;margin:3px 0 4px;letter-spacing:.09em;line-height:1.2;color:#fff1c2}
.st-heading p{font-size:clamp(12px,2.8vw,20px);margin:0;letter-spacing:.04em}
.st-heading p span{padding:0 7px}
.st-steps{display:flex;justify-content:space-between;padding:0 30px;margin:23px 0 18px;list-style:none;color:#e3f1fc;text-shadow:0 1px 4px #00172e;position:relative}
.st-steps:before{content:'';position:absolute;top:10px;left:45px;right:45px;height:2px;background:#cde2e4a8;z-index:-1}
.st-steps li{text-align:center;min-width:54px;font-size:17px;font-weight:700}
.st-steps i{display:block;border-radius:50%;width:18px;height:18px;margin:0 auto 9px;border:2px solid #bcd4de;background:#235e80}
.st-steps .is-active i{background:#fff6bc;border-color:#fff;box-shadow:0 0 0 4px #fff4c369,0 0 15px #ffe7a0}
.st-steps .is-done i{background:#d5b75f;border-color:#fceab6}
.st-steps .is-active span{background:#fff0b7;color:#164635;text-shadow:none;padding:3px 14px;border:1px solid white;border-radius:25px;box-shadow:0 0 12px #ffdc7a99}
.st-stage{height:190px;position:relative;z-index:2;display:flex;align-items:flex-start;padding-top:8px}
.st-stage>[data-st-event]{width:100%;transform:translateY(calc(-7px * var(--st-bob,0)))}
.st-event{position:relative;display:flex;align-items:center;gap:16px;min-height:132px;padding:18px 24px;border:2px solid #d9b365;border-radius:26px 12px 26px 12px;background:linear-gradient(125deg,#fffef5,#f4e9c6);box-shadow:0 0 0 3px #fff9dcbb,0 6px 20px #30270045;color:#173e2c;overflow:hidden;will-change:transform}
.st-event-copy{flex:1;min-width:0}
.st-event small{font:13px/1.5 system-ui,sans-serif;color:#596255;display:block}
.st-event h3{font-size:clamp(19px,3.4vw,29px);margin:3px 0 7px;line-height:1.25;overflow-wrap:anywhere}
.st-event p{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;font:12px/1.4 system-ui,sans-serif;margin:4px 0;color:#596255}
.st-event-icon{font-size:50px;line-height:1;color:#99721d;flex-shrink:0;width:66px;text-align:center}
.st-horse{width:90px;height:100px;object-fit:cover;border:2px solid #b49643;border-radius:50%;background:#d1dabb;flex-shrink:0}
.st-event-deltas{display:flex;flex-wrap:wrap;gap:2px 12px;font-size:clamp(17px,3.4vw,27px);font-weight:700;line-height:1.3;border-top:1px solid #cdb77377;padding-top:8px}
.st-rank{font-size:clamp(23px,5.1vw,46px);font-weight:600;color:#936d17;white-space:nowrap;align-self:flex-start}
.st-plus{color:#126435}.st-minus{color:#b84125}
.st-flight{position:absolute;left:calc(var(--st-flight-start-x,65%) + (var(--st-flight-end-x,50%) - var(--st-flight-start-x,65%)) * var(--st-travel,0));top:calc(var(--st-flight-start-y,134px) + (var(--st-flight-end-y,180px) - var(--st-flight-start-y,134px)) * var(--st-travel,0));opacity:var(--st-flight-opacity,0);color:#fff0a5;pointer-events:none;font-size:22px;text-shadow:0 0 12px #ffeb85,0 0 4px #fff}
.st-flight i{position:absolute;font-style:normal}.st-flight i:nth-child(2){left:20px;top:-15px;font-size:9px}.st-flight i:nth-child(3){left:-18px;top:13px;font-size:14px}
.st-wallet{text-align:center;position:relative;min-width:0;transition:box-shadow .15s ease}
.st-personal{padding:23px 20px 18px;background:linear-gradient(125deg,#076b54ed,#003b28e8);border:2px solid #ebc66b;border-radius:38% 38% 30% 30% / 24% 24% 29% 29%;box-shadow:inset 0 0 0 4px #e6e1a129,0 4px 18px #152e1577;min-height:193px}
.st-wallet-icon{position:absolute;top:-28px;left:calc(50% - 26px);font-size:46px;line-height:1;color:#ffe397;text-shadow:0 0 20px #ffe7a7,0 2px 4px #573500}
.st-wallet h3{font-size:21px;font-weight:600;margin:0 0 6px;letter-spacing:.15em;color:inherit}
.st-personal>strong{display:block;color:#fff4c7;font-size:clamp(32px,7.6vw,66px);line-height:1.25;font-weight:600;letter-spacing:-.035em;font-variant-numeric:tabular-nums;text-shadow:1px 3px 0 #2c300b55;overflow-wrap:anywhere}
.st-wallet-change{min-height:25px;font-size:20px;line-height:1.2;font-variant-numeric:tabular-nums}
.st-personal .st-wallet-change:not(:empty){display:table;margin:8px auto 2px;padding:3px 20px;border:1px solid #fff6c7;border-radius:30px;background:#e6f3c3;color:#164c2a;box-shadow:0 0 8px #ffe4a333}
.st-personal .st-wallet-change.st-minus:not(:empty){background:linear-gradient(#ed8b5b,#bc4026);color:white}
.st-personal p{margin:5px 0 0;font:13px/1.4 system-ui,sans-serif;color:#fffbdc}
.st-wallets{display:flex;gap:12px;margin-top:24px;justify-content:center}
.st-secondary{flex:1;max-width:50%;background:linear-gradient(130deg,#fffcee,#f3e5b9);border:2px solid #c6a75d;border-radius:20px;padding:12px 8px 6px;box-shadow:0 0 0 2px #fff2c099,0 3px 7px #18390055;color:#27371f}
.st-secondary h3{font-size:17px;letter-spacing:.04em;margin-bottom:3px}.st-secondary h3 span{color:#896b21}
.st-secondary>strong{display:block;font-size:clamp(16px,3vw,25px);line-height:1.3;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.st-secondary .st-wallet-change{font-size:12px;min-height:17px;margin-top:3px}
.st-receiving{box-shadow:0 0 0 3px #fff9bf,0 0 24px #f8e188,inset 0 0 22px #f1e39344}
.st-farm-note{font-size:13px;text-align:center;margin:13px 0 19px;color:#fff8d4;text-shadow:0 1px 3px #003826}
.st-next{display:flex;gap:12px;justify-content:center;align-items:center;border-radius:40px;padding:13px 22px;background:#fff9e8ee;color:#204631;border:2px solid #d5b55e;box-shadow:0 0 0 3px #fff4d366;min-height:58px;text-align:center}
.st-next>span{font:10px/1.5 system-ui,sans-serif;color:#7d642c;flex-shrink:0}.st-next>strong{font-size:17px}
.st-expense-categories{display:flex;justify-content:space-around;margin:22px 0;color:#fff6d7;text-align:center}
.st-expense-categories span{flex:1;font-size:28px;border-right:1px solid #f9eac36b;line-height:1.25}.st-expense-categories span:last-child{border:0}.st-expense-categories b{display:block;font-size:12px;line-height:1.5}
.st-controls{display:flex;gap:14px}.st-controls button{flex:1;border:2px solid #dabd70;border-radius:16px;padding:13px 8px;font-size:21px;font-weight:700;background:linear-gradient(#087252,#00432e);color:#fff9e5;box-shadow:inset 0 0 0 2px #e3f3bd55,0 3px 8px #002d2655}
.st-controls button:last-child{background:linear-gradient(#fffdf0,#efdfb0);color:#23462f}
.st-controls button:disabled{opacity:1;cursor:default;color:#576947;background:#e7e4c7;box-shadow:none}
.st-foot{display:grid;gap:5px;text-align:center;margin:15px auto 0;font:11px/1.6 system-ui,sans-serif;color:#fff9e0}.st-foot small{font-size:10px;color:#e1ead3}
.st-notice{background:#002d29c9;border:1px solid #d8d4a577;border-radius:8px;padding:10px 14px;font:12px/1.7 system-ui,sans-serif}
.st-details{margin:20px 0;padding:18px;background:#fffbf0;color:#263d2b;border:1px solid #bfa768;border-radius:15px;font-family:system-ui,sans-serif;overflow:hidden}
.st-details[hidden]{display:none}.st-detail-heading h3{margin:0 0 6px;font-size:19px}.st-detail-heading p{font-size:12px;margin:0 0 15px;color:#596955}
.st-detail-row{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-top:1px solid #c3bda155;font-size:13px}.st-detail-row>span{min-width:0;overflow-wrap:anywhere}.st-detail-row>span:last-child{text-align:right;flex-shrink:0;max-width:55%}.st-detail-row small{display:block;color:#687563;margin-top:4px;font-size:11px}.st-detail-row>span:last-child>span{display:block}
.st-exit{display:flex;justify-content:center;gap:10px;margin:17px 0 0}.st-exit button{background:#003d2ba6;border:1px solid #dfd6aa88;color:#fff6d7;border-radius:8px;min-height:44px;font-size:13px;padding:7px 18px}
.st-fast .st-flight{filter:drop-shadow(0 0 3px #fff)}.st-complete .st-event{background:linear-gradient(110deg,#fff9e8,#e8f1d9)}.st-complete .st-flight,.st-reduced .st-flight{display:none}.st-reduced .st-stage>[data-st-event]{transform:none}.st-reduced .st-wallet{transition:none}
@media(min-width:760px){.st-inner{padding:18px 42px 28px}.st-heading{padding:13px 45px}.st-stage{height:185px}.st-personal{min-height:180px}.st-wallets{margin-top:20px}.st-steps{margin:20px 0 14px}.st-expense-categories{margin:20px 0}.st-controls button{min-height:60px}}
@media(max-width:430px){.st-inner{padding:12px 14px 22px}.st-heading{padding:13px 25px}.st-heading h2{font-size:26px;letter-spacing:.02em}.st-eyebrow{font-size:8px}.st-heading p{font-size:12px}.st-heading p span{padding:0 1px}#panel.settlement-panel>.panel-head{padding:10px 5px}#panel.settlement-panel .panel-head .icon-button{width:32px;height:32px;font-size:25px}.st-steps{padding:0 12px;margin:20px 0 13px}.st-steps:before{left:35px;right:35px}.st-steps li{font-size:14px}.st-stage{height:185px}.st-event{min-height:128px;padding:13px 12px;gap:10px;border-radius:22px 10px}.st-horse{width:55px;height:72px}.st-event-icon{width:42px;font-size:35px}.st-event small{font-size:11px}.st-event h3{font-size:19px;margin-bottom:6px}.st-event p{font-size:10px}.st-event-deltas{font-size:17px;gap:2px 8px;padding-top:6px}.st-rank{font-size:25px}.st-personal{min-height:174px;padding:23px 12px 14px}.st-personal>strong{font-size:clamp(28px,8.4vw,37px)}.st-wallet h3{font-size:18px}.st-wallet-change{font-size:18px}.st-wallets{gap:8px;margin-top:20px}.st-secondary{padding:10px 5px 5px;border-radius:17px}.st-secondary h3{font-size:13px;letter-spacing:0}.st-secondary>strong{font-size:15px}.st-secondary .st-wallet-change{font-size:10px}.st-farm-note{font-size:11px;margin:12px 0 16px}.st-next{padding:11px 13px;gap:8px}.st-next>strong{font-size:14px}.st-expense-categories b{font-size:10px}.st-controls{gap:10px}.st-controls button{font-size:18px;min-height:58px;padding:11px 5px}.st-foot{font-size:10px}.st-details{padding:13px}.st-detail-row{font-size:12px}}
@media(prefers-reduced-motion:reduce){.weekend-settlement *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.st-flight{display:none}.st-stage>[data-st-event]{transform:none}}

.st-outgoing .st-flight{color:#ffca8a;text-shadow:0 0 12px #ffb86c,0 0 4px #fff}