:root{--bg: #1d1a17;--panel: #2a2521;--panel-2: #342e28;--panel-3: #413931;--line: #4d443b;--ink: #f3ebe0;--ink-dim: #b9ac9c;--ink-faint: #857a6d;--accent: #e8b04b;--accent-dark: #b8862f;--good: #7fc47a;--bad: #e0705f;--info: #7fb6d8;--p0: #d9a441;--p1: #4b90d6;--p2: #7a9e6e;--radius: 12px;--radius-sm: 8px;--shadow: 0 6px 20px rgba(0, 0, 0, .45);--font: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:14px;overflow:hidden;-webkit-font-smoothing:antialiased}button{font-family:inherit;font-size:inherit;color:inherit;cursor:pointer;border:1px solid var(--line);background:var(--panel-2);border-radius:var(--radius-sm);padding:7px 12px;transition:background .12s,border-color .12s,transform .06s}button:hover:not(:disabled){background:var(--panel-3);border-color:var(--accent-dark)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#241d10;font-weight:600}button.primary:hover:not(:disabled){background:#f2bf62;border-color:#f2bf62}.hidden{display:none!important}#app,.screen{height:100%}#start{display:grid;place-items:center;overflow:auto;background:radial-gradient(1100px 600px at 50% -10%,#3a3227 0%,transparent 60%),var(--bg);padding:24px}.start-card{width:min(760px,100%);background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:28px 32px 32px;box-shadow:var(--shadow)}.start-card h1{margin:0 0 4px;font-size:40px;letter-spacing:-.02em}.start-card h1 .logo{font-size:40px;margin-right:6px}.tagline{margin:0 0 26px;color:var(--ink-dim);font-size:16px}.start-card h2{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-faint);margin:22px 0 10px}.culture-picker{display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}@media(max-width:700px){.culture-picker{grid-template-columns:1fr}}.culture-card{text-align:left;padding:14px;border-radius:var(--radius);background:var(--panel-2);border:2px solid transparent;display:block}.culture-card.selected{border-color:var(--accent);background:var(--panel-3)}.culture-card .cc-top{display:flex;align-items:center;gap:8px;margin-bottom:6px}.culture-card .cc-emoji{font-size:26px}.culture-card .cc-name{font-weight:700;font-size:15px}.culture-card .cc-era{color:var(--ink-faint);font-size:12px;line-height:1.4;margin-bottom:8px}.culture-card .cc-bonus{font-size:12.5px;line-height:1.45;color:var(--ink-dim)}.culture-card .cc-bonus b{color:var(--ink)}.culture-card .cc-line{margin-top:8px;font-size:18px;letter-spacing:2px}.chip-row{display:flex;gap:8px;flex-wrap:wrap}.chip{padding:6px 14px;border-radius:999px;background:var(--panel-2);border:1px solid var(--line)}.chip.selected{background:var(--accent);border-color:var(--accent);color:#241d10;font-weight:600}.big-button{width:100%;margin-top:26px;padding:14px;font-size:17px;font-weight:700;background:var(--accent);border-color:var(--accent);color:#241d10}.big-button:hover:not(:disabled){background:#f2bf62}.hint{text-align:center;color:var(--ink-faint);font-size:12px;margin:12px 0 0}#game{display:grid;grid-template-columns:1fr 340px;grid-template-rows:52px 1fr 92px;grid-template-areas:"top    top" "stage  side" "bottom bottom";height:100%}#topbar{grid-area:top;background:var(--panel);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:18px;padding:0 14px;overflow-x:auto}#stage{grid-area:stage;position:relative;overflow:hidden;background:#16202b}#map{display:block;width:100%;height:100%;cursor:grab}#map.dragging{cursor:grabbing}#sidebar{grid-area:side;background:var(--panel);border-left:1px solid var(--line);overflow-y:auto;padding:12px}#bottombar{grid-area:bottom;background:var(--panel);border-top:1px solid var(--line);display:flex;align-items:center;gap:10px;padding:0 12px}.res{display:flex;align-items:center;gap:6px;white-space:nowrap;font-variant-numeric:tabular-nums}.res .res-icon{font-size:15px}.res .res-value{font-weight:700}.res .res-delta{font-size:12px;color:var(--ink-faint)}.res .res-delta.up{color:var(--good)}.res .res-delta.down{color:var(--bad)}.topbar-title{font-weight:700;display:flex;align-items:center;gap:7px}.topbar-spacer{flex:1}.turn-badge{background:var(--panel-3);border-radius:999px;padding:4px 12px;font-variant-numeric:tabular-nums}.research-pill{display:flex;align-items:center;gap:8px;background:var(--panel-2);border:1px solid var(--line);border-radius:999px;padding:4px 12px 4px 10px;white-space:nowrap}.research-pill.empty{border-color:var(--accent);animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 #e8b04b66}50%{box-shadow:0 0 0 6px #e8b04b00}}.mini-bar{width:70px;height:6px;border-radius:3px;background:var(--panel-3);overflow:hidden}.mini-bar>i{display:block;height:100%;background:var(--info)}.card{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);padding:12px;margin-bottom:10px}.card h3{margin:0 0 8px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}.animal-head{display:flex;gap:10px;align-items:flex-start}.animal-emoji{font-size:40px;line-height:1;background:var(--panel-3);border-radius:var(--radius);padding:8px 10px}.animal-name{font-size:17px;font-weight:700}.animal-sub{color:var(--ink-dim);font-size:12.5px;margin-top:2px}.blurb{color:var(--ink-faint);font-size:12px;font-style:italic;margin:8px 0 0;line-height:1.45}.type-chip{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:2px 9px;font-size:11.5px;font-weight:700;color:#1b1712}.bar{margin-top:8px}.bar-label{display:flex;justify-content:space-between;font-size:11.5px;color:var(--ink-dim);margin-bottom:3px}.bar-track{height:8px;border-radius:4px;background:var(--panel-3);overflow:hidden}.bar-fill{height:100%;border-radius:4px;transition:width .25s}.bar-fill.hp{background:var(--good)}.bar-fill.hp.hurt{background:var(--accent)}.bar-fill.hp.low{background:var(--bad)}.bar-fill.xp{background:var(--info)}.bar-fill.bond{background:#d986c4}.bar-fill.food{background:var(--good)}.bar-fill.prod{background:var(--accent)}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px 12px;margin-top:10px}.stat{display:flex;justify-content:space-between;font-size:12.5px}.stat span:first-child{color:var(--ink-faint)}.stat span:last-child{font-weight:600;font-variant-numeric:tabular-nums}.action-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.action-row button{flex:1 1 auto;font-size:12.5px;padding:6px 10px}.note{font-size:12px;color:var(--ink-faint);margin-top:8px;line-height:1.4}.note.warn{color:var(--accent)}.tray{display:flex;gap:6px;overflow-x:auto;flex:1;padding:4px 0}.tray-item{position:relative;min-width:56px;height:62px;border-radius:var(--radius-sm);background:var(--panel-2);border:2px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:0;flex:0 0 auto}.tray-item.selected{border-color:var(--accent);background:var(--panel-3)}.tray-item.done{opacity:.42}.tray-item .ti-emoji{font-size:24px;line-height:1}.tray-item .ti-label{font-size:10px;color:var(--ink-dim)}.tray-item .ti-hp{position:absolute;bottom:3px;left:5px;right:5px;height:3px;border-radius:2px;background:#0005}.tray-item .ti-hp>i{display:block;height:100%;border-radius:2px;background:var(--good)}.tray-item .ti-badge{position:absolute;top:-5px;right:-5px;background:var(--accent);color:#241d10;border-radius:999px;font-size:10px;font-weight:700;padding:1px 5px}.tooltip{position:absolute;pointer-events:none;background:#14110ee8;border:1px solid var(--line);border-radius:var(--radius-sm);padding:8px 10px;font-size:12.5px;line-height:1.5;max-width:250px;z-index:40;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.tooltip b{color:var(--accent)}.tooltip .tt-row{color:var(--ink-dim)}.toast{position:absolute;left:50%;bottom:22px;transform:translate(-50%);background:#14110ef2;border:1px solid var(--bad);color:var(--ink);padding:10px 16px;border-radius:var(--radius);z-index:60;box-shadow:var(--shadow);max-width:80%}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b0908cc;display:grid;place-items:center;z-index:100;padding:20px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);width:min(920px,100%);max-height:88vh;display:flex;flex-direction:column;overflow:hidden}.modal.narrow{width:min(520px,100%)}.modal-head{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line)}.modal-head h2{margin:0;font-size:20px}.modal-head .sub{color:var(--ink-dim);font-size:13px}.modal-body{padding:18px 20px;overflow-y:auto}.modal-foot{padding:12px 20px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px}.close-x{margin-left:auto;background:none;border:none;font-size:20px;padding:2px 8px;color:var(--ink-dim)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media(max-width:780px){.two-col{grid-template-columns:1fr}}.build-list{display:flex;flex-direction:column;gap:6px}.build-item{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:var(--radius-sm);background:var(--panel-2);border:1px solid var(--line);text-align:left;width:100%}.build-item:hover{background:var(--panel-3)}.build-item .bi-emoji{font-size:22px}.build-item .bi-main{flex:1;min-width:0}.build-item .bi-name{font-weight:600}.build-item .bi-desc{font-size:11.5px;color:var(--ink-faint);line-height:1.35}.build-item .bi-cost{font-size:12px;color:var(--ink-dim);white-space:nowrap;font-variant-numeric:tabular-nums}.queue-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--radius-sm);background:var(--panel-3);margin-bottom:6px}.queue-item .qi-name{flex:1;font-weight:600}.queue-item .qi-turns{font-size:12px;color:var(--ink-dim)}.owned-buildings{display:flex;flex-wrap:wrap;gap:6px}.owned-building{display:flex;align-items:center;gap:5px;background:var(--panel-3);border-radius:999px;padding:4px 10px;font-size:12px}.settings-row{padding:12px 0;border-bottom:1px solid var(--line)}.settings-row:last-child{border-bottom:none}.settings-row .sr-head{display:flex;align-items:center;justify-content:space-between;font-weight:600;font-size:14px;margin-bottom:8px}.settings-row .sr-control{display:flex;align-items:center;gap:10px}.settings-row .note{margin-top:6px}.volume-slider{flex:1;-moz-appearance:none;appearance:none;-webkit-appearance:none;height:6px;border-radius:3px;background:var(--line);cursor:pointer}.volume-slider::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent);border:2px solid #241d10;cursor:pointer}.volume-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent);border:2px solid #241d10;cursor:pointer}.volume-off{min-width:52px}.role-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:6px;margin-top:8px}.role-option{text-align:left;padding:8px 10px}.role-option .ro-name{font-weight:600;font-size:13px}.role-option .ro-desc{font-size:11px;color:var(--ink-faint);line-height:1.35;margin-top:2px}.tech-grid{display:grid;gap:12px;grid-auto-flow:column;grid-auto-columns:minmax(180px,1fr);align-items:start}.tech-col{display:flex;flex-direction:column;gap:10px}.tech-col-head{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint);text-align:center}.tech-node{text-align:left;padding:10px;border-radius:var(--radius-sm);background:var(--panel-2);border:1px solid var(--line);width:100%}.tech-node.known{border-color:var(--good);background:#2c382c}.tech-node.current{border-color:var(--accent);background:#3a3223}.tech-node.locked{opacity:.45}.tech-node .tn-name{font-weight:600;display:flex;gap:6px;align-items:center}.tech-node .tn-cost{font-size:11.5px;color:var(--ink-dim);font-variant-numeric:tabular-nums}.tech-node .tn-unlocks{font-size:11px;color:var(--ink-faint);margin-top:5px;line-height:1.4}.battle-card{text-align:center}.battle-row{display:flex;align-items:center;justify-content:space-around;gap:12px}.battle-side{flex:1}.battle-side .bs-emoji{font-size:54px;line-height:1}.battle-side .bs-name{font-weight:700;margin-top:6px}.battle-side .bs-dmg{color:var(--bad);font-weight:700;font-size:18px;margin-top:4px}.battle-side.dead{opacity:.45}.battle-vs{font-size:26px}.battle-verdict{margin:16px 0 4px;font-size:18px;font-weight:700}.battle-verdict.super{color:var(--good)}.battle-verdict.weak{color:var(--bad)}.battle-detail{color:var(--ink-dim);font-size:13px}.log{display:flex;flex-direction:column-reverse;gap:4px;max-height:210px;overflow-y:auto}.log-line{font-size:12px;line-height:1.45;padding:4px 7px;border-radius:6px;background:var(--panel-3);color:var(--ink-dim);border-left:3px solid var(--line);cursor:default}.log-line.good{border-left-color:var(--good)}.log-line.bad{border-left-color:var(--bad)}.log-line.battle{border-left-color:var(--accent)}.log-line .lt{color:var(--ink-faint);font-variant-numeric:tabular-nums;margin-right:5px}.log-line.clickable{cursor:pointer}.log-line.clickable:hover{background:var(--panel-2)}.type-wheel{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.type-row{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px}.type-row .tr-head{display:flex;align-items:center;gap:6px;font-weight:700;margin-bottom:6px}.type-row .tr-line{font-size:11.5px;color:var(--ink-dim);line-height:1.5}.scoreboard{display:flex;flex-direction:column;gap:5px}.score-row{display:flex;align-items:center;gap:8px;font-size:12.5px}.score-row .sr-dot{width:10px;height:10px;border-radius:3px;flex:0 0 auto}.score-row .sr-name{flex:1}.score-row .sr-num{font-variant-numeric:tabular-nums;font-weight:600}.score-row.dead{opacity:.4;text-decoration:line-through}.progress-line{display:flex;align-items:center;gap:8px;font-size:12.5px;margin-bottom:5px}.progress-line .pl-check{width:16px}.progress-line.done{color:var(--good)}.card.todo{border-color:var(--accent-dark);background:#33291c}.card.todo.clear{border-color:#3f5240;background:#26302a}.todo-row{display:flex;align-items:center;gap:9px;width:100%;text-align:left;padding:8px 10px;margin-bottom:5px;border-radius:var(--radius-sm);background:#0003;border:1px solid transparent;font-size:12.5px}.todo-row:hover{background:#0005;border-color:var(--accent-dark)}.todo-row .tr-icon{font-size:15px;width:18px;text-align:center}.todo-row .tr-text{flex:1}.todo-row .tr-go{color:var(--ink-faint);font-size:17px}.todo-row.urgent .tr-text{color:var(--accent);font-weight:600}.todo-row.done{color:var(--good);cursor:default}.todo-row.done:hover{background:#0003;border-color:transparent}.status-pill{margin-left:8px;font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:2px 8px;vertical-align:2px}.status-pill.ready{background:var(--accent);color:#241d10}.status-pill.busy{background:var(--info);color:#10202a}.status-pill.held{background:var(--panel-3);color:var(--ink-dim)}.pip-row{display:flex;align-items:center;gap:8px;margin-top:9px}.pip-row .pip-label{font-size:11.5px;color:var(--ink-faint)}.pips{display:flex;gap:4px}.pip{width:11px;height:11px;border-radius:50%;background:transparent;border:2px solid var(--line)}.pip.full{background:var(--accent);border-color:var(--accent)}.pip.small{width:6px;height:6px;border-width:1px}.build-item.needs-orders{border-color:var(--accent-dark);background:#33291c}.bi-cost.alert{background:var(--accent);color:#241d10;border-radius:999px;width:18px;height:18px;display:grid;place-items:center;font-weight:800}button.shiny{animation:shiny 1.8s ease-in-out infinite}@keyframes shiny{0%,to{box-shadow:0 0 #f2d79a8c}50%{box-shadow:0 0 0 7px #f2d79a00}}.icon-button{padding:6px 9px;font-size:15px;line-height:1}.tray{align-items:center}.tray-label{flex:0 0 auto;writing-mode:vertical-rl;transform:rotate(180deg);font-size:9.5px;font-weight:800;letter-spacing:.14em;padding:0 3px;align-self:stretch;display:flex;align-items:center;justify-content:center}.tray-label.ready{color:var(--accent);border-left:2px solid var(--accent)}.tray-label.resting{color:var(--ink-faint);border-left:2px solid var(--line);margin-left:6px}.tray-item{transition:transform .12s,border-color .12s,opacity .12s}.tray-item.ready{border-color:var(--accent-dark);background:#322a1e;opacity:1}.tray-item.ready:hover{transform:translateY(-3px)}.tray-item.holding{opacity:.72;border-color:var(--line)}.tray-item.holding:hover{opacity:1}.tray-item.done{opacity:.45;filter:saturate(.4)}.tray-item.done:hover{opacity:.8;filter:none}.tray-item.selected{border-color:var(--accent);background:var(--panel-3);opacity:1;filter:none}.tray-item .ti-pips{position:absolute;top:4px;left:0;right:0;display:flex;justify-content:center;gap:3px}.tray-item .ti-emoji{margin-top:6px}.tray-item .ti-badge.shiny{background:var(--accent);animation:shiny 1.8s ease-in-out infinite}.tray-item .ti-badge.work{background:var(--info)}.tray-item .ti-badge.held{background:var(--panel-3);color:var(--ink-dim)}.turn-buttons{display:flex;gap:8px;flex:0 0 auto}.next-button{height:58px;min-width:96px;display:flex;align-items:center;justify-content:center;gap:7px;font-weight:600}.next-button .count{background:var(--accent);color:#241d10;border-radius:999px;padding:1px 8px;font-size:12px;font-weight:800}.end-button{height:58px;min-width:158px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-weight:700;font-size:16px}.end-button .eb-sub{font-size:11px;font-weight:600;opacity:.75}.end-button.pending{background:var(--panel-2);border-color:var(--accent-dark);color:var(--accent)}.end-button.pending:hover{background:var(--panel-3)}.end-button.clear{background:var(--good);border-color:var(--good);color:#14200f;animation:readyPulse 2s ease-in-out infinite}.end-button.clear:hover{background:#94d68f;border-color:#94d68f}@keyframes readyPulse{0%,to{box-shadow:0 0 #7fc47a80}50%{box-shadow:0 0 0 8px #7fc47a00}}.banner{position:absolute;top:26%;left:50%;transform:translate(-50%);text-align:center;pointer-events:none;z-index:45}.banner-title{font-size:40px;font-weight:800;letter-spacing:-.02em;color:var(--ink);text-shadow:0 3px 16px rgba(0,0,0,.85)}.banner-sub{font-size:14px;color:var(--accent);text-shadow:0 2px 10px rgba(0,0,0,.9);margin-top:2px}.banner.show{animation:bannerIn 2.2s ease-out forwards}@keyframes bannerIn{0%{opacity:0;transform:translate(-50%) translateY(14px) scale(.94)}14%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}72%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(-16px) scale(1.02)}}.toast.good{border-color:var(--good)}.toast.info{border-color:var(--info)}.toast.shake{animation:toastIn .42s ease-out}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}35%{opacity:1;transform:translate(-50%) translateY(0)}55%{transform:translate(-50%) translateY(0) rotate(-.7deg)}75%{transform:translate(-50%) translateY(0) rotate(.7deg)}to{transform:translate(-50%) translateY(0) rotate(0)}}.log-line{transition:background .2s}.log-line.fresh{animation:logIn .5s ease-out}@keyframes logIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.modal-backdrop{animation:fadeIn .16s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{animation:modalIn .24s cubic-bezier(.2,.9,.3,1.2)}@keyframes modalIn{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.battle-side .bs-emoji{animation:bounceIn .5s cubic-bezier(.2,.9,.3,1.4)}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1)}}.battle-side.dead .bs-emoji{animation:fallOver .7s ease-in forwards}@keyframes fallOver{0%{transform:rotate(0) translateY(0)}to{transform:rotate(78deg) translateY(10px);opacity:.45}}.battle-side .bs-dmg{animation:dmgPop .5s ease-out .15s backwards}@keyframes dmgPop{0%{opacity:0;transform:translateY(-10px) scale(1.5)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important}}.ghost-button{display:block;width:100%;margin-top:10px;padding:11px;font-size:15px;background:transparent;border:1px dashed var(--line);color:var(--ink-dim);border-radius:var(--radius)}.ghost-button:hover:not(:disabled){background:var(--panel-2);border-color:var(--accent-dark);color:var(--ink)}.coach{position:fixed;left:14px;bottom:14px;width:min(320px,calc(100vw - 28px));max-height:calc(100vh - 28px);overflow-y:auto;background:var(--panel);border:1px solid var(--accent-dark);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px 14px;z-index:120}.coach.celebrating{border-color:var(--good)}.coach.mini{border:none;background:transparent;box-shadow:none;padding:0;width:auto;overflow:visible}.coach-open{background:var(--accent);border-color:var(--accent);color:#241d10;font-weight:600;box-shadow:var(--shadow)}.coach-head{display:flex;align-items:center;gap:8px}.coach-tag{font-size:11px;text-transform:uppercase;letter-spacing:.09em;font-weight:700;color:var(--accent)}.coach-count{font-size:11px;color:var(--ink-faint);margin-left:auto}.coach-x{border:none;background:transparent;color:var(--ink-faint);padding:2px 4px;font-size:13px}.coach-x:hover:not(:disabled){background:transparent;color:var(--ink)}.coach-bar{height:3px;border-radius:2px;background:var(--panel-3);margin:8px 0 10px;overflow:hidden}.coach-bar i{display:block;height:100%;background:var(--accent);transition:width .3s ease-out}.coach-title{margin:0 0 8px;font-size:16px}.coach-lines{margin:0;padding-left:18px;color:var(--ink-dim);line-height:1.5}.coach-lines li{margin-bottom:3px}.coach-done{margin-top:10px;padding:7px 10px;border-radius:var(--radius-sm);background:#26302a;border:1px solid var(--good);color:var(--good);font-weight:700;text-align:center}.coach-foot{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.coach-foot button{flex:1;white-space:nowrap}.coach-quit{flex:0 0 auto;border:none;background:transparent;color:var(--ink-faint);font-size:12px;padding:7px 4px}.coach-quit:hover:not(:disabled){background:transparent;color:var(--bad)}.tut-glow{position:relative;outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm);animation:tutGlow 1.5s ease-in-out infinite}@keyframes tutGlow{0%,to{box-shadow:0 0 #e8b04b80}50%{box-shadow:0 0 0 7px #e8b04b00}}@media(max-width:900px){.coach{width:calc(100vw - 28px);max-height:45vh}}