@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{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}.stage{flex:1;min-height:0;position:relative}.stage canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block}.hud{z-index:2;padding:max(.5rem, env(safe-area-inset-top)) .75rem .55rem;background:#100e0cd1;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;display:flex;position:absolute;top:0;left:0;right:0}@supports (color:color-mix(in lab, red, red)){.hud{background:color-mix(in srgb, var(--color-bg) 82%, transparent)}}.hud{pointer-events:none}.hud button{pointer-events:auto}.hull{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius);flex:8rem;min-width:7rem;height:1.75rem;position:relative;overflow:hidden}.hull-fill{background:var(--color-primary);transform-origin:0;width:100%;height:100%}.hull-fill[data-low="1"]{background:var(--color-danger)}.hull-label{font-family:var(--font-mono);letter-spacing:.08em;color:var(--color-bg);mix-blend-mode:multiply;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}.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;height:42dvh;min-height:16.5rem;max-height:24rem;display:flex}.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}.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;background:#100e0c9e;justify-content:center;align-items:center;padding:1rem;display:flex;position:absolute;inset:0}@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);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;background:var(--color-surface);border-top:1px solid var(--color-border);max-height:min(70dvh,34rem);padding:.85rem .85rem 1rem;position:absolute;bottom:0;left:0;right:0;overflow:auto}.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{flex-direction:column;gap:.4rem;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}@media (width<=720px){.card h1{font-size:3.4rem}.roll{height:46dvh;min-height:15.5rem}.seq-label{padding:0 .3rem;font-size:1rem}}@media (prefers-reduced-motion:reduce){.tip,.cell.hit .note,.cell.hit .raid-note{animation:none}}