@font-face{font-family:Switchyard;src:url('../assets/fonts/nunito-sans-latin.woff2') format('woff2');font-weight:400 900;font-display:swap}
@font-face{font-family:YardDisplay;src:url('../assets/fonts/bangers.ttf') format('truetype');font-display:swap}
:root{color-scheme:light;--sy-paper:#f3eddb;--sy-face:#fff9e9;--sy-ink:#242320;--sy-red:#ce4438;--sy-blue:#367fbe;--sy-green:#42896a;--sy-yellow:#ecc441;--sy-muted:#66675d;--sy-line:#b9bdac;--sy-duration:140ms;--sy-ease:cubic-bezier(.2,.8,.3,1)}
*{box-sizing:border-box;letter-spacing:0}
body{margin:0;background:var(--sy-paper);color:var(--sy-ink);font-family:Switchyard,Arial,sans-serif;font-size:14px;background-image:radial-gradient(#24232013 .65px,transparent .8px);background-size:5px 5px;-webkit-font-smoothing:antialiased}
button,input,a{font:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
button,a{color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}
button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--sy-blue);outline-offset:3px}
button{min-height:44px;border:2px solid var(--sy-ink);border-radius:3px;background:var(--sy-face);font-weight:850;padding:8px;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:transform var(--sy-duration) var(--sy-ease)}
button:not(:disabled):active{transform:translate(1px,2px)}
button[aria-pressed=true]{background:var(--sy-yellow);box-shadow:inset 0 -3px 0 #24232028}
svg.lucide{width:20px;height:20px;stroke-width:2.3;flex:none}h1,h2,h3,p{margin:0}a{text-decoration:none}
[hidden]{display:none!important}.sy-app{width:min(1050px,100%);margin:auto;padding:0 max(16px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}
.sy-topbar{display:flex;align-items:center;gap:10px;border-bottom:3px solid var(--sy-ink);padding:calc(10px + env(safe-area-inset-top)) 0 10px;margin-bottom:15px}
.sy-topbar>button,.sy-home{flex:0 0 44px;width:44px;height:44px}.sy-home{display:grid;place-items:center;background:var(--sy-blue);color:white;border:2px solid var(--sy-ink);box-shadow:2px 2px 0 var(--sy-ink);border-radius:3px}
.sy-brand{flex:1;min-width:0}.sy-brand>span{font-size:9px;font-weight:900;color:var(--sy-muted)}.sy-brand h1{font:400 35px/.95 YardDisplay,Impact,sans-serif;color:var(--sy-red);padding:3px 0}
.sy-main{display:grid;grid-template-columns:minmax(0,660px) minmax(190px,1fr);gap:32px;align-items:start}.sy-workspace{min-width:0}
.sy-puzzle-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.sy-puzzle-head>button:not(.sy-level-heading){width:40px;flex:none;border:0;background:none}
.sy-level-heading{display:grid;grid-template-columns:1fr auto;text-align:left;flex:1;min-width:0;border:0;background:none;padding:0;gap:2px 10px;justify-content:stretch}
.sy-level-heading h2{font:400 27px/1.12 YardDisplay,Impact,sans-serif;grid-column:1;overflow-wrap:anywhere}.sy-pack-label{font-size:10px;color:var(--sy-green);text-transform:uppercase;grid-column:1;font-weight:900}.sy-puzzle-number{font-size:11px;color:var(--sy-muted);grid-column:2;grid-row:1/3;align-self:center}
.sy-brief{font-size:13px;line-height:1.5;min-height:39px;margin:0 0 10px;color:#51544b}
.sy-yard-caption{display:flex;justify-content:space-between;align-items:center;gap:8px;background:var(--sy-ink);color:var(--sy-face);padding:8px 10px;font-size:10px;border:2px solid var(--sy-ink);border-bottom:0}.sy-yard-caption strong{font-weight:850}.sy-tick{font-variant-numeric:tabular-nums;white-space:nowrap;color:#ecc441}
.sy-board-frame{max-width:560px;margin:auto}.sy-board{position:relative;aspect-ratio:1;width:100%;border:3px solid var(--sy-ink);background:#e6e8d9;isolation:isolate;touch-action:none;user-select:none;-webkit-user-select:none;overflow:hidden}
.sy-board-svg{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:hidden}.sy-board-svg text{font-family:Switchyard,Arial,sans-serif;pointer-events:none;fill:#242320}.sy-board-svg text[fill]{fill:revert-layer}
.sy-cell-grid{position:absolute;inset:0;display:grid;grid-auto-rows:1fr}.sy-cell{appearance:none;min-width:0;min-height:0;background:none;border:0;border-radius:0;padding:0;display:block;touch-action:none;transition:none}
.sy-board[data-phase=edit] .sy-cell{cursor:crosshair}.sy-board[data-tool=erase] .sy-cell{cursor:cell}.sy-board[data-tool=flip] .sy-cell{cursor:pointer}.sy-cell:not(:disabled):active{transform:none}
.sy-cell:focus-visible{outline:0;background:#ecc44130;box-shadow:inset 0 0 0 3px var(--sy-blue)}
@media(hover:hover){.sy-board[data-phase=edit] .sy-cell:not(.sy-fixed):hover{box-shadow:inset 0 0 0 2px #367fbe70;background:#367fbe0d}}
.sy-bed,.sy-ties,.sy-steel,.sy-rail-center{fill:none;stroke-linecap:butt;stroke-linejoin:round}.sy-bed{stroke:#414b46;stroke-width:25}.sy-ties{stroke:#aab79c;stroke-width:30;stroke-dasharray:4 10}.sy-steel{stroke:#242320;stroke-width:17}.sy-rail-center{stroke:#fff9e9;stroke-width:8}.sy-route.is-active .sy-rail-center{stroke:#e4b735}.sy-switch-flag text{fill:#242320}
.sy-locomotive{pointer-events:none}.sy-engine-heading{transform-box:view-box}.sy-obstacle{opacity:.78}.sy-impact{animation:yard-impact .46s ease-out both;transform-box:fill-box;transform-origin:center}
.sy-board-footer{display:flex;justify-content:space-between;gap:8px;padding:7px 3px 8px;font-size:10px;font-weight:800}.sy-board-mode{color:var(--sy-muted)}.sy-delivered{font-variant-numeric:tabular-nums}
.sy-edit-tools{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;max-width:560px;margin:3px auto 9px}.sy-edit-tools button{box-shadow:1px 2px 0 var(--sy-ink);padding:7px 3px}
.sy-controls{display:grid;grid-template-columns:46px minmax(0,1fr) 46px 46px;gap:8px;max-width:560px;margin:auto}.sy-controls button{box-shadow:2px 3px 0 var(--sy-ink)}.sy-dispatch{background:var(--sy-red);color:var(--sy-face);font-size:16px}
.sy-timeline{display:flex;align-items:center;gap:10px;max-width:560px;margin:10px auto 0}.sy-timeline button{width:40px;border:0;background:transparent}.sy-timeline input{min-width:0;flex:1;accent-color:var(--sy-blue);height:32px}.sy-timeline output{min-width:48px;text-align:right;font-size:11px;font-weight:900;font-variant-numeric:tabular-nums}
.sy-status{max-width:560px;margin:14px auto 0;border-top:1px solid var(--sy-line);padding:10px 0 0;min-height:41px}.sy-status strong{font-size:13px}.sy-status p{font-size:12px;line-height:1.5;margin-top:3px;color:#5a5e53}.sy-status[data-state=failed]{border-left:4px solid var(--sy-red);padding-left:10px}.sy-status[data-state=won]{border:3px solid var(--sy-ink);background:var(--sy-yellow);padding:13px;box-shadow:3px 3px 0 var(--sy-ink);animation:yard-stamp .3s ease-out}.sy-status[data-state=won] strong{font:400 35px/1 YardDisplay,Impact,sans-serif}.sy-status[data-state=won] p{color:var(--sy-ink)}
.sy-result-actions{display:flex;gap:10px;margin-top:12px}.sy-result-actions a{min-height:44px;display:flex;align-items:center;gap:6px;padding:8px;font-weight:850}.sy-result-actions button{flex:1}
.sy-bottom-line{max-width:560px;margin:9px auto 0;display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:9px;color:var(--sy-muted)}.sy-hint{font-size:12px;border:0;background:none;padding-inline:0}.sy-storage-note{margin-left:auto}[data-offline-status]{display:flex;align-items:center;gap:3px}[data-offline-status] svg{width:12px;height:12px}
.sy-ledger{padding-top:14px;border-top:3px solid var(--sy-ink);margin-top:4px}.sy-ledger-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}.sy-ledger h2{font:400 26px/1 YardDisplay,Impact,sans-serif}.sy-saved-count{font-size:10px;font-weight:900;color:var(--sy-green)}.sy-ledger h3{font-size:11px;margin:22px 0 8px}.sy-manifest-row{display:flex;align-items:center;gap:9px;margin-bottom:10px;flex-wrap:wrap}.sy-manifest-row>span{font-size:10px;color:var(--sy-muted);width:12px}.sy-manifest-row>div{display:flex;gap:5px;flex-wrap:wrap;flex:1}.sy-manifest-row small{font-size:9px;color:var(--sy-muted)}.sy-manifest-row i,.sy-legend i{font-style:normal;font-size:10px;font-weight:900;display:grid;place-items:center;background:var(--color);color:white;width:23px;height:23px;border:2px solid var(--sy-ink);border-radius:50%;text-shadow:0 1px 2px #242320}.sy-manifest-row i.is-spent{opacity:.25}.sy-manifest-row b{font-size:11px;color:var(--sy-green)}.sy-legend{margin-top:15px;padding-top:4px;border-top:1px solid var(--sy-line);display:grid;grid-template-columns:1fr 1fr;gap:10px}.sy-legend h3{grid-column:1/-1;margin:5px 0}.sy-legend>span{display:flex;align-items:center;gap:8px;text-transform:capitalize;font-size:11px}.sy-build{font-size:9px;color:var(--sy-muted);margin-top:24px}
.sy-sheet{color:var(--sy-ink);background:var(--sy-face);border:3px solid var(--sy-ink);border-radius:4px;box-shadow:6px 7px 0 #24232080;width:min(540px,calc(100% - 24px));max-height:calc(100dvh - 36px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:0;overflow:hidden}.sy-sheet[open]{display:flex;flex-direction:column;animation:yard-sheet .18s ease-out}.sy-sheet::backdrop{background:#192e338c}.sy-sheet>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:2px solid var(--sy-ink);background:#e3dcbc;flex:none}.sy-sheet h2{font:400 27px/1.1 YardDisplay,Impact,sans-serif}.sy-sheet>header button{width:44px;flex:none}.sy-sheet-body{padding:14px;overflow-y:auto;overscroll-behavior:contain;min-height:0}.sy-sheet p,.sy-sheet dd{font-size:13px;line-height:1.65;margin:0 0 15px}.sy-sheet dt{font-weight:900;font-size:14px;margin-bottom:4px}.sy-sheet dl{margin:0}.sy-mix-key{display:flex;gap:8px;flex-wrap:wrap;font-weight:900;padding:12px 0}.sy-mix-key span{background:#eed984;padding:6px}
.sy-pack-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:16px}.sy-pack-tabs button{font-size:11px;text-transform:capitalize;padding:5px;min-width:0}.sy-level-group h3{font-size:12px;margin-bottom:10px;text-transform:capitalize}.sy-level{display:flex;width:100%;text-align:left;gap:12px;padding:12px 9px;margin-bottom:8px;justify-content:flex-start}.sy-level>span:nth-child(2){flex:1;min-width:0}.sy-level strong{display:block;font-size:14px}.sy-level small{display:block;font-size:10px;font-weight:600;margin-top:4px;color:var(--sy-muted)}.sy-level-number{color:var(--sy-blue);font-size:18px;font-weight:900}.sy-level.is-current{background:#dae6cc}.sy-level svg{width:18px;flex:none}
.sy-palette-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.sy-palette-options button{display:flex;flex-direction:column;padding:7px;font-size:10px;line-height:1.3}.sy-palette-options svg{width:64px;height:64px;background:#e6e8d9;max-width:100%}.sy-piece-preview{display:flex;align-items:center;justify-content:space-around;gap:8px;position:sticky;bottom:-14px;background:var(--sy-face);border-top:2px solid var(--sy-ink);padding:10px 0;margin-top:14px}.sy-piece-preview>svg{width:66px;height:66px;background:#e6e8d9}.sy-danger{background:var(--sy-red);color:white;width:100%}
@keyframes yard-impact{from{opacity:1}to{opacity:0}}@keyframes yard-stamp{from{opacity:0;transform:translateY(8px) scale(1.02)}to{opacity:1;transform:none}}@keyframes yard-sheet{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:760px){.sy-app{padding-inline:max(12px,env(safe-area-inset-left)) max(12px,env(safe-area-inset-right))}.sy-topbar{margin-bottom:9px;padding-block:calc(8px + env(safe-area-inset-top)) 9px}.sy-main{display:block}.sy-brand h1{font-size:29px}.sy-brand>span{font-size:8px}.sy-puzzle-head{margin-bottom:5px}.sy-level-heading h2{font-size:25px}.sy-brief{font-size:12px;line-height:1.4;min-height:0;margin-bottom:8px}.sy-board-frame{width:min(100%,calc(100dvh - 315px));min-width:min(100%,245px)}.sy-yard-caption{font-size:9px;padding:6px 7px}.sy-ledger{margin-top:24px;padding-top:14px}.sy-ledger [data-manifest]{display:grid;grid-template-columns:1fr 1fr;gap:2px 20px}.sy-ledger [data-manifest]>h3{grid-column:1/-1;margin-top:12px}.sy-legend{grid-template-columns:repeat(4,1fr)}.sy-legend>span{font-size:10px;gap:5px}.sy-legend i{width:19px;height:19px;font-size:9px}.sy-status{margin-top:11px;padding-top:8px}.sy-edit-tools{gap:5px}}
@media(max-width:360px){.sy-app{padding-inline:10px}.sy-topbar{gap:7px}.sy-brand h1{font-size:27px}.sy-topbar>button,.sy-home{width:40px;flex-basis:40px}.sy-edit-tools{grid-template-columns:repeat(7,1fr);gap:2px}.sy-edit-tools button{padding:6px 1px;min-height:44px}.sy-puzzle-head>button:not(.sy-level-heading){width:30px}.sy-level-heading h2{font-size:22px}.sy-level-heading{gap:2px 5px}.sy-puzzle-number{font-size:9px}.sy-sheet-body{padding:10px}.sy-legend{grid-template-columns:repeat(3,1fr)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.sy-impact{display:none}}