:root{color-scheme:dark;--ink: #efe7d6;--muted: #a09480;--ember: #e0913c;--ember-hot: #ffb25c;--lime: #9fc08a;--cold: #86a8b4;--deep: #0b0d0c;--panel: rgba(14, 16, 15, .93);--scrim: rgba(9, 11, 10, .86);--line: rgba(224, 145, 60, .24);--bad: #e0653f;--good: #a8c98d;font-family:Space Grotesk,system-ui,-apple-system,sans-serif;font-synthesis:none}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--deep)}body{color:var(--ink)}button,input{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible,input:focus-visible{outline:2px solid var(--ember-hot);outline-offset:3px}#app,#stage{position:fixed;inset:0;width:100%;height:100%}#stage{display:block;touch-action:none}#weather-veil{position:fixed;inset:0;pointer-events:none;z-index:1;opacity:0;background:radial-gradient(ellipse at 50% 20%,#788c964d,#2830369e 70%,#141a1ecc)}#grain{position:fixed;inset:0;pointer-events:none;opacity:.05;z-index:2;background-image:repeating-linear-gradient(0deg,transparent 0,transparent 3px,rgba(255,232,200,.16) 4px)}#hud{position:fixed;z-index:8;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 26px;pointer-events:none}.mark,.hud-actions{pointer-events:auto}.mark{display:flex;align-items:center;gap:10px;letter-spacing:.18em;font-size:12px;font-weight:700}.mark i{display:block;width:19px;height:19px;border-radius:2px;transform:rotate(45deg);background:linear-gradient(140deg,#ffd9a0,#b8621c);box-shadow:0 0 12px #e0913c6b}.mark span{display:grid;gap:3px}.mark small{color:var(--muted);font:10px DM Mono,ui-monospace,monospace;letter-spacing:.1em}.hud-actions{display:flex;gap:7px}.hud-actions button{border:1px solid var(--line);background:#0c0e0dc2;padding:9px 11px;font:10px DM Mono,ui-monospace,monospace;letter-spacing:.08em;min-height:34px;transition:background .16s,border-color .16s,color .16s}.hud-actions button:hover{background:#e0913c33;border-color:var(--ember)}.hud-actions button[aria-pressed=false]{color:var(--muted)}#readout{position:fixed;z-index:7;left:26px;top:74px;width:268px;padding:14px 15px 12px;background:var(--scrim);border:1px solid var(--line);pointer-events:none}.line{display:flex;justify-content:space-between;gap:8px;margin:0 0 10px}.line b{font:10px DM Mono,ui-monospace,monospace;letter-spacing:.1em;font-weight:400;color:var(--ink)}.line.top b:first-child{color:var(--ember-hot)}#quota-word{color:var(--good)!important}#quota-word.behind{color:var(--bad)!important}#weather-word{color:var(--cold)!important}.gauges{display:grid;gap:7px}.gauge{display:grid;grid-template-columns:44px 1fr 46px;align-items:center;gap:8px}.gauge>span{font:8px DM Mono,ui-monospace,monospace;letter-spacing:.12em;color:var(--muted)}.gauge>em{font:9px DM Mono,ui-monospace,monospace;font-style:normal;text-align:right;color:var(--ink)}.bar{height:6px;background:#ffffff17;border:1px solid rgba(255,255,255,.08)}.bar i{display:block;height:100%;width:0;background:var(--ember);transition:width .14s linear}#haul-fill{background:var(--good)}#stam-fill{background:var(--cold)}#rope-fill{background:var(--lime)}.bar i.low{background:var(--bad)}.line.ground{margin:11px 0 0;padding-top:9px;border-top:1px solid rgba(255,255,255,.1)}#ground-word{color:var(--ember-hot)!important}#pull-word.hard{color:var(--bad)!important}#pull-word.easy{color:var(--good)!important}#tension{margin-top:11px}.mark-track{position:relative;height:10px;background:#ffffff12;border:1px solid rgba(255,255,255,.1);overflow:hidden}.mark-track i{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(90deg,#8a5a22,var(--ember-hot))}.mark-track u{position:absolute;top:-2px;bottom:-2px;width:2px;background:var(--bad);left:60%}#pull-words{display:block;margin-top:6px;font:9px DM Mono,ui-monospace,monospace;letter-spacing:.09em;color:var(--muted)}#pull-words.bad{color:var(--bad)}#pull-words.good{color:var(--good)}#flash{position:fixed;z-index:9;left:50%;top:12%;transform:translate(-50%);margin:0;width:max-content;max-width:calc(100vw - 40px);text-align:center;color:var(--ink);font:11px DM Mono,ui-monospace,monospace;letter-spacing:.12em;text-shadow:0 2px 14px rgba(0,0,0,.9);opacity:0;transition:opacity .28s linear;pointer-events:none}#flash.show{opacity:1}#rhythm{position:fixed;z-index:7;left:50%;bottom:26px;transform:translate(-50%);width:min(430px,calc(100vw - 40px));pointer-events:none}.cycle{position:relative;display:flex;height:16px;border:1px solid var(--line);background:var(--scrim)}.zone{display:block;height:100%}.zone.call{width:15%;background:#e0913c80}.zone.heave{width:45%;background:#9fc08a47}.zone.danger{width:16%;background:#e0653f5c}.zone.rest{width:24%;background:#86a8b429}#playhead{position:absolute;top:-3px;bottom:-3px;width:3px;left:0;background:var(--ink);box-shadow:0 0 8px #ffffffb3}.beat{display:flex;margin-top:5px;font:8px DM Mono,ui-monospace,monospace;letter-spacing:.1em;color:var(--muted)}.beat span{flex:0 0 auto}.beat span:nth-child(1){width:15%}.beat span:nth-child(2){width:45%}.beat span:nth-child(3){width:16%}.beat span:last-child{flex:1;text-align:right}#load-panel,#road-panel{position:fixed;z-index:8;left:50%;bottom:26px;transform:translate(-50%);width:min(620px,calc(100vw - 32px));padding:14px 18px 13px;background:var(--panel);border:1px solid var(--line);box-shadow:0 20px 70px #0000008c}#load-panel h2,#road-panel h2{margin:5px 0 11px;font-size:21px;line-height:1.05;letter-spacing:-.03em}.eyebrow{margin:0;color:var(--ember);font:10px DM Mono,ui-monospace,monospace;letter-spacing:.18em}.pickers{display:grid;grid-template-columns:.85fr 1.15fr;gap:10px;margin-bottom:11px}.picker{display:grid;gap:5px;padding:9px 10px;border:1px solid rgba(255,255,255,.11);background:#ffffff08}.picker-label{font:8px DM Mono,ui-monospace,monospace;letter-spacing:.13em;color:var(--muted)}.picker .row{display:flex;align-items:center;justify-content:space-between;gap:8px}.picker .row b{font:15px DM Mono,ui-monospace,monospace;text-align:center}.picker .row button{width:40px;height:40px;flex:0 0 auto;border:1px solid var(--line);background:#e0913c24;font-size:17px;line-height:1}.picker .row button:hover{background:#e0913c4d;border-color:var(--ember)}.picker .row b#line-name{font-size:11px;letter-spacing:.06em}.picker em{font:9px DM Mono,ui-monospace,monospace;font-style:normal;color:var(--muted);line-height:1.35}.primary,.secondary{min-width:200px;border:1px solid var(--ember);padding:13px 18px;background:#e0913ceb;color:#1a0f04;font:11px DM Mono,ui-monospace,monospace;letter-spacing:.1em;min-height:46px}.primary:hover{background:var(--ember-hot)}.secondary{background:transparent;border-color:var(--line);color:var(--muted)}.secondary:hover{color:var(--ink);border-color:var(--ember)}.fineprint{margin:9px 0 0;font:9px DM Mono,ui-monospace,monospace;line-height:1.5;color:var(--muted)}#road-actions{display:flex;flex-wrap:wrap;gap:10px}#road-copy{margin:0 0 14px;font-size:13px;line-height:1.5;color:var(--muted)}#touch-bar{position:fixed;z-index:9;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));display:none;grid-template-columns:1fr 1.5fr 1fr;gap:8px;pointer-events:none}.touch-key,.touch-track{pointer-events:auto;border:1px solid var(--line);background:#0e100fd6;color:var(--ink);padding:12px 4px;display:grid;gap:4px;justify-items:center;min-height:58px}.touch-key span,.touch-track{font:11px DM Mono,ui-monospace,monospace;letter-spacing:.1em}.touch-key small,.touch-track small{color:var(--muted);font:8px DM Mono,ui-monospace,monospace;letter-spacing:.08em}.touch-key.pull{border-color:#e0913c80}.touch-key.on,.touch-track:active{background:#e0913c4d;border-color:var(--ember)}.touch-track{grid-column:1 / -1;min-height:44px;color:var(--cold)}.screen{position:fixed;z-index:10;inset:0;display:flex;align-items:center;justify-content:center;padding:28px;background:#070908db}.title-screen{justify-content:space-between;align-items:flex-end;background:linear-gradient(90deg,#070908f7,#070908e6 40%,#0709089e 68%,#0709084d)}.title-copy{width:min(660px,100%);padding:24px 30px 26px;background:#050706;border:1px solid var(--line);border-left:3px solid var(--ember)}.title-copy h1{text-shadow:0 4px 40px rgba(7,9,8,.95)}.title-copy h1{display:inline-block;color:#fdf7ea;margin:12px 0 14px;padding:4px 12px 14px;font-size:clamp(52px,9vw,104px);line-height:.98;letter-spacing:-.07em;font-weight:700}.title-copy h1 span{color:#ffc978}.title-copy p{max-width:500px;color:#cdbda2;font-size:clamp(13px,1.3vw,15.5px);line-height:1.55}.title-controls{display:flex;flex-wrap:wrap;gap:8px 16px;margin:21px 0;color:var(--muted);font:10px DM Mono,ui-monospace,monospace}kbd{display:inline-block;border:1px solid rgba(224,145,60,.34);padding:2px 5px;color:var(--ink);font:9px DM Mono,ui-monospace,monospace}.title-copy>small{display:block;margin-top:13px;color:#87765f;font:10px DM Mono,ui-monospace,monospace}.board-card{width:min(300px,100%);margin-bottom:12px;padding:16px;border:1px solid var(--line);background:#0b0d0cdb}.board-card>span{color:var(--muted);font:10px DM Mono,ui-monospace,monospace;letter-spacing:.12em}#board-list{margin-top:12px}#board-list>div{display:flex;align-items:center;gap:8px;padding:7px 0;border-top:1px solid rgba(224,145,60,.12)}#board-list i{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:var(--bad)}#board-list i.fair{background:var(--ember);box-shadow:0 0 7px #e0913c8c}#board-list b{color:var(--ink);font:11px DM Mono,ui-monospace,monospace;font-weight:400}#board-list span{color:var(--muted);font:9px DM Mono,ui-monospace,monospace}#board-list p{color:var(--muted);font:11px DM Mono,ui-monospace,monospace;line-height:1.4;margin:0}.modal{background:#060807cc}.modal-card{width:min(470px,100%);padding:28px;border:1px solid var(--line);background:var(--panel);box-shadow:0 24px 90px #0000008c}.modal-card h2{margin:12px 0 10px;font-size:31px;line-height:1;letter-spacing:-.04em}.modal-card p{color:var(--muted);font-size:13px;line-height:1.55;margin:0 0 12px}.toggle{display:flex;align-items:center;gap:9px;margin:18px 0;color:var(--muted);font:11px DM Mono,ui-monospace,monospace}.toggle input{accent-color:var(--ember)}.help-card{width:min(600px,100%)}.help-card dl{display:grid;grid-template-columns:122px 1fr;gap:9px 14px;margin:20px 0}.help-card dt{color:var(--ember);font:10px DM Mono,ui-monospace,monospace}.help-card dd{margin:0;color:var(--muted);font-size:12px;line-height:1.45}.help-card dd em{color:var(--ink);font-style:normal}.over-card{border-color:#e0913c73}.over-card.lost{border-color:#e0653f73}.ledger{display:grid;gap:3px;margin:18px 0 14px;max-height:190px;overflow:auto}.ledger div{display:flex;align-items:baseline;gap:9px;padding:6px 0;border-top:1px solid rgba(224,145,60,.11)}.ledger span{color:var(--muted);font:9px DM Mono,ui-monospace,monospace;letter-spacing:.08em;min-width:62px}.ledger b{flex:1;min-width:0;overflow:hidden;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font:11px DM Mono,ui-monospace,monospace;font-weight:400}.ledger em{font:9px DM Mono,ui-monospace,monospace;font-style:normal;letter-spacing:.08em}.ledger em.fair{color:var(--good)}.ledger em.bad{color:var(--bad)}.ledger em.made{color:var(--cold)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:0 0 22px}.stats span{display:grid;gap:6px;padding:9px;border:1px solid var(--line)}.stats small{color:var(--muted);font:8px DM Mono,ui-monospace,monospace;letter-spacing:.1em}.stats b{color:var(--ink);font:12px DM Mono,ui-monospace,monospace;font-weight:400}@media(max-width:780px){#hud{padding:11px 12px;gap:8px}.mark{font-size:10px;gap:7px}.mark i{width:14px;height:14px}.mark small{font-size:8px}.hud-actions{gap:4px}.hud-actions button{min-height:32px;padding:6px 7px;font-size:8px}#readout{left:10px;right:10px;top:56px;width:auto;padding:9px 12px 8px}#flash{top:30%;font-size:10px;max-width:calc(100vw - 28px)}.gauges{grid-template-columns:1fr 1fr;gap:6px 12px}.gauge{grid-template-columns:38px 1fr 40px}.line.top{margin-bottom:8px}#rhythm{bottom:132px}#load-panel,#road-panel{bottom:128px;padding:14px 15px 13px;width:calc(100vw - 20px)}#load-panel h2,#road-panel h2{font-size:18px;margin-bottom:9px}.pickers{grid-template-columns:.8fr 1.2fr;gap:7px;margin-bottom:10px}.picker{padding:8px}.picker-label{font-size:7px;letter-spacing:.09em}.primary,.secondary{width:100%;min-height:48px}.title-screen{align-items:flex-end;padding:16px;background:linear-gradient(180deg,#07090880,#070908de 32%,#070908f5)}.title-copy{padding:16px 16px 18px;width:100%;max-height:calc(100dvh - 32px);overflow:auto}.title-copy h1{font-size:clamp(44px,15vw,70px);padding:2px 8px 10px}.title-copy p{max-width:100%;font-size:12px}.title-controls{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;margin:16px 0}.board-card{display:none}.modal{padding:12px}.modal-card{width:calc(100% - 24px);max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain;padding:20px 16px}.modal-card h2{font-size:26px}.help-card dl{grid-template-columns:1fr;gap:3px}.help-card dt{margin-top:7px}.stats{grid-template-columns:repeat(2,1fr)}}@media(pointer:coarse){#touch-bar{display:grid}#rhythm{bottom:200px}#load-panel,#road-panel{bottom:196px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}@media(min-width:781px){#hud{background:linear-gradient(180deg,rgba(7,9,8,.84),transparent)}.title-copy>small{color:#9d8b70}}