:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#213c4c;background:#eff4f7;font-synthesis:none;--blue:#176d8e;--border:#d6e2e8}*{box-sizing:border-box}body{margin:0}button,select,input,textarea{font:inherit}button,select{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--border);border-radius:10px;background:#fff;color:#24485c;padding:10px 13px;min-height:44px;font-weight:650}button:hover{background:#edf7fc}button:active{background:#d7eef9}button:disabled{opacity:.42;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid #e9b949;outline-offset:2px}a{color:var(--blue)}[hidden]{display:none!important}.counter-shell{max-width:840px;margin:auto;padding:20px 20px 60px}.page-nav{margin-bottom:24px}.hero h1{font-size:clamp(21px,4vw,30px);margin:4px 0}.hero p{color:#617a89;font-size:14px}.eyebrow{letter-spacing:.18em;font-size:10px!important;color:var(--blue)!important;font-weight:800}.toolbar,.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.toolbar{margin:20px 0 12px;font-size:12px;color:#6b818e}.toolbar button{font-size:12px;min-height:36px;padding:6px 12px}.save-error{color:#ad3434!important}.status-card{display:grid;grid-template-columns:1.6fr 1fr 1fr;background:#153e54;color:white;border-radius:14px;padding:18px 20px;gap:14px}.status-card span,.live-metrics span,.live-metrics small{display:block;font-size:11px;margin-bottom:6px;opacity:.8}.status-card strong{font-size:20px;line-height:1.35}.status-card div:first-child strong{font-size:15px}.live-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-top:10px}.live-metrics>div{background:white;padding:15px 12px}.live-metrics strong{font-size:21px;display:block;white-space:nowrap}.live-metrics small{font-size:10px;margin:7px 0 0;color:#677e8d}.quick-setting{font-size:12px;color:#447285;margin:10px 4px 18px}.panel{background:#fff;border:1px solid var(--border);border-radius:14px;padding:22px;margin:14px 0}.state-label{font-weight:700;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:20px}select,input[type=number],textarea{border:1px solid #bdcfd9;border-radius:8px;padding:10px;color:#25495d;background:#fff;min-width:0;max-width:100%;width:100%}select{min-height:44px}label{font-size:13px}label>select,label>textarea{margin-top:5px}.state-label select{margin:0;background:#f5faff;font-weight:700}.transitions{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.transitions button{font-size:12px;background:#eaf5fa;color:#176181;border-color:#c8e2ed}.help{font-size:12px;color:#657b89;line-height:1.7;margin:10px 0}.overlays{display:flex;gap:18px;flex-wrap:wrap}.overlays label,.nav-option{display:flex;gap:6px;align-items:center;min-height:38px}.overlays input,.nav-option input{accent-color:var(--blue);width:18px;height:18px}.section-title{margin:18px 0 12px}.section-title h2{margin:0;font-size:17px}.section-title a{font-size:12px}.section-title button{font-size:12px}.nav-option{font-size:12px;flex-wrap:wrap;margin-bottom:10px}.nav-option span{color:#6b818e;font-size:11px}.counter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.counter-button{min-height:102px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:10px 5px;border-color:#cddfe7;background:#f8fcfe;position:relative}.counter-button .label{font-size:13px}.counter-button strong{font-size:23px}.counter-button .hint{font-size:11px;color:#65818f;font-weight:400}.counter-button .nearest{font-size:10px;color:#97661c;min-height:12px}.counter-button.rare{background:#fff7f8;border-color:#eed9df;color:#8e455d}.counter-button.last{border-color:#2983ab;box-shadow:inset 0 0 0 1px #2983ab}.counter-button.nav-button{min-height:91px;background:#eef7fc}.counter-button.nav-button .label{font-size:11px}.rate-help{font-size:10px}.recent-heading{display:flex;justify-content:space-between;font-size:11px;color:#617e8e;margin-top:17px}.recent-heading small{font-size:10px}.recent-games{display:flex;gap:6px;overflow-x:auto;padding:7px 0}.recent-games button{flex:1;min-width:72px;font-size:10px;font-weight:500;line-height:1.6;padding:6px}.recent-games b{display:block;font-size:10px}.recent-games .recent-meta{display:block;margin-top:2px;font-size:9px;line-height:1.3;font-weight:700;color:#47778b;white-space:nowrap}.event-inputs{display:grid;grid-template-columns:1fr 1.5fr;align-items:end;gap:12px}.event-inputs button{min-height:46px;background:#eaf5fa}.event-status{font-size:13px;font-weight:650;color:#26758c;line-height:1.7}.pill{font-size:10px;color:#68808d}.panel>summary,details>summary{cursor:pointer;min-height:36px;align-content:center;font-size:13px;font-weight:650}.panel details{border-top:1px solid #e5edf1;margin-top:14px;padding-top:8px}details[open]>summary{margin-bottom:12px}.edit-row{display:flex;align-items:end;gap:8px}.edit-row label{flex:1}.edit-row input{margin-top:6px}#edit-controls{display:flex;gap:9px;flex-wrap:wrap;align-items:end}#edit-controls label{flex:1;min-width:150px}.setting-bars{display:grid;gap:8px}.setting-row{display:grid;grid-template-columns:26px 1fr 48px;gap:9px;align-items:center;font-size:12px}.setting-track{height:10px;background:#edf3f6;border-radius:9px;overflow:hidden}.setting-track i{display:block;height:100%;background:#43a2b6;border-radius:9px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:11px}th,td{padding:9px 7px;border-bottom:1px solid #e5edf1;text-align:left;white-space:nowrap}th{color:#67808d;font-weight:500}.freeze-entry{display:grid;grid-template-columns:1fr 110px;gap:10px;align-items:center;border-bottom:1px solid #e9eef1;padding:10px 0;font-size:12px}.freeze-entry small{display:block;color:#69818e;margin-top:4px}.freeze-entry select{font-size:11px}.distribution{display:flex;flex-wrap:wrap;gap:6px}.distribution span{background:#edf5f8;border-radius:6px;padding:7px;font-size:11px}.actions{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}textarea{resize:vertical}#archives button{display:block;margin-top:10px;width:100%;font-size:12px}.focus .hero,.focus .page-nav,.focus .secondary,.focus .rate-help{display:none}.focus .counter-shell{padding-top:8px}.focus .toolbar{margin-top:0}.focus .panel{padding:14px}.focus .counter-button{min-height:86px}@media(max-width:480px){.counter-shell{padding:12px 10px 40px}.panel{padding:14px}.status-card{padding:14px 12px;gap:8px}.status-card strong{font-size:19px}.status-card div:first-child strong{font-size:12px}.live-metrics>div{padding:12px 8px}.live-metrics strong{font-size:18px}.live-metrics span{font-size:10px}.live-metrics small{font-size:9px}.counter-grid{gap:7px}.counter-button .label{font-size:11px}.state-label{gap:10px;font-size:12px}.event-inputs{grid-template-columns:1fr}.event-inputs button{order:1}.section-title{gap:5px}.section-title h2{font-size:15px}.counter-button .hint{font-size:10px}.counter-button .nearest{font-size:9px}.recent-games button{min-width:62px}.transitions button{padding:8px 10px}.freeze-entry{grid-template-columns:1fr 100px}}

