.app-header{max-width:1440px;margin:auto;padding:24px 40px;display:flex;align-items:center;gap:34px;border-bottom:1px solid var(--br-border)}
.app-brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none;flex-shrink:0}.app-brand strong{font-size:23px;letter-spacing:1px;font-weight:800;line-height:1.2}.app-brand span{display:block;font-size:10px;letter-spacing:1px;font-weight:500;margin-top:3px}
.app-nav{display:flex;align-items:center;gap:10px;margin-left:auto}.app-nav [aria-current=page]{color:#214f3d;box-shadow:0 2px #214f3d;border-radius:0}.app-settings-btn{margin-left:2px}
.app-main.br-main{max-width:1440px;padding:36px 40px 44px;margin:auto}.app-play-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:38px;align-items:start}.app-field{min-width:0}.app-field-bar,.app-field-bottom{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.5px;gap:16px;min-height:36px}.app-field-bar{color:#294f3e;text-transform:uppercase;font-weight:650}.app-field-meta{color:var(--br-muted);font-size:10px;font-weight:400;letter-spacing:1.6px}.app-canvas-wrap{aspect-ratio:5/4;position:relative;background:#d8e6df;overflow:hidden;border-radius:3px}#field{display:block;width:100%;height:100%;aspect-ratio:5/4}.app-field-bottom{color:var(--br-muted);font-size:11px;min-height:40px}.app-field-caption{font-size:12px;color:#686860;line-height:1.7;margin-top:16px}
.app-panel{padding:38px 0 0;min-width:0}.app-eyebrow{font-size:10px;letter-spacing:2px;text-transform:uppercase;font-weight:650;color:#626b61;margin:0 0 24px}.app-title{font-size:40px;line-height:1.3;letter-spacing:-1.8px;font-weight:650;margin:0 0 22px;word-break:keep-all}.app-lead{font-size:14px;line-height:1.9;color:#686860;margin:0 0 28px;word-break:keep-all}.app-start.br-button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:54px;padding:14px 18px;background:#234d3b;border-color:#234d3b;color:#fff;font-size:15px}.app-start.br-button:hover:not(:disabled){background:#183c2c;border-color:#183c2c}.app-secondary.br-button{width:100%;min-height:46px;margin-top:10px}.app-hint{font-size:11px;line-height:1.8;color:#686860;margin:12px 0 24px}.app-facts{display:flex;gap:26px;padding:23px 0;border-top:1px solid var(--br-border);border-bottom:1px solid var(--br-border)}.app-facts strong{display:block;font-size:22px;font-weight:500;letter-spacing:-.7px}.app-facts span{display:block;font-size:10px;margin-top:7px;color:var(--br-muted)}.app-daily-teaser{padding-top:24px}.app-daily-teaser h2{font-size:14px;margin:0 0 9px}.app-daily-teaser p{font-size:12px;line-height:1.8;color:#686860;margin:0 0 12px}.app-text-link{font:inherit;border:0;border-bottom:1px solid #bbb;background:none;color:#294f3e;padding:2px 0;font-size:12px;cursor:pointer}.app-panel h2{font-size:23px;line-height:1.4;letter-spacing:-.7px;margin:0 0 20px}.app-status{padding:17px 0;border-bottom:1px solid var(--br-border);margin-bottom:22px;font-size:20px;line-height:1.5;font-weight:550;min-height:66px}.app-count{font-size:54px;line-height:1;letter-spacing:-3px;font-weight:500;margin:15px 0 22px}.app-count small{font-size:20px;letter-spacing:0;color:var(--br-muted);font-weight:400}.app-progress{display:flex;gap:5px;margin:24px 0}.app-dot{height:4px;background:#e8e8e1;flex:1}.app-dot[data-state=done]{background:#345f49}.app-dot[data-state=current]{background:#b75b3e}.app-calls{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}.app-call.br-button{min-height:70px;font-size:21px;display:flex;align-items:center;justify-content:space-between;padding:15px 24px;font-weight:600;touch-action:manipulation}.app-call.app-strike{background:#234d3b;border-color:#234d3b;color:#fff}.app-call.app-strike:hover:not(:disabled){background:#173b2a;border-color:#173b2a}.app-call.app-ball{background:#f4f3ee;border-color:#dddcd5;color:#333}.app-call:disabled{opacity:.48}kbd{font-family:inherit;font-size:11px;font-weight:400;border:1px solid currentColor;border-radius:3px;padding:2px 6px;opacity:.7}.app-error,.app-notice{padding:12px 16px;border:1px solid #e2c8b6;background:#fcf8f2;color:#654737;font-size:13px;line-height:1.7;border-radius:4px;margin:0 0 18px}.app-notice{max-width:960px}.app-webgl-error{position:absolute;inset:20%;padding:22px;background:white;border:1px solid #ddd;font-size:13px;line-height:1.8}
.app-footer{max-width:1440px;margin:auto;padding:22px 40px;border-top:1px solid var(--br-border);display:flex;justify-content:space-between;gap:20px;color:#686860;font-size:10px;letter-spacing:.4px}.app-page{max-width:880px;margin:auto;min-height:55vh}.app-page h1{font-size:32px;font-weight:550;letter-spacing:-1.2px;margin:10px 0 28px}.app-page h2{font-size:20px;margin-top:32px}.app-page p,.app-page li{font-size:14px;line-height:1.9}.app-page ul,.app-page ol{padding-left:22px}.app-rule-box{padding:20px 24px;background:#f7f7f2;border-left:3px solid #345f49;margin:24px 0}.app-rule-box p{margin:0}.app-rule-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.app-help{font-size:12px;line-height:1.8;color:#686860}.app-records{list-style:none!important;padding:0!important;margin:24px 0}.app-record{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;border-bottom:1px solid var(--br-border);padding:18px 0}.app-record strong{font-size:22px;font-weight:500}.app-record span{font-size:12px;color:#686860}.app-record button{min-height:44px}.app-score-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:12px;line-height:1.7;padding:16px 0;border-top:1px solid var(--br-border);border-bottom:1px solid var(--br-border);margin:18px 0}.app-score-summary strong{display:block;font-size:19px;font-weight:500}.app-type-stats{font-size:11px;line-height:1.8;color:#686860;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.app-review-list{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:14px 0 22px}.app-review-list button{min-height:45px;padding:8px 2px}.app-review-list [aria-pressed=true]{outline:2px solid #345f49;outline-offset:1px}.app-result-line{display:flex;justify-content:space-between;font-size:13px;padding:9px 0;border-bottom:1px solid var(--br-border)}.app-review-note{font-size:11px;color:#686860;line-height:1.8;margin:14px 0}.app-replay{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:15px 0;border-bottom:1px solid var(--br-border)}.app-replay button,.app-replay select{min-height:44px}.app-replay input[type=range]{accent-color:#234d3b;flex:1;min-width:100px;min-height:44px;cursor:pointer}.app-replay label{font-size:12px;display:flex;gap:7px;align-items:center}.app-replay .app-timeline{width:100%;display:flex;align-items:center;gap:12px}.app-timeline span{font-size:11px;min-width:64px}.app-inline-form{margin-top:24px;max-width:420px;display:grid;gap:14px}.app-dialog{width:min(480px,calc(100% - 32px));padding:26px;border:1px solid #ddd;border-radius:7px}.app-dialog::backdrop{background:#10271e77}.app-dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.app-dialog h2{font-size:22px;letter-spacing:-.6px;margin:0}.app-dialog .br-check-field{margin:18px 0}.app-dialog .br-field{display:grid;gap:10px;font-size:13px}.app-dialog p{font-size:12px;line-height:1.8}.app-dialog-head button{margin-left:14px}.app-table{width:100%;border-collapse:collapse;font-size:14px}.app-table th,.app-table td{text-align:left;padding:14px;border-bottom:1px solid var(--br-border)}.app-table th{font-size:12px;font-weight:500;color:#686860}.app-table td:first-child{font-variant-numeric:tabular-nums}.app-share{width:100%;margin-top:10px}.app-local-metrics{font-variant-numeric:tabular-nums;font-size:12px;line-height:1.9}.app-page .br-empty{padding:32px 0}.app-bracket{color:#b75b3e;font-size:11px;letter-spacing:1px}.app-stage-buttons{display:grid;gap:10px}.app-a11y-note{font-size:11px;line-height:1.8;color:#686860}
[hidden]{display:none!important}
@media(min-width:1440px){.app-main.br-main{padding-top:45px}.app-panel{padding-top:52px}}
@media(max-width:1100px){.app-header{padding:20px 24px;gap:20px}.app-main.br-main{padding:28px 24px}.app-play-layout{grid-template-columns:minmax(0,1fr) 280px;gap:26px}.app-title{font-size:34px}.app-panel{padding-top:36px}.app-footer{padding:22px 24px}.app-nav{gap:2px}.app-nav .br-button{font-size:12px;padding:8px}}
@media(max-width:800px){.app-header{padding:18px 20px;flex-wrap:wrap;gap:16px}.app-brand{order:0}.app-settings-btn{margin-left:auto}.app-nav{order:2;flex-basis:100%;margin:0;justify-content:space-between;gap:8px}.app-nav .br-button{font-size:13px;padding:7px 8px;min-height:40px}.app-main.br-main{padding:18px 20px 32px}.app-play-layout{grid-template-columns:minmax(0,1fr);gap:20px;max-width:680px;margin:auto}.app-panel{padding:4px 0 0}.app-title{font-size:34px;max-width:400px}.app-title br{display:none}.app-eyebrow{margin-bottom:14px}.app-lead{margin-bottom:20px}.app-facts{padding:18px 0;gap:40px}.app-field-caption{margin-top:12px;font-size:11px}.app-daily-teaser{padding-top:20px}.app-footer{padding:20px;flex-wrap:wrap;gap:10px}.app-count{font-size:42px;margin:8px 0 14px}.app-status{margin:0 0 14px;padding:0 0 14px;font-size:19px;min-height:auto}.app-progress{margin:18px 0}.app-panel h2{font-size:22px;margin-bottom:14px}.app-review-list{grid-template-columns:repeat(6,1fr)}.app-page h1{font-size:28px}.app-rule-grid{grid-template-columns:1fr;gap:0}.app-call.br-button{min-height:66px;padding:14px 20px}.app-record{gap:12px}}
@media(max-width:390px){.app-header{padding:16px}.app-main.br-main{padding:14px 16px 28px}.app-nav{gap:0}.app-nav .br-button{font-size:12px;padding:6px}.app-title{font-size:30px}.app-field-bottom{font-size:10px;gap:7px}.app-review-list{grid-template-columns:repeat(4,1fr)}.app-replay{gap:7px}.app-record{grid-template-columns:1fr auto}.app-record button{grid-column:1/-1}.app-call.br-button{padding:14px;font-size:19px}}
@media(orientation:landscape) and (max-height:600px) and (min-width:650px){.app-header{padding:12px 24px;flex-wrap:nowrap}.app-nav{order:0;flex-basis:auto;margin-left:auto}.app-main.br-main{padding-top:12px}.app-play-layout{grid-template-columns:minmax(0,1fr) 250px;gap:24px;max-width:none}.app-panel{padding-top:30px}.app-title{font-size:27px}.app-field-caption{margin-top:8px}.app-call.br-button{min-height:54px}.app-settings-btn{margin-left:0}.app-facts{gap:20px}.app-eyebrow{margin-bottom:15px}}
@media(prefers-reduced-motion:reduce){.app-main *{scroll-behavior:auto}}
@media(min-width:801px) and (min-height:650px){.app-field{width:min(100%,calc((100svh - 260px)*1.25));justify-self:center}}
@media(orientation:landscape) and (max-height:600px) and (min-width:650px){.app-field{width:min(100%,calc((100svh - 140px)*1.25));justify-self:center}.app-calls:not([hidden])~.app-field-caption{display:none}}
.app-game-actions{margin-top:12px}.app-game-actions .app-start{min-height:50px}.app-details{border-top:1px solid var(--br-border);margin-top:18px;padding-top:12px}.app-details summary{cursor:pointer;font-size:12px;line-height:1.7;min-height:36px;padding:7px 0}.app-details summary:focus-visible{outline:var(--br-focus);outline-offset:3px}.app-details p{font-size:12px;line-height:1.9}.app-observations{margin-top:36px}
@media(max-width:800px) and (orientation:portrait){.app-play-layout[data-state=home] .app-panel{grid-row:1}.app-play-layout[data-state=home] .app-field{grid-row:2}.app-play-layout[data-state=home] .app-title{font-size:30px;margin-bottom:14px}.app-play-layout[data-state=home] .app-lead{font-size:13px;margin-bottom:18px}.app-play-layout[data-state=home] .app-hint{margin-bottom:0}.app-play-layout[data-state=home]{gap:14px}}

.app-history-empty{padding:20px 0 24px;font-size:14px;line-height:1.8}