:root{color-scheme:dark;--bg:#141817;--surface:#1c211f;--line:#343c36;--muted:#a4aea5;--text:#f0f3ed;--lime:#c5ed98;--amber:#efc185;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;--sans:Inter,Arial,Helvetica,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 var(--sans)}button,input,textarea{font:inherit}button,a,input,summary{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--lime);outline-offset:4px}input:focus,textarea:focus{outline:none;box-shadow:0 0 0 2px var(--lime)}[hidden]{display:none!important}.topbar{height:88px;border-bottom:1px solid #303630;max-width:1360px;margin:auto;padding:0 48px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center;color:var(--text);text-decoration:none;font-size:20px;letter-spacing:.04em}.brand strong{font-weight:700}.brand strong>span:first-child{font-weight:300;color:#57614f;margin:0 12px}.brand-label{font-size:11px;letter-spacing:.14em;color:#b3bcae}.brand-mark{display:grid;place-items:center;width:37px;height:42px}.brand-mark svg{width:32px;fill:none;stroke:var(--lime);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.plain{background:none;border:0;color:var(--muted);font-size:12px;padding:7px 0}.plain:hover{color:var(--text)}.help-trigger{display:flex;gap:8px;align-items:center}.help-trigger span{font-size:17px}main{max-width:1360px;margin:auto;padding:45px 48px 20px}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:34px}.eyebrow{font-size:10px;letter-spacing:.2em;color:#99a38f;font-weight:600}h1{font-size:49px;font-weight:550;line-height:1.15;letter-spacing:-1.8px;margin:11px 0}.accent{color:var(--lime)}.intro p{color:var(--muted);font-size:14px;margin:12px 0 0}.no-timer{border:1px solid #3c4935;border-radius:30px;color:#c2d7b5;display:flex;align-items:center;gap:8px;padding:8px 13px;font-size:11px;margin-top:20px}.status-dot{height:6px;width:6px;border-radius:100%;background:var(--lime)}.workspace{display:grid;grid-template-columns:304px minmax(0,1fr);gap:22px;align-items:start}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}.settings{padding:24px 22px;grid-row:span 2;align-self:stretch}.panel-title{display:flex;gap:10px;align-items:center}.step{color:#8e9b83;font:10px var(--mono);border:1px solid #414b3b;border-radius:5px;min-width:25px;height:25px;display:grid;place-items:center}h2{font-size:16px;font-weight:550;letter-spacing:-.25px;margin:0}.settings .panel-title{margin-bottom:30px}label{display:block;font-size:12px;font-weight:550;margin-bottom:9px}.duration-input{display:flex;align-items:center;position:relative}.duration-input input{width:100%;min-width:0;height:54px;background:#141816;border:1px solid #414a3e;border-radius:7px;color:var(--text);font:25px var(--mono);padding:12px 95px 12px 13px;transition:border-color .15s}.duration-input>span{color:#919d8d;font-size:10px;position:absolute;right:13px;pointer-events:none}.field-hint{color:#99a392;font-size:11px;line-height:1.8;margin:9px 0 0}.field-error{color:#f4aa9a;font-size:11px;margin:7px 0}.duration-input input[aria-invalid=true],.enemy-time[aria-invalid=true]{border-color:#e6a091}.divider{height:1px;background:var(--line);margin:27px 0}.buffer-row{display:flex;gap:12px}.buffer-row .duration-input{width:104px;flex-shrink:0}.buffer-row input{padding-right:37px;font-size:23px}.presets{display:flex;flex:1;align-items:center;gap:4px}.presets button{background:#252c26;border:1px solid #414b3c;border-radius:6px;padding:7px 9px;font:11px var(--mono);color:#b4beac}.presets button:hover{border-color:var(--lime)}.presets button.active{background:#c5ed981a;border-color:#96b774;color:var(--lime)}.setting-note{display:flex;gap:10px;margin-top:31px;padding:13px 0;color:#aab6a1;font-size:11px;line-height:1.7}.setting-note svg{width:23px;height:23px;flex-shrink:0;stroke:#9aac8d;fill:none;stroke-width:1.5}.reset{margin-top:12px;font-size:11px;text-decoration:underline;text-underline-offset:4px}.rallies-header{padding:24px 24px 0;display:flex;justify-content:space-between;align-items:center;gap:8px}.count{font:10px var(--mono);padding:3px 6px;background:#30382e;border-radius:4px;color:#b4c2aa;margin-left:7px;vertical-align:middle}.button{border:1px solid #4c5b41;background:#293322;padding:9px 13px;border-radius:7px;color:var(--lime);font-size:11px;font-weight:600;display:inline-flex;gap:6px;align-items:center}.button:hover{background:#35432c}.add span{font-size:19px;line-height:12px;font-weight:400}.section-hint{padding:0 24px;font-size:11px;color:#99a491;margin:15px 0 23px}.table-head,.rally-row{display:grid;grid-template-columns:minmax(120px,1fr) 125px minmax(170px,1.2fr) 24px;align-items:center;gap:15px}.table-head{font-size:9px;letter-spacing:.1em;color:#96a38f;padding:0 24px 11px}.rally-row{padding:16px 24px;border-top:1px solid #333c30;position:relative}.rally-row.selected{background:#c5ed9805}.rally-row.selected:before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--lime)}.rally-name-wrap{display:flex;gap:9px;align-items:center;min-width:0}.select-rally{border:1px solid #59664d;width:16px;height:16px;border-radius:50%;background:none;flex-shrink:0;padding:0;display:grid;place-items:center}.selected .select-rally:after{content:'';width:8px;height:8px;background:var(--lime);border-radius:50%}.rally-name{background:transparent;border:1px solid transparent;border-radius:4px;color:var(--text);width:100%;min-width:0;padding:7px 4px;font-size:12px}.rally-name:hover{border-color:#4a5541}.enemy-wrap{position:relative}.enemy-time{background:#151a16;border:1px solid #414d3b;border-radius:6px;color:var(--text);padding:9px 30px 9px 10px;font:15px var(--mono);width:100%;min-width:0}.enemy-wrap>span{font-size:9px;color:#97a48d;position:absolute;right:8px;top:14px;pointer-events:none}.rally-error{font-size:10px;line-height:1.4;color:#f4aa9a;margin:5px 0 0}.row-result{background:none;border:none;padding:0;text-align:left;min-height:43px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px}.row-result strong{font:21px var(--mono);letter-spacing:-.5px;color:var(--lime)}.row-result span{font-size:10px;color:#aebda2}.row-result.after strong{color:var(--amber)}.row-result.after span{color:#cbb69c}.row-result.empty span{color:#9ca792}.icon-button{background:transparent;border:0;font-size:22px;color:#84917b;padding:2px;line-height:1;width:24px;height:28px}.icon-button:hover{color:#f3aa96}.rallies-footer{border-top:1px solid #333c30;padding:14px 24px;display:flex;align-items:center;gap:18px;font-size:9px;color:#a4b398;flex-wrap:wrap}.rallies-footer>span{display:flex;align-items:center;gap:5px}.legend-dot{display:inline-block;width:5px;height:5px;background:var(--lime);border-radius:50%}.legend-dot.amber{background:var(--amber)}.rallies-footer button{margin-left:auto;font-size:10px}.rallies-footer button span{margin-left:5px;color:#ced9c4}.detail{grid-column:2}.detail-heading{padding:22px 24px 0;display:flex;justify-content:space-between;align-items:center;gap:10px}.selected-name{color:#b1bfa5;background:#2c3527;border-radius:4px;padding:4px 9px;max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.detail-grid{display:grid;grid-template-columns:1fr 1.05fr;padding:26px 24px;gap:29px;align-items:center}.instruction-label{font-size:9px;letter-spacing:.13em;color:#adbea0;font-weight:600}.big-time{font:56px/1.2 var(--mono);letter-spacing:-2px;color:var(--lime);margin:6px 0}.detail-grid.after .big-time{color:var(--amber)}.instruction-copy{font-size:12px;color:#e5ecdf;margin:8px 0 0;max-width:270px}.arrival-chip{display:inline-flex;align-items:center;gap:5px;border:1px solid #4c5a42;color:#c6d9b6;border-radius:5px;font-size:9px;padding:5px 8px;margin-top:17px}.arrival-chip svg{height:12px;width:12px;stroke:currentColor;stroke-width:1.8;fill:none}.march-hint{font-size:10px;color:#bdcbb1;margin:11px 0 0}.timeline{border-left:1px solid var(--line);padding-left:25px;min-width:0}.timeline h3{font-size:10px;font-weight:500;color:#aebda2;margin:0 0 19px;letter-spacing:.03em}.track-label{display:flex;justify-content:space-between;font-size:9px;color:#adbda1;gap:7px;margin-bottom:7px}.track-label strong{font:10px var(--mono);color:#dbe5d3}.track{height:9px;background:#343d2e;border-radius:4px;position:relative}.bar{height:9px;position:absolute;border-radius:4px;min-width:2px}.bar.enemy{background:#8c9c7d}.bar.yours{background:var(--lime)}.track-label.yours{margin-top:22px}.timeline-key{display:flex;align-items:center;gap:5px;font-size:9px;color:#a6b79a;margin:17px 0 0;line-height:1.6}.timeline-key svg{width:13px;height:13px;flex-shrink:0;stroke:var(--lime);fill:none;stroke-width:1.6}.detail-bottom{padding:12px 24px;border-top:1px solid #333c30;display:flex;align-items:center;justify-content:space-between;gap:10px}.calculation{font:10px var(--mono);color:#9eae92}.detail-bottom button{font-size:10px}.empty-detail{padding:35px 24px;color:var(--muted);font-size:12px}.explanation{margin-top:27px}details{border:1px solid var(--line);border-radius:9px;background:#191e1a}summary{display:flex;justify-content:space-between;align-items:center;padding:15px 19px;cursor:pointer;font-size:12px;color:#c5d1bb;list-style:none}summary::-webkit-details-marker{display:none}summary span{font-size:19px;color:#a9bb9b}details[open] summary span{transform:rotate(45deg)}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;padding:3px 22px 21px}.help-grid h3{font-size:12px;color:#dfe8d6;font-weight:500}.help-grid p{color:#a6b19d;font-size:11px;line-height:1.8;margin:10px 0}.help-grid strong{font-weight:500;color:#d2dfc5}.formula{font:11px/1.8 var(--mono);color:var(--lime);background:#232e1e;padding:10px;border-radius:5px}footer{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:26px;padding:4px 0 10px;color:#9aa58f;font-size:9px}footer>span{letter-spacing:.1em;white-space:nowrap}footer b{padding:0 6px}footer p{text-align:right;margin:0;max-width:430px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:12px 20px;background:var(--lime);color:#1d2915;border-radius:8px;font-size:12px;box-shadow:0 5px 30px #0006;z-index:10}dialog{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:12px;width:min(90vw,520px);padding:22px}dialog::backdrop{background:#0009}.dialog-head{display:flex;justify-content:space-between;align-items:center}dialog p{color:var(--muted);font-size:12px}dialog textarea{width:100%;height:210px;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:12px;resize:vertical;font-size:12px;line-height:1.8}
@media(min-width:1500px){main{padding-top:55px}.intro{margin-bottom:42px}}
@media(max-width:1120px){.topbar{padding:0 28px}main{padding:32px 28px 20px}.workspace{grid-template-columns:265px minmax(0,1fr);gap:17px}.settings{padding:23px 17px}.buffer-row{gap:7px}.buffer-row .duration-input{width:88px}.presets{gap:3px}.presets button{padding:7px}.rallies-header,.rally-row{padding-left:18px;padding-right:18px}.table-head{padding-left:18px;padding-right:18px}.section-hint{padding:0 18px}.table-head,.rally-row{grid-template-columns:minmax(90px,1fr) 100px minmax(110px,1fr) 20px;gap:11px}.rallies-footer{gap:12px;padding:12px 18px}.detail-grid{gap:16px}.detail-heading{padding:20px 20px 0}.detail-grid{padding:23px 20px}.timeline{padding-left:17px}.big-time{font-size:46px}.rally-name-wrap{gap:6px}}
@media(max-width:850px){.workspace{grid-template-columns:1fr}.settings{grid-row:auto;display:grid;grid-template-columns:1fr 1fr;gap:0 30px;padding:22px}.settings .panel-title{grid-column:1/-1;margin-bottom:22px}.settings>label:first-of-type{grid-column:1;grid-row:2}.settings>.duration-input{grid-column:1;grid-row:3}.settings>#own-hint{grid-column:1;grid-row:4}.settings>#own-error{grid-column:1;grid-row:5}.settings>.divider{display:none}.settings>label:nth-of-type(2){grid-column:2;grid-row:2}.buffer-row{grid-column:2;grid-row:3}.settings>#buffer-hint{grid-column:2;grid-row:4}.settings>#buffer-error{grid-column:2;grid-row:5}.setting-note{grid-column:1;grid-row:6;margin:17px 0 0;padding:0;align-items:center}.reset{grid-column:2;grid-row:6;text-align:right;justify-self:end}.detail{grid-column:1}.table-head,.rally-row{grid-template-columns:1fr 130px 1fr 24px;gap:20px}.rallies-header,.rally-row{padding-left:24px;padding-right:24px}.table-head{padding-left:24px;padding-right:24px}.section-hint{padding:0 24px}.rallies-footer{padding:13px 24px}.detail-grid{grid-template-columns:1fr 1fr;gap:30px;padding:24px}.big-time{font-size:58px}.timeline{padding-left:30px}.detail-heading{padding:24px 24px 0}h1{font-size:44px}footer{align-items:flex-start;flex-direction:column;gap:10px}footer p{text-align:left;max-width:none}}
@media(max-width:540px){.topbar{height:68px;padding:0 18px}.brand{font-size:17px;gap:7px}.brand strong>span:first-child{margin:0 5px}.brand-label{font-size:8px;letter-spacing:.09em}.brand-mark{width:29px}.brand-mark svg{width:27px}.help-trigger{font-size:10px;gap:5px}.help-trigger span{font-size:14px}main{padding:30px 16px 18px}.intro{display:block;margin-bottom:25px}.eyebrow{font-size:8px;letter-spacing:.17em}h1{font-size:39px;margin:10px 0}.intro p{font-size:12px;max-width:295px;line-height:1.7;margin-top:8px}.no-timer{display:inline-flex;font-size:9px;padding:5px 9px;margin-top:15px}.workspace{gap:16px}.settings{padding:19px;display:block}.settings .panel-title{margin-bottom:22px}.duration-input input{font-size:25px}.settings label{font-size:12px}.settings>.divider{display:block;margin:21px 0}.buffer-row{gap:13px}.buffer-row .duration-input{width:110px}.presets{gap:7px}.presets button{padding:9px 14px}.setting-note{margin-top:22px;font-size:10px}.reset{display:block;margin-top:15px;text-align:left;font-size:10px}.field-hint{font-size:10px}.rallies-header{padding:20px 18px 0}h2{font-size:14px}.button{font-size:10px;padding:8px 10px}.section-hint{padding:0 18px;font-size:10px;margin:14px 0 18px}.table-head{display:none}.rally-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 22px;gap:12px;padding:15px 18px}.rally-name-wrap{grid-column:1/3;grid-row:1}.rally-name{font-size:13px;padding:4px}.select-rally{width:15px;height:15px}.rally-row>.icon-button{grid-column:3;grid-row:1}.enemy-wrap{grid-column:1;grid-row:2;padding-top:18px}.enemy-wrap:before{content:'ENEMY MARCH';position:absolute;left:0;top:0;font-size:8px;letter-spacing:.08em;color:#97a58d}.enemy-wrap>span{top:31px}.enemy-time{padding:10px;font-size:17px}.row-result{grid-column:2/4;grid-row:2;padding-left:6px;padding-top:1px}.row-result strong{font-size:25px}.row-result span{font-size:10px}.rallies-footer{padding:12px 18px;gap:12px;font-size:8px}.rallies-footer button{font-size:9px}.detail-heading{padding:20px 18px 0;align-items:center}.selected-name{font-size:9px;max-width:30%}.detail-grid{grid-template-columns:1fr;gap:23px;padding:22px 18px}.big-time{font-size:61px}.instruction-copy{max-width:none;font-size:13px}.instruction-label{font-size:9px}.arrival-chip{font-size:10px;padding:5px 8px;margin-top:14px}.timeline{border-left:0;border-top:1px solid var(--line);padding:19px 0 0}.timeline h3{margin-bottom:18px}.track-label{font-size:10px}.timeline-key{font-size:10px}.track-label.yours{margin-top:17px}.detail-bottom{padding:11px 18px;align-items:flex-start}.calculation{font-size:9px;line-height:2}.detail-bottom button{font-size:10px;white-space:nowrap}.help-grid{grid-template-columns:1fr;gap:9px;padding:0 18px 18px}.explanation{margin-top:20px}summary{font-size:11px;padding:13px 17px}footer{font-size:8px;margin-top:23px;gap:9px}footer p{font-size:9px;line-height:1.7}.toast{width:max-content;max-width:90vw;text-align:center}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}