:root{color-scheme:light;--paper:#f2eadc;--ink:#29332e;--coral:#9c3528;--indigo:#343f78}*{box-sizing:border-box}body{margin:0;background:#e3d9c6;color:var(--ink);font:16px/1.5 system-ui,sans-serif}main{max-width:1120px;margin:auto;padding:28px 24px}header{border-bottom:1px solid #a99d87;padding-bottom:15px}.eyebrow{font-size:10px;letter-spacing:.17em;color:#74694f}h1{font:48px/1.1 Georgia;margin:11px 0}header p{margin:0;color:#6c6454}.guide{background:#fff9ed;border-left:4px solid var(--coral);padding:14px 18px;margin:20px 0}.guide b{display:block;margin-bottom:4px}.layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr);gap:24px}.scorebar{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.05em}.scorebar strong{display:block;font:32px Georgia}.coral{color:var(--coral)}.indigo{color:var(--indigo)}#turn{color:#71694f;text-align:center}.direction{font-size:10px;letter-spacing:.1em;text-align:center;padding:8px}.lane{display:grid;grid-template-columns:48px 1fr 48px;gap:6px;align-items:center;min-height:70px;border-bottom:1px solid #b6a88d;background:#eee5d4;padding:5px 8px}.lane:first-child,.lane:last-child{background:#d6c7aa}.lane.target{background:#d4e1bb;box-shadow:inset 0 0 0 3px #627b38}.lane.origin{box-shadow:inset 4px 0 var(--coral)}.laneLabel{font:20px Georgia}.points{font-size:10px;text-align:right;color:#625b4b}.pieces{display:flex;gap:8px;min-width:0;justify-content:center}.runner{display:flex;align-items:center;justify-content:center;gap:3px;min-width:80px;min-height:52px;padding:3px 9px;font-weight:700;background:#f8f0e3;border:1px solid #b9aa91;border-radius:10px;color:var(--ink)}.runner.p1{color:var(--coral)}.runner.p2{color:var(--indigo);background:#e4e1df}.runner.available{border:2px solid var(--coral);cursor:pointer}.runner.selected{background:#ffdab8;box-shadow:0 0 0 2px #fff}.sprite{display:inline-block;width:39px;height:46px;background-image:url('travelers.webp');background-size:200% 200%;background-position:0 0}.p2 .sprite{background-position:100% 0}.runner b{font-size:18px}.empty{font-size:12px;color:#81765f;padding:14px}button,select{font:inherit;min-height:44px;border-radius:7px;border:1px solid #8d8069;background:#fbf5ea;color:var(--ink);padding:9px 12px}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}button:focus-visible,select:focus-visible{outline:3px solid #3d665c;outline-offset:3px}.actionpanel,.settings,details{background:#f7efe1;padding:18px;border:1px solid #b6a98f;border-radius:9px;margin-bottom:15px}h2{font:24px Georgia;margin:0 0 10px}#status{margin:6px 0;font-size:14px}#preview{font-weight:600;min-height:52px;margin:12px 0;color:var(--coral)}.primary{width:100%;background:#923b2d;color:#fff9e9;border:0;font-weight:700}.actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.actions button{flex:1;font-size:13px}label{display:block;font-size:12px;color:#6c634e;margin:12px 0 5px}select{width:100%}.small{font-size:12px;color:#756d5d}summary{cursor:pointer;font-weight:600}details p,#log{font-size:14px}footer{padding:20px 0;font-size:12px;color:#71654c}a{color:#455b4b}.finished{background:#dbe5c8!important}@media(max-width:760px){main{padding:20px 14px 90px}h1{font-size:36px}.guide{font-size:14px;padding:12px}.layout{display:flex;flex-direction:column}.lane{min-height:61px;grid-template-columns:32px 1fr 36px;padding:4px}.runner{min-width:80px;min-height:48px}.sprite{width:34px;height:40px}.points{font-size:9px}.actionpanel{margin-top:5px}.primary{position:fixed;bottom:12px;left:14px;width:calc(100% - 28px);z-index:9;box-shadow:0 4px 20px #0005;opacity:1}button.primary:disabled{background:#746752;color:#fff;opacity:1}.direction{font-size:9px}}
.runner:disabled{opacity:1}.runner.p2:disabled{color:var(--indigo)}