/* Clear visual groups and compact, repeatable game entry. */
:root{--blue:#14658b;--border:#c2d6e1;color:#183d53;background:#e6edf2}body{background:#e6edf2;color:#183d53}.hero{background:linear-gradient(115deg,#143f59,#176d8e);color:#fff;padding:22px 26px;border-radius:16px;box-shadow:0 8px 24px #173f5920}.hero h1{color:#fff}.hero p{color:#d2e6ef}.hero .eyebrow{color:#aadff0!important}.toolbar{margin-top:12px}.status-card{background:#123f5b;box-shadow:0 5px 18px #183d5320}.live-metrics{background:#b8cbd6}.live-metrics>div{background:#edf5f9}.live-metrics>div:first-child strong{color:#126d72}.live-metrics>div:nth-child(2) strong{color:#176b9a}.live-metrics>div:last-child strong{color:#b04752}.panel{border:1px solid #c5d7e1;box-shadow:0 5px 16px #153f5610}.session-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0}.session-actions button{font-size:14px;min-height:48px}.save-action{background:#17688c;border-color:#17688c;color:#fff}.save-action:hover{background:#125577}.discard-action{background:#fbf0f1;border-color:#dfb8be;color:#993e4b}.confirm-dialog{width:min(420px,calc(100vw - 28px));border:1px solid #b9d0dc;border-radius:16px;padding:24px;box-shadow:0 18px 60px #0c30455c;color:#183d53}.confirm-dialog::backdrop{background:#102e4290;backdrop-filter:blur(2px)}.confirm-dialog h2{margin:3px 0 7px;font-size:19px}.confirm-dialog form>.help{font-size:14px;margin:9px 0 22px}.dialog-actions{display:flex;justify-content:flex-end;gap:9px}.dialog-actions button:last-child{background:#17688c;color:white;border-color:#17688c}.dialog-actions button#confirm-accept[value=confirm]{background:#17688c}.overlays{min-height:34px}.overlays:empty{display:none}.cube-status{margin:3px 0;padding:8px 11px;border-radius:9px;background:#d8eff3;border:1px solid #8cc8d0;color:#126676;font-size:13px;font-weight:750}.counter-button{background:#eef4f7;border-color:#c5d6de;color:#244356}.counter-button:hover{filter:brightness(.97)}.counter-button .label{font-size:13px;font-weight:750}.counter-button strong{font-size:23px}.counter-button .hint{display:flex;align-items:center;justify-content:center;gap:7px;min-height:19px;font-size:13px;color:#375b6e;font-weight:650}.setting-clue{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#183f5c;color:#fff;font-size:15px;line-height:1}.tone-neutral{background:#e8edf0;border-color:#becbd1;color:#344953}.tone-replay{background:#d8edfa;border-color:#8bbddd;color:#155a83}.tone-cherry{background:#fbe0df;border-color:#e0a5a1;color:#993934}.tone-watermelon{background:#def2df;border-color:#a5d2a4;color:#31743b}.tone-chance{background:#eee4fb;border-color:#c7a9e8;color:#663a97}.tone-bell{background:#fff0c5;border-color:#e6cb77;color:#71570e}.tone-cube{background:#d8f3ef;border-color:#89cbbf;color:#176d63}.tone-bonus{background:#f1e5cc;border-color:#d7b875;color:#714f0c}.recent-games button{background:#e9f3f7;border-color:#c5d8e0;color:#23485c}.recent-games b{font-size:11px}.rate-help{font-size:12px;line-height:1.6}.nav-role-row{min-width:0;margin:0;padding:9px;border:1px solid currentColor;border-radius:11px}.nav-role-row legend{padding:0 7px;font-size:13px;font-weight:750}.nav-order-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.nav-choice{min-width:0;min-height:48px;padding:8px 5px;font-size:13px;background:#fff;border:1px solid currentColor}.nav-choice:hover{filter:brightness(.95)}.nav-role-row.tone-bell .nav-choice{background:#fff7df;color:#70570e}.nav-role-row.tone-replay .nav-choice{background:#eaf5fb;color:#155a83}#edit-controls select{max-width:100%}.events-panel{border-top:3px solid #2d869f}.secondary .section-title{color:#1f4f68}
@media(max-width:480px){.counter-shell{padding-left:10px;padding-right:10px}.hero{padding:18px 16px}.session-actions{grid-template-columns:1fr}.session-actions button{min-height:46px}.panel{padding:14px}.counter-button .hint{font-size:13px}.counter-button .label{font-size:11.5px}.setting-clue{width:23px;height:23px;font-size:14px}.nav-choice{min-height:46px;font-size:12px}}
:root{color-scheme:dark;--blue:#48b9e8;--border:#33485b;color:#e8f0f7;background:#101923}body{background:#101923;color:#e8f0f7}.counter-shell{max-width:880px}.hero{background:linear-gradient(115deg,#132b3e,#164660);box-shadow:0 8px 28px #0008}.hero p{color:#b4c7d5}.eyebrow{color:#70c7ec!important}.toolbar{color:#9fb2c2}.toolbar button,button{background:#1b2b3a;border-color:#3b5063;color:#e4edf5}.toolbar button:hover,button:hover{background:#263c4e}.toolbar button:active,button:active{background:#314a5e}.status-card{background:#163952;box-shadow:0 7px 24px #0006}.live-metrics{background:#334759;border-color:#334759}.live-metrics>div{background:#192735}.live-metrics>div:first-child strong{color:#64d0c4}.live-metrics>div:nth-child(2) strong{color:#7dc7f1}.live-metrics>div:last-child strong{color:#ff8b94}.live-metrics small,.live-metrics span{color:#aabaca}.quick-setting{color:#84cce7}.panel{background:#182431;border-color:#304355;box-shadow:0 6px 20px #0005}.state-label select,select,input[type=number],textarea{background:#111d28;border-color:#3d5367;color:#e8f0f7}.transitions button,.event-inputs button{background:#1b3c50;border-color:#32627a;color:#a8dff5}.help,.pill{color:#a3b5c5}.overlays input,.nav-option input{accent-color:#46b9e8}.section-title h2{color:#ecf4fa}.section-title a,a{color:#76cbed}.counter-button{background:#202d39;border-color:#3d5163;color:#edf4f8}.counter-button:hover{filter:brightness(1.18)}.counter-button .hint{color:#bac9d6}.setting-clue{background:#f5cf67;color:#202a34}.tone-neutral{background:#27343e;border-color:#455563;color:#d8e1e7}.tone-replay{background:#173d59;border-color:#3475a0;color:#a7d9ff}.tone-cherry{background:#51292c;border-color:#a55051;color:#ffc2bd}.tone-watermelon{background:#213f30;border-color:#477c53;color:#b8f1c1}.tone-chance{background:#3c2c57;border-color:#7752a5;color:#dec1ff}.tone-bell{background:#473a1c;border-color:#627588;color:#ffe08a}.tone-cube{background:#17463f;border-color:#36867a;color:#a5f3e8}.tone-bonus{background:#493b23;border-color:#92743b;color:#f8dfa2}.recent-games button{background:#1d2d3a;border-color:#3b5062;color:#e1eaf0}.recent-heading{color:#a6b7c5}.nav-role-row{background:#121d27}.nav-role-row.tone-bell .nav-choice{background:#473a1c;color:#ffe08a}.nav-role-row.tone-replay .nav-choice{background:#173953;color:#a7d9ff}.nav-role-row.tone-cherry .nav-choice{background:#482528;color:#ffc2bd}.nav-role-row.tone-watermelon .nav-choice{background:#203b2d;color:#b8f1c1}.nav-role-row.tone-chance .nav-choice{background:#39294f;color:#dec1ff}.nav-choice{border-color:#627588}.cube-status{background:#143c3b;border-color:#318a7b;color:#a8f0e2}.events-panel{border-top-color:#397f9a}.panel details{border-color:#304253}.setting-track{background:#263747}.setting-track i{background:linear-gradient(90deg,#1e7fad,#55c6e6)}.table-scroll th,.table-scroll td{border-color:#314456}.freeze-entry{border-color:#314456}.freeze-entry small{color:#a7b8c6}.distribution span{background:#243544;color:#dbe8f2}.archive-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid #304253;color:#d7e1e9;font-size:12px}.archive-row button{min-height:38px;margin:0;padding:6px 10px}.delete-action{background:#40282d!important;border-color:#83434b!important;color:#ffc2c4!important}.delete-action:hover{background:#573238!important}.session-memo{grid-column:1/-1;text-align:left;border:1px solid #33495c;border-radius:10px;padding:0 12px;background:#182431}.session-memo summary{min-height:40px;color:#c5d2dd}.session-memo label{display:block;padding-bottom:12px}.session-memo textarea{display:block;margin-top:6px}.white-nav-option{display:flex;align-items:center;gap:10px;margin:0 0 10px;padding:9px 11px;border:1px solid #41566b;border-radius:9px;background:#192a39;font-weight:700}.white-nav-option select{margin-left:auto;max-width:190px;padding:8px}.save-action{background:#125d7a;border-color:#2383a8;color:white}.save-action:hover{background:#16749a}.discard-action{background:#48282c;border-color:#925057;color:#ffc4c5}.confirm-dialog{background:#182431;color:#edf4f8;border-color:#45596b}.confirm-dialog::backdrop{background:#050a10d9}.dialog-actions button:last-child{background:#125d7a;border-color:#2383a8;color:white}.focus .session-memo{display:none}@media(max-width:480px){.archive-row{grid-template-columns:1fr auto auto}.archive-row button{font-size:11px;padding:5px 7px}.white-nav-option{align-items:flex-start;flex-wrap:wrap}.white-nav-option select{flex:1;min-width:150px}}

/* Compact session controls and counted navigation buttons. */
.session-actions{grid-template-columns:1fr 1fr;gap:8px;margin:8px 0}.session-actions button{font-size:12px;min-height:44px;padding:8px}.session-memo{margin:6px 0}.session-memo summary{min-height:32px}.quick-setting{margin:8px 4px}.input-panel{margin-top:8px}.nav-choice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:82px}.nav-choice strong{font-size:23px}.nav-choice .hint{font-size:12px;font-weight:500}.nav-choice.last{border-color:#7dc7f1;box-shadow:inset 0 0 0 1px #7dc7f1}

.focus .session-actions,.focus .session-memo{display:none}

/* Separate navigation inputs while keeping the role heading compact. */
.nav-capture-grid{display:grid;gap:12px;margin:14px 0 16px}.input-panel>.section-title{margin-top:8px;margin-bottom:8px}#state-note{margin:6px 0}.input-panel>.overlays{min-height:0}

.boost-inputs{display:flex;flex-wrap:wrap;align-items:end;gap:10px;margin:12px 0}.boost-inputs>label:first-child{flex:1;min-width:150px}.boost-inputs input[type=number]{display:block;margin-top:5px}.engage-option{display:flex;align-items:center;gap:6px;min-height:44px}.engage-option input{width:18px;height:18px;accent-color:var(--blue)}

.bar-role-section{margin:14px 0 4px;padding-top:10px;border-top:1px solid var(--border)}.bar-role-section h3{margin:0 0 8px;font-size:13px;color:inherit}.quick-boost-inputs{margin:12px 0 4px;padding:12px;border:1px solid var(--border);border-radius:11px;background:color-mix(in srgb,var(--blue) 8%,transparent)}.quick-boost-inputs input[type=number]{font-size:16px}.quick-boost-status{margin:4px 2px 10px}@media(max-width:480px){.quick-boost-inputs{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px}.quick-boost-inputs>label:first-child{min-width:0}.quick-boost-inputs>button{grid-column:1/-1;min-height:42px}}

/* Keep the last selected counter visible with its original fill color. */
.counter-button.last{border-width:3px;box-shadow:none}.counter-button.last:hover{filter:none}.nav-choice.last{border-width:3px;box-shadow:none}.nav-choice.last:hover{filter:none}

/* Keep the selected role fill unchanged during pointer hover and press. */
.counter-button.last:hover,.counter-button.last:active{background-color:#202d39}
.counter-button.last.tone-neutral:hover,.counter-button.last.tone-neutral:active{background-color:#27343e}
.counter-button.last.tone-replay:hover,.counter-button.last.tone-replay:active{background-color:#173d59}
.counter-button.last.tone-cherry:hover,.counter-button.last.tone-cherry:active{background-color:#51292c}
.counter-button.last.tone-watermelon:hover,.counter-button.last.tone-watermelon:active{background-color:#213f30}
.counter-button.last.tone-chance:hover,.counter-button.last.tone-chance:active{background-color:#3c2c57}
.counter-button.last.tone-bell:hover,.counter-button.last.tone-bell:active{background-color:#473a1c}
.counter-button.last.tone-cube:hover,.counter-button.last.tone-cube:active{background-color:#17463f}
.counter-button.last.tone-bonus:hover,.counter-button.last.tone-bonus:active{background-color:#493b23}


/* Keep white flash buttons on the same fill through hover, focus, and press. */
.counter-button.last[data-role="white9"]:hover,.counter-button.last[data-role="white9"]:focus,.counter-button.last[data-role="white9"]:active,.counter-button.last[data-role="white1"]:hover,.counter-button.last[data-role="white1"]:focus,.counter-button.last[data-role="white1"]:active{background-color:#473a1c!important}

/* Keep both white flash role buttons in the same bell-color family in every interaction state. */
#counter-grid .counter-button[data-role="white9"],#counter-grid .counter-button[data-role="white9"]:hover,#counter-grid .counter-button[data-role="white9"]:focus,#counter-grid .counter-button[data-role="white9"]:active,#counter-grid .counter-button[data-role="white1"],#counter-grid .counter-button[data-role="white1"]:hover,#counter-grid .counter-button[data-role="white1"]:focus,#counter-grid .counter-button[data-role="white1"]:active{background-color:#473a1c!important}

/* Use the brighter bell palette on role buttons and their order choices. */
.counter-button.tone-bell{background-color:#473a1c!important;border-color:#627588!important;color:#ffe08a!important}
.counter-button.last,.nav-choice.last{border-color:#7dc7f1!important;border-width:3px;box-shadow:none}

.situation-guide p{margin:.4rem 0;line-height:1.6}.situation-guide{border-left:3px solid #79c9e8}.cycle-panel input{width:100%;max-width:12rem}.report-controls{display:flex;gap:1rem;align-items:center;margin:1rem 0}.report-memo{white-space:pre-wrap;overflow-wrap:anywhere}#practice-report h2{margin-top:1.6rem}#practice-report td{white-space:normal;overflow-wrap:anywhere}#practice-report table{width:100%}@media print{.report-controls{display:none!important}body{background:white;color:black}.counter-shell{max-width:none}.panel{background:white;color:black;border-color:#ccc;box-shadow:none}.help{color:#444}.table-scroll{overflow:visible}tr{break-inside:avoid}}

#practice-report table{font-size:14px}#practice-report th,#practice-report td{padding:.55rem .4rem}#practice-report .live-metrics{margin:1rem 0}@media(max-width:480px){#practice-report{padding:1rem}#practice-report table{font-size:12px}#practice-report h1{font-size:1.5rem}}

/* Session dashboard, compact cycle setup, and high visibility undo. */
.cycle-setup{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:8px;margin:8px 0;padding:10px 12px;border:1px solid #304355;border-radius:12px;background:#182431}.cycle-setup label{font-size:11px;color:#aabaca}.cycle-setup input{display:block;margin-top:4px;padding:7px}.cycle-setup button{min-height:38px;padding:6px 12px;font-size:12px}.status-card #mode-cycle{font-size:13px;color:#a9ddf4;white-space:nowrap}.status-card div:first-child strong{display:flex;align-items:baseline;gap:5px;flex-wrap:wrap}.situation-guide{padding:12px;background:#05090d;border-color:#283845;border-left:4px solid #53c6d5;color:#e9f5f7}.dashboard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#25343c;border-radius:8px;overflow:hidden}.dashboard-item{min-height:54px;padding:8px 10px;background:#0b1115}.dashboard-item span{display:block;color:#8299a1;font-size:10px}.dashboard-item strong{display:block;margin-top:3px;color:#c5edf0;font-size:14px;line-height:1.35}.dashboard-item.dashboard-live{grid-column:span 2}.dashboard-item.dashboard-live strong{color:#e1c979}.situation-guide details{margin-top:8px;padding-top:5px;border-color:#293941}.situation-guide details summary{font-size:11px;color:#90a8af}.situation-guide details p{font-size:11px;color:#a8b8bc}.quick-setting{margin:6px 0;color:#badbea}.input-panel #undo{border:2px solid #7894a6;box-shadow:0 0 0 2px #1a2b37;font-size:12px;min-height:38px;padding:6px 16px;color:#eef8ff;background:#20394b}.input-panel #undo:not(:disabled):active{transform:translateY(1px);background:#2b5269}.help-disclosure{margin-top:8px;border-top:1px solid #334253}.help-disclosure summary,.cycle-history summary{font-size:11px;color:#9bafbd}.cycle-events{margin:10px 0}.cycle-events button{min-height:40px;font-size:12px}.events-panel{margin-top:8px}.edit-panel{margin-top:8px}.cycle-history{margin-top:10px;padding-top:8px;border-top:1px solid #304253}.cycle-history #cycle-history{font-size:12px;line-height:1.7;color:#b8c7d0}
@media(max-width:560px){.cycle-setup{grid-template-columns:1fr 1fr}.cycle-setup button{grid-column:1/-1}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-item{min-height:48px}.dashboard-item.dashboard-live{grid-column:span 2}}

.help-button{width:26px;height:26px;min-height:26px;padding:0;border:1px solid #637b8e;border-radius:50%;font-size:13px;line-height:1;background:#142330;color:#b9d8e6}.help-dialog{max-width:min(360px,calc(100vw - 32px));border:1px solid #526b7d;border-radius:14px;padding:18px;background:#182431;color:#e8f0f7}.help-dialog::backdrop{background:#02070bc9;backdrop-filter:blur(2px)}.help-dialog form{display:grid;gap:12px}.help-dialog p{margin:0;line-height:1.7;font-size:14px;white-space:pre-line}

.bonus-setting-prompt{margin:8px 2px;padding:10px 12px;border:1px solid #8b7744;border-radius:9px;background:#392f1b;color:#f2d680;font-size:12px}.bonus-setting-prompt a{margin-left:6px;font-weight:750;white-space:nowrap}


/* Compact counter controls, local validation, and tap-friendly help. */
@media(max-width:560px){input[type="number"],select,textarea{font-size:16px!important}}
.cycle-setup{position:relative}.cycle-setup select{display:block;margin-top:4px;padding:7px;width:100%}.cycle-error{grid-column:1/-1;margin:0}.validation-error{color:#ffb5b5;background:#421f25;border:1px solid #a84d56;border-radius:8px;padding:8px 10px;font-size:13px}.validation-error[hidden]{display:none}.section-title h2,.performance-events h3{display:flex;align-items:center;gap:7px}.help-button{flex:0 0 26px}.performance-events{margin-top:14px;padding-top:12px;border-top:2px solid #455a6a}.performance-events h3{font-size:15px;margin:0 0 8px}.event-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,1fr);align-items:end;gap:7px}.event-controls>button{min-height:40px;padding:6px;font-size:12px}.freeze-picker{display:block;font-size:10px;color:#aabaca}.freeze-picker select{display:block;width:100%;margin-top:4px;padding:7px;font-size:12px}.event-status,.performance-events .help{margin:6px 0;font-size:11px}.past-games{margin-top:12px;padding-top:9px;border-top:1px solid #344553}.past-games summary{font-size:12px;color:#b7c8d4}.input-panel .recent-heading{margin-top:12px}.status-card #mode-cycle{font-size:13px}.section-title{align-items:center}
@media(max-width:380px){.event-controls{grid-template-columns:1fr 1fr}.freeze-picker{grid-column:1/-1;grid-row:2}.event-controls #siren-record{grid-column:2;grid-row:1}}


/* Keep live metrics in the familiar three-column form and the guide to short, relevant lines. */
.situation-guide{padding:8px 10px;margin:6px 0;background:#05090d;border-color:#283845;border-left:4px solid #53c6d5;color:#e9f5f7}.situation-guide .live-metrics{margin:0 0 5px}.situation-guide p{margin:2px 3px;color:#bfd0d7;font-size:11px;line-height:1.35}
@media(max-width:480px){.situation-guide{padding:7px 8px;margin:5px 0}.situation-guide .live-metrics>div{padding:8px 6px}.situation-guide .live-metrics strong{font-size:15px}.situation-guide .live-metrics small{font-size:9px;margin-top:4px}.situation-guide .live-metrics span{font-size:9px;margin-bottom:3px}}


@keyframes role-tap-feedback{0%{transform:scale(.97);border-color:#fff;box-shadow:0 0 0 4px #82d8ffb0}45%{transform:scale(1.015);border-color:#fff;box-shadow:0 0 0 3px #82d8ff70}100%{transform:scale(1);box-shadow:0 0 0 0 transparent}}.counter-button.tap-feedback,.nav-choice.tap-feedback{animation:role-tap-feedback 360ms ease-out}@media(prefers-reduced-motion:reduce){.counter-button.tap-feedback,.nav-choice.tap-feedback{animation-duration:1ms}}

/* Keep dashboard odds compact while matching surrounding text size. */
.state-label{display:grid;grid-template-columns:minmax(0,1fr);gap:6px}.state-heading{display:flex;align-items:center;gap:7px}.state-heading label{font-size:13px;font-weight:700}.state-label select{grid-column:1/-1}#state-note:empty{display:none}
.situation-guide .metric-heading{display:flex;align-items:center;gap:5px;margin-bottom:5px}.situation-guide .metric-heading span{margin:0;font-size:12px;opacity:.9}.situation-guide .metric-heading .help-button{width:20px;height:20px;min-height:20px;flex-basis:20px;font-size:11px}.situation-guide .live-metrics strong{font-size:19px}.situation-guide p{margin:3px;color:#bfd0d7;font-size:13px;line-height:1.45}
@media(max-width:480px){.situation-guide .live-metrics>div{padding:8px 6px}.situation-guide .live-metrics strong{font-size:15px}.situation-guide .metric-heading{gap:3px}.situation-guide .metric-heading span{font-size:10px}.situation-guide .metric-heading .help-button{width:18px;height:18px;min-height:18px;flex-basis:18px;font-size:10px}.situation-guide p{font-size:12px;line-height:1.4}}
.situation-guide .odds-line{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:.45em;row-gap:.12em;margin:5px 2px;padding-left:8px;border-left:2px solid #45616e}.situation-guide .odds-role{font-weight:750}.situation-guide .odds-cherry{color:#ffaaa5}.situation-guide .odds-watermelon{color:#a5eab0}.situation-guide .odds-chance{color:#d4afff}.situation-guide .odds-replay{color:#9bd4ff}.situation-guide .odds-akashi{color:#f0cc76}.situation-guide .odds-state{white-space:nowrap;color:#c2d0d7}.situation-guide .odds-rate{color:#f0d27f;font-variant-numeric:tabular-nums}.situation-guide .odds-timing{color:#8ecdda}
.situation-guide .odds-aggregate{color:#f0d27f}

.recent-games .recent-meta{color:#8fcfea}

.quick-boost-area{display:flex;align-items:flex-start;gap:7px;margin-top:8px}.quick-boost-details{flex:1;min-width:0;margin:0!important;padding:0!important;border:0!important}.quick-boost-details>summary{min-height:34px;padding:3px 8px;border:1px solid #3d5367;border-radius:8px;color:#a3b5c5}.quick-boost-details[open]>summary{margin-bottom:8px}.quick-boost-area.always-open .quick-boost-details>summary{display:none}.quick-boost-area.always-open .quick-boost-details:not([open])>summary{display:block}.quick-boost-area>.help-button{margin-top:0}.quick-boost-status{margin:3px 0 0}.input-panel .section-title{margin-top:0}.input-panel .nav-option{margin-bottom:5px}.input-panel .recent-heading{margin-top:8px}.input-panel .recent-games{padding:4px 0}.input-panel .recent-games button{padding:4px 3px;line-height:1.35}@media(max-width:480px){.input-panel{padding:10px}.input-panel .section-title{margin-bottom:8px}.input-panel .counter-grid{gap:5px}.input-panel .counter-button{min-height:78px;gap:2px;padding:5px 2px}.input-panel .counter-button .label{font-size:10px}.input-panel .counter-button strong{font-size:20px}.input-panel .counter-button .hint{font-size:9px;min-height:14px}.input-panel .recent-games{gap:4px}.input-panel .recent-games button{min-width:50px;flex:1;padding:4px 2px}.input-panel .recent-games b{font-size:10px}.input-panel .recent-games .recent-meta{font-size:8px}.quick-boost-inputs{gap:6px}.quick-boost-inputs label{font-size:11px}.quick-boost-inputs input[type=number]{padding:7px}.quick-boost-inputs button{min-height:38px;padding:6px 9px;font-size:11px}}

.white-nav-disclosure{margin:0 0 5px;padding:0;border:0}.white-nav-disclosure>summary{display:inline-flex;align-items:center;min-height:30px;padding:3px 8px;border:1px solid #41566b;border-radius:8px;background:#192a39;color:#c5d2dd;font-size:11px;font-weight:700}.white-nav-disclosure[open]>summary{margin-bottom:6px}.white-nav-disclosure .white-nav-option{margin:0;padding:5px 8px;font-size:11px}.white-nav-disclosure .white-nav-option select{min-height:36px;padding:5px 8px}

.bar-role-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.bar-role-heading h3{margin:0 0 8px;font-size:13px}.bar-mode-toggle{display:flex;align-items:center;gap:6px;min-height:32px;margin:0 0 6px;font-size:11px;font-weight:700}.bar-mode-toggle input{width:18px;height:18px;margin:0;accent-color:var(--blue)}

.siren-battle-guide{margin-bottom:10px;padding:10px 12px;border:1px solid #3a6074;border-radius:11px;background:linear-gradient(115deg,#102633,#193747);color:#e4f4fb}.siren-battle-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.siren-battle-head strong{font-size:13px}.siren-battle-head label{display:flex;align-items:center;gap:6px;font-size:11px}.siren-battle-head select{width:auto;min-width:135px;min-height:36px;padding:5px 8px}.siren-win-rates{display:flex;gap:6px;margin-top:8px}.siren-win-rates span{flex:1;padding:6px 7px;border:1px solid #405b6b;border-radius:7px;background:#172b38;color:#b6c9d5;text-align:center;font-size:10px}.siren-win-rates b{display:block;margin-top:2px;color:#e8f2f7;font-size:14px}.siren-win-rates .is-current{border-color:#52c5e5;background:#16445a;color:#a9e8fb}.siren-win-rates .is-current b{color:#7ee2ff}.siren-last-role{margin:7px 0 0;font-size:12px;font-weight:700;color:#b9d4e1}@media(max-width:480px){.siren-battle-head strong{font-size:12px}.siren-battle-head select{min-width:120px;font-size:12px}.siren-win-rates span{padding:5px 3px;font-size:9px}.siren-win-rates b{font-size:13px}}

.siren-result-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:10px 0;padding:10px;border:1px solid #3a6074;border-radius:10px;background:#10212b}.siren-result-panel p{grid-column:1/-1;margin:0;color:#b9d4e1;font-size:11px}.siren-result-panel button{min-height:42px;padding:6px 4px;font-size:11px;background:#193d50;border-color:#32627a;color:#d8eff9}.siren-result-panel button[data-battle-result="2"]{background:#493b23;border-color:#92743b;color:#f8dfa2}.siren-result-panel button[data-battle-result="3"]{background:#35272c;border-color:#69424b;color:#e6c4c8}.siren-result-panel.is-limit{border-color:#c96d53;background:#321d1b}.siren-result-panel.is-limit p{color:#ffd0bc;font-weight:800}
@media(max-width:380px){.siren-result-panel{grid-template-columns:1fr}.siren-result-panel p{grid-column:auto}}

.situation-guide .odds-freeze{color:#f1d27c}

.amagi-result-panel{grid-template-columns:repeat(2,minmax(0,1fr))}

.amagi-odds .siren-win-rates small{display:block;font-size:9px;line-height:1.35}

.siren-last-role+.siren-last-role{margin-top:5px}.amagi-odds .siren-win-rates span small{line-height:1.35}.amagi-odds .siren-win-rates span b{white-space:nowrap}