@import "https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Teko:wght@500;600&display=swap";@layer components;@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:"Share Tech Mono", ui-monospace, monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--radius:.5rem;--color-bg:#100e0c;--color-surface:#1c1814;--color-surface-2:#2a241e;--color-fg:#f3ead7;--color-muted:#a89880;--color-primary:#ffc14d;--color-accent:#e25b2a;--color-danger:#ff4b3a;--color-border:#3a322a;--color-mine:#d4b483;--color-rail:#ffe6b0;--color-sweep:#ff8a4a;--font-display:"Teko", "Arial Narrow", Impact, sans-serif}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}html,body{background:var(--color-bg);height:100%;color:var(--color-fg);overscroll-behavior:none;overflow:hidden}button:not(:disabled),[role=button]:not(:disabled){cursor:pointer}button:focus-visible,summary:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}}@layer utilities{.static{position:static}}.game{background:var(--color-bg);height:100dvh;color:var(--color-fg);-webkit-user-select:none;user-select:none;touch-action:none;flex-direction:column;display:flex;position:relative;overflow:hidden}.playfield{flex:1;min-height:0;display:flex;position:relative}.panes{overscroll-behavior:contain;touch-action:pan-y;flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden auto}.stage{flex:1;min-height:9rem;position:relative}.stage canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block}.hud{z-index:7;padding:max(.5rem, env(safe-area-inset-top)) .75rem .55rem;background:var(--color-bg);border-bottom:1px solid var(--color-border);flex-wrap:wrap;flex:none;align-items:center;gap:.5rem .75rem;display:flex;position:relative}.hull{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius);flex:10rem;min-width:7rem;max-width:16rem;height:1.75rem;position:relative;overflow:hidden}.hull-fill{background:#6b5328;width:100%;height:100%}@supports (color:color-mix(in lab, red, red)){.hull-fill{background:color-mix(in srgb, var(--color-primary) 35%, var(--color-surface))}}.hull-fill{transform-origin:0}.hull-fill[data-low="1"]{background:#6b2a21}@supports (color:color-mix(in lab, red, red)){.hull-fill[data-low="1"]{background:color-mix(in srgb, var(--color-danger) 35%, var(--color-surface))}}.hull-label{font-family:var(--font-mono);letter-spacing:.08em;color:var(--color-fg);justify-content:space-between;align-items:center;padding:0 .55rem;font-size:.68rem;display:flex;position:absolute;inset:0}.hud-readout{font-family:var(--font-mono);letter-spacing:.06em;color:var(--color-muted);flex-wrap:wrap;align-items:baseline;gap:.65rem;font-size:.72rem;display:flex}.hud-readout b{color:var(--color-fg);font-weight:400}.combo{color:var(--color-primary);min-width:6rem}.hud-actions{gap:.35rem;margin-left:auto;display:flex}.build-resources{align-items:center;gap:.75rem;margin-right:.5rem;display:flex}.scrap-wallet{color:var(--color-primary);font-family:var(--font-mono);align-items:center;gap:.5rem;font-size:.8rem;line-height:1.2;display:flex}.scrap-wallet svg,.build-btn svg{flex:none;width:1.25rem;height:1.25rem}.scrap-wallet b{font-variant-numeric:tabular-nums;font-size:1.75rem;font-weight:400}.scrap-wallet small{color:var(--color-muted);letter-spacing:.04em;font-size:.6rem;display:block}.build-btn{border:1px solid var(--color-primary);border-radius:var(--radius);background:var(--color-primary);min-height:2.75rem;color:var(--color-bg);font-family:var(--font-display);letter-spacing:.06em;align-items:center;gap:.5rem;padding:.35rem .85rem;font-size:1.4rem;display:flex}.build-btn[data-on="1"]{background:var(--color-surface);color:var(--color-primary)}.build-btn:disabled,.icon-btn:disabled{opacity:.45;cursor:default}.view-toggle{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);align-items:center;margin-right:.4rem;display:flex;overflow:hidden}.view-toggle-label{font-family:var(--font-mono);letter-spacing:.12em;color:var(--color-muted);padding:0 .55rem;font-size:.6rem}.view-toggle button{border:0;border-left:1px solid var(--color-border);min-width:2.75rem;height:2.65rem;color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.08em;background:0 0;align-items:center;gap:.4rem;padding:0 .7rem;font-size:.66rem;display:flex}.view-toggle button:focus-visible{outline-offset:-3px}.view-toggle button[aria-pressed=true]{background:#40331d}@supports (color:color-mix(in lab, red, red)){.view-toggle button[aria-pressed=true]{background:color-mix(in srgb, var(--color-primary) 16%, var(--color-surface))}}.view-toggle button[aria-pressed=true]{color:var(--color-primary)}.view-toggle button:not([aria-pressed=true]):hover{color:var(--color-fg)}.view-toggle svg{flex:none;width:1.05rem;height:1.05rem}@media (width<=1279px){.view-toggle button span{display:none}}.icon-btn,.text-btn,.primary-btn,.row-btn{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-fg);border-radius:var(--radius);font-family:var(--font-display);letter-spacing:.08em}.icon-btn{place-items:center;width:2.75rem;height:2.75rem;padding:0;display:grid}.icon-btn[data-on="1"]{color:var(--color-primary);border-color:var(--color-primary)}.icon-btn svg{width:1.15rem;height:1.15rem}.tip{z-index:2;text-align:center;font-family:var(--font-mono);letter-spacing:.04em;color:var(--color-fg);text-shadow:0 1px 2px var(--color-bg);pointer-events:none;margin:0;font-size:.72rem;animation:8s forwards tipfade;position:absolute;bottom:.6rem;left:.75rem;right:.75rem}@keyframes tipfade{0%,50%{opacity:1}to{opacity:0}}.roll{background:var(--color-bg);border-top:1px solid var(--color-border);z-index:3;flex-direction:column;flex:none;height:42dvh;min-height:16.5rem;max-height:24rem;display:flex}.roll-head{font-family:var(--font-display);letter-spacing:.08em;flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem;padding:0 .5rem .6rem;font-size:1.35rem;line-height:1;display:none}.roll-head small{font-family:var(--font-mono);letter-spacing:.06em;color:var(--color-muted);font-size:.65rem}.game[data-layout=side] .panes{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,42fr) minmax(0,58fr);display:grid}.game[data-layout=side] .stage{min-height:0}.game[data-layout=side] .roll{border-top:0;border-left:1px solid var(--color-border);justify-content:center;height:auto;min-height:0;max-height:none;padding:.75rem 0}.game[data-layout=side] .roll-head{display:flex}.game[data-layout=side] .seq{flex:0 auto}.game[data-layout=side] .seq-row{flex:0 5rem}.ruler,.seq-row{grid-template-columns:6.6rem 1fr;display:grid}.ruler{height:1.25rem;color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.08em;flex:none;font-size:.62rem}.ruler-mark{font-family:var(--font-mono);letter-spacing:.08em;color:var(--color-muted);align-items:center;padding:0 .45rem;font-size:.62rem;display:flex}.ruler-cells,.seq-cells{grid-template-columns:repeat(16,1fr);display:grid}.tick{opacity:.45;place-items:center;display:grid}.tick.strong{opacity:1;color:var(--color-fg)}.seq{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.seq-row{border-top:1px solid var(--color-border);flex:1;min-height:0}.seq-row.is-raid{background:#ff4b3a14}@supports (color:color-mix(in lab, red, red)){.seq-row.is-raid{background:color-mix(in srgb, var(--color-danger) 8%, transparent)}}.seq-row.is-locked{opacity:.55}.seq-label{background:var(--color-surface);color:var(--color-fg);border:0;border-right:1px solid var(--color-border);font-family:var(--font-display);letter-spacing:.06em;align-items:center;gap:.35rem;min-height:2.5rem;padding:0 .4rem;font-size:1.15rem;line-height:1;display:flex}.seq-label kbd,.cost{font-family:var(--font-mono);color:var(--color-muted);border:1px solid var(--color-border);border-radius:.25rem;margin-left:auto;padding:.1rem .25rem;font-size:.62rem}.pip{border-radius:999px;flex:none;width:.45rem;height:.45rem}.seq-cells{touch-action:none}.cell{border-left:1px solid #3a322ad9;position:relative}@supports (color:color-mix(in lab, red, red)){.cell{border-left:1px solid color-mix(in srgb, var(--color-border) 85%, transparent)}}.cell.bar{border-left-color:#a898808c}@supports (color:color-mix(in lab, red, red)){.cell.bar{border-left-color:color-mix(in srgb, var(--color-muted) 55%, transparent)}}.cell:nth-child(8n+5),.cell:nth-child(8n+6),.cell:nth-child(8n+7),.cell:nth-child(8n+8){background:#f3ead709}@supports (color:color-mix(in lab, red, red)){.cell:nth-child(8n+5),.cell:nth-child(8n+6),.cell:nth-child(8n+7),.cell:nth-child(8n+8){background:color-mix(in srgb, var(--color-fg) 3.5%, transparent)}}.note,.raid-note{pointer-events:none;border-radius:3px;position:absolute;inset:3px 2px}.cell.hit .note,.cell.hit .raid-note{animation:.14s ease-out cellpop}@keyframes cellpop{0%{filter:brightness(1.8);transform:scale(.82)}to{filter:brightness();transform:scale(1)}}.note-boom,.pip.note-boom{background:var(--color-primary)}.note-flak,.pip.note-flak{background:var(--color-fg)}.note-side,.pip.note-side{background:var(--color-accent)}.note-mine,.pip.note-mine{background:var(--color-mine)}.note-rail,.pip.note-rail{background:var(--color-rail)}.note-sweep,.pip.note-sweep{background:var(--color-sweep)}.raid-outrider{background:var(--color-danger)}.raid-buggy{background:var(--color-accent)}.raid-boarder{background:var(--color-fg)}.raid-rig{background:var(--color-primary);inset:1px 2px}.raid-note.jammed{box-shadow:inset 0 0 0 1px var(--color-danger);opacity:.55;background:0 0}.raid-outrider{color:var(--color-danger)}.raid-buggy{color:var(--color-accent)}.raid-boarder{color:var(--color-fg)}.raid-rig{color:var(--color-primary)}.raid-note.ghost{background:currentColor}@supports (color:color-mix(in lab, red, red)){.raid-note.ghost{background:color-mix(in srgb, currentColor 16%, transparent)}}.raid-note.ghost{opacity:.7;box-shadow:inset 0 0 0 2px}.raid-note.ghost.jammed{opacity:.3;background:0 0;box-shadow:inset 0 0 0 1px}.raid-note.crate:after{content:"";border:2px solid var(--color-bg);border-radius:2px;position:absolute;inset:28% 34%}.raid-note.ghost.crate:after{border-color:currentColor}.play-layer{pointer-events:none;position:absolute;inset:0 0 0 6.6rem}.nowcol{background:#ffc14d1f;width:6.25%;position:absolute;top:0;bottom:0}@supports (color:color-mix(in lab, red, red)){.nowcol{background:color-mix(in srgb, var(--color-primary) 12%, transparent)}}.playhead{background:var(--color-primary);width:2px;box-shadow:0 0 10px var(--color-primary);margin-left:-1px;position:absolute;top:0;bottom:0}.playhead:before{content:"";border-left:6px solid #0000;border-right:6px solid #0000;border-top:8px solid var(--color-primary);position:absolute;top:0;left:-5px}.scrim{z-index:6;overscroll-behavior:contain;touch-action:pan-y;background:#100e0c9e;padding:1rem;display:flex;position:absolute;inset:0;overflow-y:auto}@supports (color:color-mix(in lab, red, red)){.scrim{background:color-mix(in srgb, var(--color-bg) 62%, transparent)}}.card{background:var(--color-surface);width:min(32rem,100%);color:var(--color-fg);border:1px solid var(--color-border);border-top:3px solid var(--color-accent);border-radius:var(--radius);margin:auto;padding:1.25rem 1.25rem 1.1rem;box-shadow:0 18px 50px #00000073}.eyebrow{font-family:var(--font-mono);letter-spacing:.16em;color:var(--color-primary);margin:0;font-size:.68rem}.card h1,.wordmark{font-family:var(--font-display);letter-spacing:.02em;margin:0;font-size:4.5rem;font-weight:600;line-height:.85}.lede,.rules,.card p{font-family:var(--font-mono);color:var(--color-muted);font-size:.78rem;line-height:1.45}.rules{flex-direction:column;gap:.45rem;margin:.8rem 0 1rem;padding:0;list-style:none;display:flex}.rules li{border-left:2px solid var(--color-accent);padding-left:.85rem}.keys{flex-wrap:wrap;gap:.35rem;margin:0 0 1rem;display:flex}.keys span{font-family:var(--font-mono);letter-spacing:.04em;border:1px solid var(--color-border);color:var(--color-fg);border-radius:.25rem;padding:.2rem .4rem;font-size:.68rem}.primary-btn{background:var(--color-primary);width:100%;min-height:3rem;color:var(--color-bg);border-color:var(--color-primary);font-size:1.8rem;line-height:1}.primary-btn:disabled{opacity:.5;cursor:default}.card-actions{flex-direction:column;gap:.5rem;margin-top:1rem;display:flex}.text-btn,.row-btn{min-height:2.75rem;padding:.4rem .75rem;font-size:1.25rem}.row-btn{text-align:left;justify-content:space-between;align-items:center;gap:.75rem;width:100%;display:flex}.row-btn small,.blurb{font-family:var(--font-mono);letter-spacing:.03em;color:var(--color-muted);font-size:.65rem;display:block}.row-btn:disabled{opacity:.4;cursor:default}.yard{z-index:5;overscroll-behavior:contain;touch-action:pan-y;background:var(--color-surface);width:min(36rem,100% - 1.5rem);color:var(--color-fg);border:1px solid var(--color-border);border-top:3px solid var(--color-primary);border-radius:var(--radius);position:absolute;top:.75rem;bottom:.75rem;right:.75rem;overflow:auto;box-shadow:0 8px 32px #100e0cbf}@supports (color:color-mix(in lab, red, red)){.yard{box-shadow:0 8px 32px color-mix(in srgb, var(--color-bg) 75%, transparent)}}.yard{scrollbar-color:var(--color-muted) var(--color-surface)}.yard-header{z-index:1;background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:.85rem 1rem .75rem;position:sticky;top:0}.yard-content{padding:0 1rem 1rem}.yard-head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.6rem;display:flex}.yard h2{font-family:var(--font-display);letter-spacing:.08em;margin:0;font-size:2rem;line-height:1}.yard-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.yard-balance{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--color-muted);justify-content:space-between;align-items:baseline;gap:.5rem;font-size:.75rem;display:flex}.yard-balance>span:first-child{color:var(--color-primary)}.yard-balance b{font-size:1.4rem;font-weight:400}.close-hint{color:var(--color-muted);font-family:var(--font-mono);margin-left:.25rem;font-size:.65rem}.build-guide{font-family:var(--font-mono);color:var(--color-muted);margin:.75rem 0;font-size:.75rem;line-height:1.5}.yard-section-title{font-family:var(--font-mono);letter-spacing:.08em;color:var(--color-muted);margin:1rem 0 .5rem;font-size:.7rem;font-weight:400}.yard .row-btn{background:var(--color-bg);border-color:var(--color-primary);letter-spacing:.04em;padding:.65rem}.yard .row-btn:disabled{opacity:1;border-color:var(--color-border);color:var(--color-muted)}.yard .row-btn:not(:disabled):hover{background:var(--color-surface-2)}.yard .weapon-build{flex-direction:column;align-items:stretch;gap:.35rem;display:flex}.weapon-title{color:var(--color-fg);align-items:center;gap:.4rem;line-height:1;display:flex}.weapon-title small{margin-left:auto;font-size:.65rem}.yard .blurb,.build-purchase small,.build-price small{letter-spacing:0;font-size:.7rem;line-height:1.4}.build-purchase{margin-top:auto;padding-top:.25rem;line-height:1.2}.build-purchase>span{color:var(--color-primary)}:disabled .build-purchase>span{color:var(--color-fg)}.build-purchase>span small{color:inherit;display:inline}.build-purchase b{font-weight:500}.train-list .row-btn{flex-wrap:wrap;align-content:space-between}.build-price{white-space:nowrap;color:var(--color-primary)}:disabled .build-price{color:var(--color-fg)}.pattern-tools{border-top:1px solid var(--color-border);font-family:var(--font-mono);color:var(--color-muted);margin-top:1rem;font-size:.7rem}.pattern-tools summary{cursor:pointer;padding:1rem 0}.pattern-actions{flex-wrap:wrap;gap:.5rem;display:flex}.sliders{flex-direction:column;gap:.55rem;margin:.75rem 0;display:flex}.slider{font-family:var(--font-mono);letter-spacing:.06em;color:var(--color-muted);grid-template-columns:4.5rem 1fr;align-items:center;gap:.5rem;font-size:.72rem;display:grid}.slider input{width:100%;accent-color:var(--color-primary)}.check{font-family:var(--font-mono);letter-spacing:.06em;color:var(--color-fg);align-items:center;gap:.5rem;margin:.25rem 0 .8rem;font-size:.72rem;display:flex}.scoreline{border-top:1px solid var(--color-border);font-family:var(--font-mono);color:var(--color-muted);justify-content:space-between;gap:1rem;margin-top:.35rem;padding-top:.35rem;font-size:.75rem;display:flex}.scoreline b{color:var(--color-fg);font-weight:400}.scoreline .route-log{text-align:right;font-size:.68rem;line-height:1.4}.card[data-won="1"]{border-top-color:var(--color-primary)}.grade-up{letter-spacing:.12em;margin:.4rem 0 .2rem;color:var(--color-primary)!important}.grade-pick{font-family:var(--font-mono);letter-spacing:.08em;color:var(--color-muted);grid-template-columns:auto auto 2rem auto 1fr;align-items:center;gap:.5rem;margin:.75rem 0;font-size:.72rem;display:grid}.grade-pick b{text-align:center;font-family:var(--font-display);color:var(--color-fg);font-size:1.8rem;font-weight:500;line-height:1}.grade-pick .icon-btn{width:2.5rem;height:2.5rem;font-size:.9rem}.grade-pick small{letter-spacing:.02em;font-size:.62rem;line-height:1.35}.build-btn{position:relative}.crate-badge{border:2px solid var(--color-bg);background:var(--color-danger);min-width:1.35rem;height:1.35rem;color:var(--color-fg);font-family:var(--font-mono);border-radius:999px;place-items:center;padding:0 .3rem;font-size:.7rem;line-height:1;animation:1.2s ease-in-out infinite badgepulse;display:grid;position:absolute;top:-.45rem;right:-.45rem}@keyframes badgepulse{50%{transform:scale(1.18)}}.banner{z-index:2;background:#100e0cd1;flex-direction:column;align-items:center;gap:.1rem;max-width:calc(100% - 1.5rem);padding:.4rem 1rem .45rem;display:flex;position:absolute;top:.75rem;left:50%;transform:translate(-50%)}@supports (color:color-mix(in lab, red, red)){.banner{background:color-mix(in srgb, var(--color-bg) 82%, transparent)}}.banner{border:1px solid var(--color-border);border-top:2px solid var(--color-primary);border-radius:var(--radius);text-align:center;pointer-events:none;animation:3.2s forwards bannerfade}.banner b{font-family:var(--font-display);letter-spacing:.08em;font-size:1.6rem;font-weight:500;line-height:1}.banner span{font-family:var(--font-mono);letter-spacing:.1em;color:var(--color-primary);font-size:.66rem}.banner-hold{animation:none}@keyframes bannerfade{0%{opacity:0;transform:translate(-50%,-.4rem)}12%,70%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%)}}.junction{z-index:3;background:#100e0cdb;width:min(32rem,100% - 1rem);padding:.45rem;position:absolute;top:.5rem;left:50%;transform:translate(-50%)}@supports (color:color-mix(in lab, red, red)){.junction{background:color-mix(in srgb, var(--color-bg) 86%, transparent)}}.junction{border:1px solid var(--color-border);border-top:2px solid var(--color-accent);border-radius:var(--radius)}.junction-head{font-family:var(--font-mono);letter-spacing:.12em;color:var(--color-accent);justify-content:space-between;align-items:center;margin:0 0 .35rem;font-size:.62rem;display:flex}.junction-keys{gap:.25rem;display:flex}@media (pointer:coarse){.junction-keys{display:none}}.junction-keys kbd{font-family:var(--font-mono);color:var(--color-muted);border:1px solid var(--color-border);border-radius:.25rem;padding:0 .25rem;font-size:.6rem}.junction-options{grid-template-columns:1fr 1fr;gap:.35rem;display:grid}.route-btn{text-align:left;border:1px solid var(--color-border);border-radius:calc(var(--radius) - .15rem);background:var(--color-surface);min-height:2.75rem;color:var(--color-muted);flex-direction:column;align-items:flex-start;gap:.15rem;padding:.35rem .5rem;display:flex}.route-btn:nth-child(2){text-align:right;align-items:flex-end}.route-btn[aria-pressed=true]{border-color:var(--color-primary);background:#3c301c}@supports (color:color-mix(in lab, red, red)){.route-btn[aria-pressed=true]{background:color-mix(in srgb, var(--color-primary) 14%, var(--color-surface))}}.route-btn[aria-pressed=true]{color:var(--color-fg)}.route-name{font-family:var(--font-display);letter-spacing:.06em;font-size:1.2rem;line-height:1}.route-meta,.route-reward{font-family:var(--font-mono);letter-spacing:.06em;gap:.4rem;font-size:.6rem;display:flex}.route-reward{color:var(--color-primary)}.route-danger{color:var(--color-danger);letter-spacing:.02em}[data-pedal]{--pedal:var(--color-primary)}[data-pedal=delay]{--pedal:var(--color-rail)}[data-pedal=drive]{--pedal:var(--color-accent)}[data-pedal=reverb]{--pedal:var(--color-mine)}[data-pedal=sidechain]{--pedal:var(--color-primary)}[data-pedal=ratchet]{--pedal:var(--color-fg)}[data-pedal=chorus]{--pedal:var(--color-sweep)}[data-pedal=limiter]{--pedal:var(--color-muted)}[data-pedal=gate]{--pedal:var(--color-fg)}[data-pedal=harmonizer]{--pedal:var(--color-primary)}[data-pedal=sustain]{--pedal:var(--color-mine)}[data-pedal=crusher]{--pedal:var(--color-danger)}.crate{border:1px dashed var(--color-primary);border-radius:var(--radius);margin-bottom:.75rem;padding:.6rem}.crate-head{font-family:var(--font-mono);letter-spacing:.1em;color:var(--color-primary);margin:0 0 .5rem;font-size:.7rem}.pedal-list{grid-template-columns:repeat(3,minmax(0,1fr))}.yard .pedal-card{border-color:var(--color-border);border-top:4px solid var(--pedal);flex-direction:column;justify-content:flex-start;align-items:stretch;gap:.35rem;display:flex}.yard .pedal-card:hover{border-color:var(--pedal)}.pedal-sound{margin-top:auto;font-style:italic}.crate-skip{width:100%;margin-top:.5rem;font-size:1rem}.rack{flex-wrap:wrap;gap:.35rem;margin:.25rem 0 .5rem;display:flex}.rack-compact{margin:0 0 .8rem}.pedal-chip{border:1px solid var(--color-border);border-left:3px solid var(--pedal);background:var(--color-bg);font-family:var(--font-mono);letter-spacing:.06em;color:var(--color-fg);border-radius:.25rem;padding:.2rem .45rem;font-size:.66rem}@media (width<=720px){.hud{gap:.5rem}.hull{flex:8rem;order:3;max-width:none}.build-resources{gap:.5rem;margin-right:0}.hud-actions{order:2}.hud-readout{white-space:nowrap;flex-wrap:nowrap;flex:0 auto;order:4;gap:.5rem;min-width:0;font-size:.65rem;overflow:hidden}.combo{text-overflow:ellipsis;min-width:0;overflow:hidden}.yard{border-radius:var(--radius) var(--radius) 0 0;width:100%;max-height:min(72dvh,100%);inset:auto 0 0}.yard-header{padding:.75rem}.yard-content{padding:0 .75rem 1rem}.yard-balance{font-size:.65rem}.yard-list{grid-template-columns:1fr}.route-name{font-size:1.05rem}.route-meta{flex-direction:column;gap:0}.route-btn:nth-child(2) .route-meta{align-items:flex-end}.banner b{font-size:1.3rem}.yard .weapon-build{grid-template-columns:minmax(0,1fr) auto;column-gap:.75rem;display:grid}.weapon-build>.blurb{grid-column:1}.build-purchase{text-align:right;grid-area:1/2/3;align-self:center;margin-top:0}.weapon-title small{font-size:.6rem}.card h1{font-size:3.4rem}.roll{height:46dvh;min-height:15.5rem}.seq-label{padding:0 .3rem;font-size:1rem}}@media (width<=359px){.hud{padding-left:.5rem;padding-right:.5rem}.scrap-wallet{gap:.35rem}.scrap-wallet b{font-size:1.45rem}.scrap-wallet small{display:none}.build-btn{gap:.35rem;padding:.35rem .6rem;font-size:1.2rem}.icon-btn{width:2.5rem;height:2.5rem}}@media (height<=540px){.hud{padding-top:max(.35rem, env(safe-area-inset-top));padding-bottom:.35rem}.build-btn{min-height:2.5rem;font-size:1.25rem}.scrap-wallet b{font-size:1.45rem}.scrap-wallet small{display:none}.icon-btn{width:2.5rem;height:2.5rem}.game[data-layout=side] .roll{padding:0}.game[data-layout=side] .roll-head{display:none}.game[data-layout=side] .seq-label{min-height:2.1rem}}@media (prefers-reduced-motion:reduce){.tip,.cell.hit .note,.cell.hit .raid-note,.crate-badge{animation:none}.banner{animation-name:bannerfade-still}}@keyframes bannerfade-still{0%,70%{opacity:1}to{opacity:0}}