:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#162335;background:#f2f4f6;font-size:16px;line-height:1.5;--blue:#214e91;--line:#cbd3de}*{box-sizing:border-box}body{margin:0}a{color:var(--blue);text-underline-offset:3px}header{background:#152235;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:19px 4vw;border-bottom:4px solid #edb24a}header a{color:inherit}.wordmark{font-weight:800;font-size:1.125rem;letter-spacing:.055em;text-decoration:none;display:flex;align-items:center;gap:22px}.wordmark span{font-size:.875rem;font-weight:400;letter-spacing:0;color:#b6c5da}nav{display:flex;gap:24px;font-size:.875rem}main{max-width:1530px;padding:26px 4vw 48px;margin:auto}.intro{display:flex;justify-content:space-between;align-items:center;margin:0 0 26px}h1{font-size:1.8rem;line-height:1.2;margin:0 0 8px;font-weight:650;letter-spacing:-.025em}.intro p{margin:0;color:#506075}.format{text-align:right;font: .8125rem ui-monospace,Consolas,monospace;color:#405067}.format span{font: .875rem system-ui}.workbench{display:grid;grid-template-columns:minmax(480px,1.15fr) minmax(330px,.85fr);gap:22px;align-items:start}.editor,.preview{border:1px solid var(--line);background:#fff;min-width:0}.section-top{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:13px 16px;border-bottom:1px solid var(--line);background:#e8edf3}.section-top h2{font-size:.875rem;letter-spacing:.035em;margin:0;font-weight:700}.section-top label{font-size:.875rem}input,select,button{font:inherit}button,select{min-height:38px}button{border:1px solid #a8b5c6;background:#fff;color:#1d324f;padding:7px 11px;cursor:pointer;border-radius:2px;font-size:.875rem;font-weight:550}button:hover{background:#e7edf5}button:disabled{opacity:.5;cursor:default}.primary{background:var(--blue);color:#fff;border-color:var(--blue)}.primary:hover{background:#163e7a}input,select{color:#18263a;border:1px solid #b6c1cf;padding:6px;background:#fff;border-radius:2px;font-size:.875rem}input:focus,select:focus,button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #c68c23;outline-offset:2px}.sheet-controls{display:flex;gap:9px;align-items:center;flex-wrap:wrap;padding:14px 16px}.sheet-controls label{font-size:.875rem;white-space:nowrap;margin-right:auto}#duration{width:68px}.table-wrap{overflow-x:auto;max-height:475px;overflow-y:auto}table{width:100%;border-collapse:collapse;font-size:.875rem}th{background:#f4f6f8;color:#4b5b72;font-weight:500;text-align:left;padding:8px;position:sticky;top:0;z-index:1;border-block:1px solid var(--line)}td{padding:6px 5px;border-bottom:1px solid #e1e6ed}th:first-child,td:first-child{padding-left:16px}th:last-child,td:last-child{padding-right:16px}td input{width:100%;min-width:52px;height:34px}td input[data-field=enemy]{min-width:105px}td input[data-field=time]{min-width:60px}.remove{min-height:30px;padding:3px 8px;border:0;color:#657087;font-size:1rem}#status{font-size:.875rem;padding:12px 16px;background:#edf3f9;color:#21496f;border-bottom:1px solid var(--line);white-space:pre-line}#status.error{background:#fff0ec;color:#8a3021}.help{font-size:.875rem;line-height:1.55;color:#536379;margin:13px 16px}details{border-top:1px solid var(--line);padding:12px 16px;font-size:.875rem}summary{cursor:pointer;color:#284b7d}pre{font-size:.8125rem;max-height:220px;overflow:auto;color:#26374b;background:#f5f7f9;padding:12px}canvas{display:block;width:100%;height:auto;background:#152235}.transport{display:flex;gap:9px;align-items:center;padding:13px 16px}.seek{display:flex;flex:1;min-width:70px;align-items:center;gap:8px;font-size:.875rem}.seek input{width:100%;min-width:50px;padding:0;accent-color:var(--blue)}.preview-meta{display:flex;justify-content:space-between;gap:12px;margin:0 16px;font-size:.8125rem;color:#536379}#clock{font:.875rem ui-monospace,Consolas,monospace}.legend{display:flex;gap:16px;flex-wrap:wrap;padding:0 16px 16px;font-size:.875rem}.legend span{display:flex;gap:7px;align-items:center}.legend i{width:10px;height:10px;background:var(--color);display:inline-block}.integration{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;border-top:2px solid #1e314c;margin-top:34px;padding-top:20px;font-size:1rem}.integration h2,.integration h3{font-size:1.1rem;margin:0 0 12px}.integration p{margin:0 0 12px;max-width:650px}.integration code{font-size:.875rem;background:#dfe7ef;padding:2px 4px}footer{border-top:1px solid var(--line);padding:18px 4vw;display:flex;justify-content:space-between;gap:12px;font-size:.8125rem;color:#546579}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}@media(max-width:1050px){.workbench{grid-template-columns:1fr}.table-wrap{max-height:360px}canvas{max-height:400px;object-fit:contain}.preview{max-width:none}}@media(max-width:650px){header{align-items:start;gap:16px;flex-wrap:wrap}.wordmark{gap:12px}nav{gap:20px}main{padding:22px 14px 36px}.intro{display:block}h1{font-size:1.5rem}.format{text-align:left;margin-top:12px}.section-top{flex-wrap:wrap}.integration{grid-template-columns:1fr;gap:20px}.transport{flex-wrap:wrap}.seek{flex-basis:100%}.preview-meta{flex-wrap:wrap}footer{flex-direction:column}.sheet-controls{gap:7px}.sheet-controls label{flex-basis:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}