:root{--px:2px;--ink:#e9e4d2;--muted:#7f8a86;--dim:#44504c;--panel:#060c0df0;--line:#24403f;--brass:#c9a24a;--gold:#e6c65c;--cyan:#7fd3e6;--red:#e0574a;--green:#86d98f;--display:"Silkscreen", monospace;--body:"Pixelify Sans", "Silkscreen", monospace}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);font-family:var(--body);-webkit-font-smoothing:none;-webkit-user-select:none;user-select:none;background:#050806;margin:0;overflow:hidden}#stage{background:#050806;margin:auto;position:absolute;inset:0;overflow:hidden}#game,#ui,#crt{position:absolute;inset:0}#game canvas{image-rendering:pixelated}#ui{pointer-events:none;font-size:calc(var(--px) * 7)}#ui button,#ui .shop,#ui .title,#ui .over{pointer-events:auto}#crt{pointer-events:none;background:repeating-linear-gradient(to bottom, #0000 0, #0000 calc(var(--px) * .5), #0000002e calc(var(--px) * .5), #0000002e var(--px)), radial-gradient(ellipse at center, #0000 66%, #00000059 100%);mix-blend-mode:multiply}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.pixel{image-rendering:pixelated}.muted{color:var(--muted)}.small{font-size:calc(var(--px) * 6)}kbd{font-family:var(--display);font-size:calc(var(--px) * 5.5);color:#10140c;background:var(--ink);padding:0 calc(var(--px) * 1.5);box-shadow:0 calc(var(--px) * .8) 0 var(--dim);margin:0 calc(var(--px) * .5)}.panel{background:var(--panel);border:var(--px) solid var(--line);box-shadow:0 0 0 var(--px) #000}.dim{background:#0306069e;position:absolute;inset:0}.center{justify-content:center;align-items:center;gap:calc(var(--px) * 6);flex-direction:column;display:flex}.big{font-family:var(--display);font-size:calc(var(--px) * 26);text-transform:uppercase;text-shadow:0 calc(var(--px) * 2) 0 #000}.big.good{color:var(--gold)}.big.bad{color:var(--red)}.screen-in{animation:.22s ease-out screen-in}@keyframes screen-in{0%{opacity:0;transform:translateY(calc(var(--px) * 3))}}.coin{align-items:center;gap:calc(var(--px) * 2);font-family:var(--display);white-space:nowrap;color:var(--gold);display:inline-flex}.coin-icon{width:calc(var(--px) * 6);height:calc(var(--px) * 6);box-shadow:0 0 0 calc(var(--px) * .5) #2a1f07;background:radial-gradient(circle at 35% 35%,#fff4b8 0 20%,#e6c65c 21% 60%,#9c7b25 61%);border-radius:50%;display:inline-block}.bar{height:calc(var(--px) * 3);border:calc(var(--px) * .5) solid #2b3329;background:#000;display:block;position:relative}.bar i{background:var(--cyan);height:100%;transition:width .1s linear;display:block}.bar.red i{background:var(--red)}.btn-main{font-family:var(--display);font-size:calc(var(--px) * 11);text-transform:uppercase;color:#fff8e0;padding:calc(var(--px) * 3) calc(var(--px) * 16);border:var(--px) solid #f0d68a;box-shadow:0 0 0 var(--px) #000, 0 calc(var(--px) * 2) 0 var(--px) #000;text-shadow:0 var(--px) 0 #3a2a08;background:linear-gradient(#c9a24a,#8f6e24);transition:transform 50ms,filter .1s}.btn-main:hover{filter:brightness(1.15)}.btn-main:active{transform:translateY(var(--px))}.btn-main kbd{vertical-align:calc(var(--px) * 2)}.btn-small{align-items:center;gap:calc(var(--px) * 3);font-family:var(--display);font-size:calc(var(--px) * 6);text-transform:uppercase;color:var(--ink);padding:calc(var(--px) * 3) calc(var(--px) * 5);border:var(--px) solid var(--dim);background:#0c1212;display:inline-flex}.btn-small:hover{border-color:var(--muted)}.btn-link{font-family:var(--display);font-size:calc(var(--px) * 6);color:var(--muted);text-decoration:underline}.item-icon{border:calc(var(--px) * .5) solid #34504c;box-shadow:inset 0 0 0 calc(var(--px) * .5) #000;background:#0b100f;flex:none;justify-content:center;align-items:center;display:inline-flex}.item-icon img{width:86%;height:86%;image-rendering:pixelated}.title{justify-content:center;align-items:center;gap:calc(var(--px) * 8);background:radial-gradient(#00000059 20%,#000000d1 75%);flex-direction:column;display:flex;position:absolute;inset:0}.logo{text-align:center;font-family:var(--display);text-transform:uppercase;filter:drop-shadow(0 calc(var(--px) * 2) 0 #000);line-height:.95}.logo-top{font-size:calc(var(--px) * 20);color:var(--cyan);letter-spacing:calc(var(--px) * 6)}.logo-bottom{font-size:calc(var(--px) * 46);color:#f3eedb;text-shadow:calc(var(--px) * 2) calc(var(--px) * 2) 0 #6a2d2d;font-weight:700}.tagline{font-size:calc(var(--px) * 9)}.keys{gap:calc(var(--px) * 3);padding:calc(var(--px) * 5) calc(var(--px) * 8);font-size:calc(var(--px) * 7);display:grid}.title-foot{font-size:calc(var(--px) * 6)}.more-games{right:calc(var(--px) * 8);bottom:calc(var(--px) * 8);width:calc(var(--px) * 14);height:calc(var(--px) * 14);padding:calc(var(--px) * 3);background:var(--panel);border:var(--px) solid var(--line);box-shadow:0 0 0 var(--px) #000;color:var(--muted);fill:currentColor;pointer-events:auto;position:absolute}.more-games:hover{color:var(--gold);border-color:var(--brass)}.hud{pointer-events:none;position:absolute;inset:0}.hud-top{top:calc(var(--px) * 3);left:calc(var(--px) * 5);right:calc(var(--px) * 5);justify-content:space-between;align-items:flex-start;display:flex;position:absolute}.wave-tag,.gold-tag{font-family:var(--display);font-size:calc(var(--px) * 9);text-shadow:0 var(--px) 0 #000, 0 0 calc(var(--px) * 3) #000}.gold-tag .coin{font-size:calc(var(--px) * 10)}.gold-tag .coin-icon{width:calc(var(--px) * 8);height:calc(var(--px) * 8)}.boss-bar{width:calc(var(--px) * 220);text-align:center}.boss-name{font-family:var(--display);font-size:calc(var(--px) * 7);color:var(--red);text-transform:uppercase;text-shadow:0 var(--px) 0 #000}.boss-bar .bar{height:calc(var(--px) * 5)}.hud-bottom{bottom:calc(var(--px) * 3);left:calc(var(--px) * 4);right:calc(var(--px) * 4);justify-content:space-between;align-items:flex-end;gap:calc(var(--px) * 6);display:flex;position:absolute}.vitals{width:calc(var(--px) * 120);padding:calc(var(--px) * 3) calc(var(--px) * 4)}.ship-name{font-family:var(--display);font-size:calc(var(--px) * 7);text-transform:uppercase;margin-bottom:calc(var(--px) * 2)}.bar.hp{height:calc(var(--px) * 7)}.bar.hp b{font-family:var(--display);font-weight:400;font-size:calc(var(--px) * 5.5);line-height:calc(var(--px) * 6);text-align:center;color:#fff;text-shadow:0 0 calc(var(--px) * 1) #000, 0 var(--px) 0 #000;position:absolute;inset:0}.bar.hp.low i{background:var(--red);animation:.5s steps(2,end) infinite pulse}@keyframes pulse{50%{opacity:.6}}.slots{gap:calc(var(--px) * 3);display:flex}.slot{width:calc(var(--px) * 22);height:calc(var(--px) * 22);background:var(--panel);border:var(--px) solid var(--line);box-shadow:0 0 0 var(--px) #000;justify-content:center;align-items:center;display:flex;position:relative}.slot.empty{opacity:.55}.slot .item-icon{box-shadow:none;background:0 0;border:0}.slot .x2{right:calc(var(--px) * .5);font-family:var(--display);font-size:calc(var(--px) * 5.5);color:var(--gold);text-shadow:0 var(--px) 0 #000;position:absolute;bottom:0}.slot-key{left:calc(var(--px) * 1);font-family:var(--display);font-size:calc(var(--px) * 4.5);color:var(--muted);position:absolute;top:0}button.slot:hover:not(.empty){border-color:var(--red)}.wood{align-items:center;gap:calc(var(--px) * 3);padding:calc(var(--px) * 3) calc(var(--px) * 5);width:calc(var(--px) * 120);font-family:var(--display);font-size:calc(var(--px) * 7);justify-content:flex-end;display:flex}.wood.none{opacity:.7}.banner{text-align:center;pointer-events:none;animation:2.2s ease-out forwards banner;position:absolute;top:34%;left:0;right:0}.banner-text{font-family:var(--display);font-size:calc(var(--px) * 30);text-transform:uppercase;color:#f3eedb;text-shadow:calc(var(--px) * 2) calc(var(--px) * 2) 0 #6a2d2d, 0 0 calc(var(--px) * 8) #000}.banner-sub{font-size:calc(var(--px) * 9);text-shadow:0 var(--px) 0 #000}@keyframes banner{0%{opacity:0;transform:scale(1.3)}12%{opacity:1;transform:scale(1)}75%{opacity:1}to{opacity:0}}.shop-screen{position:absolute;inset:0}.shop{width:calc(var(--px) * 560);padding:calc(var(--px) * 8) calc(var(--px) * 10) calc(var(--px) * 10);gap:calc(var(--px) * 7);justify-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.shop-head{text-align:center;gap:calc(var(--px) * 2);display:grid}.shop-title{font-family:var(--display);font-size:calc(var(--px) * 14);text-transform:uppercase;color:var(--gold);text-shadow:0 var(--px) 0 #000}.offers{gap:calc(var(--px) * 6);grid-auto-columns:1fr;grid-auto-flow:column;width:100%;display:grid}.item-card{align-content:start;justify-items:center;gap:calc(var(--px) * 3);min-height:calc(var(--px) * 116);padding:calc(var(--px) * 9) calc(var(--px) * 5) calc(var(--px) * 5);border:var(--px) solid var(--line);box-shadow:0 0 0 var(--px) #000;text-align:center;background:#0a1111;transition:transform 80ms,border-color .1s;display:grid;position:relative}.item-card:hover:not(.disabled):not(.bought){transform:translateY(calc(var(--px) * -2));border-color:var(--brass)}.item-card.doubles{border-color:color-mix(in srgb, var(--gold) 60%, var(--line));box-shadow:0 0 0 var(--px) #000, 0 0 calc(var(--px) * 8) #e6c65c40}.item-card.disabled{opacity:.5;cursor:default}.item-card.bought{opacity:.3;cursor:default;align-content:center}.card-key{left:calc(var(--px) * 3);top:calc(var(--px) * 3);position:absolute}.card-flag{top:calc(var(--px) * -4);white-space:nowrap;font-family:var(--display);font-size:calc(var(--px) * 5.5);text-transform:uppercase;color:#10140c;background:var(--gold);padding:0 calc(var(--px) * 4);position:absolute;left:50%;transform:translate(-50%)}.card-flag.bad{background:var(--red);color:#fff}.card-name{font-family:var(--display);font-size:calc(var(--px) * 7.5);text-transform:uppercase}.card-blurb{font-size:calc(var(--px) * 7);color:#f3e3a8;min-height:calc(var(--px) * 24);line-height:1.15}.card-stats{gap:calc(var(--px) * 5);font-size:calc(var(--px) * 6.5);display:flex}.card-stats em,.over-stats em{font-style:normal;font-family:var(--display);font-size:calc(var(--px) * 4.5);color:var(--muted);text-transform:uppercase;display:block}.card-price{font-size:calc(var(--px) * 8);margin-top:auto}.shop-row{gap:calc(var(--px) * 6);justify-content:center;align-items:stretch;width:100%;display:flex}.ship-offer{align-items:center;gap:calc(var(--px) * 5);padding:calc(var(--px) * 3) calc(var(--px) * 6);border:var(--px) solid var(--line);box-shadow:0 0 0 var(--px) #000;background:#0a1111;display:flex}.ship-offer:hover{border-color:var(--brass)}.ship-offer.poor{opacity:.55}.ship-offer-name{font-family:var(--display);font-size:calc(var(--px) * 7);text-transform:uppercase;color:var(--cyan)}.shop-slots{gap:calc(var(--px) * 3);justify-items:center;display:grid}.over{background:#030606cc}.over-stats{gap:calc(var(--px) * 16);font-family:var(--display);font-size:calc(var(--px) * 11);text-align:center;display:flex}.dmg{gap:calc(var(--px) * 2);padding:calc(var(--px) * 4) calc(var(--px) * 6);width:calc(var(--px) * 240);display:grid}.dmg-row{grid-template-columns:auto calc(var(--px) * 66) 1fr calc(var(--px) * 24);gap:calc(var(--px) * 4);font-size:calc(var(--px) * 6.5);align-items:center;display:grid}.dmg-row .bar i{background:var(--gold)}.dmg-n{text-align:right;font-family:var(--display);font-size:calc(var(--px) * 6)}.sound-toggles{gap:calc(var(--px) * 8);display:flex}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.hud-left{gap:calc(var(--px) * 1.5);justify-items:start;display:grid}.level-tag{font-family:var(--display);font-size:calc(var(--px) * 9);color:var(--gold);text-shadow:0 var(--px) 0 #000, 0 0 calc(var(--px) * 3) #000}.bar.xp{width:calc(var(--px) * 90);height:calc(var(--px) * 3)}.bar.xp i{background:var(--gold)}.zone-tag{align-items:center;gap:calc(var(--px) * 6);padding:calc(var(--px) * 2.5) calc(var(--px) * 7);display:flex}.zone-name{font-family:var(--display);font-size:calc(var(--px) * 7);text-transform:uppercase}.zone-name.quiet{color:var(--muted)}.depth{align-items:center;gap:calc(var(--px) * 1.5);font-size:calc(var(--px) * 6);color:var(--muted);display:inline-flex}.depth i{width:calc(var(--px) * 5);height:calc(var(--px) * 5);background:var(--dim);display:inline-block}.depth i:first-child{margin-left:calc(var(--px) * 2)}.depth i.seen{background:color-mix(in srgb, var(--ink) 35%, var(--dim))}.stockpips{gap:calc(var(--px) * 1);display:inline-flex}.stockpips i{width:calc(var(--px) * 3);height:calc(var(--px) * 5);background:var(--dim);display:inline-block}.stockpips i.home{background:var(--ink)}.zone-tag{white-space:nowrap}.base-phase{font-family:var(--display);font-size:calc(var(--px) * 5.5);text-transform:uppercase;color:var(--muted)}.base-phase.wave{color:#ffd98a}.base-phase.breach{color:var(--red);animation:.5s steps(2,end) infinite pulse}.purse{gap:calc(var(--px) * 8);font-family:var(--display);text-shadow:0 var(--px) 0 #000, 0 0 calc(var(--px) * 3) #000;align-items:center;display:flex}.purse>div{align-items:center;gap:calc(var(--px) * 3);display:flex}.purse-label{font-size:calc(var(--px) * 5);text-transform:uppercase;color:var(--muted)}.hold .coin{font-size:calc(var(--px) * 10)}.hold.full .coin{color:var(--gold)}.hold.full .purse-label{color:#ffd98a}.bank .coin{font-size:calc(var(--px) * 7);opacity:.85}.alerts{top:calc(var(--px) * 26);gap:calc(var(--px) * 2);pointer-events:none;width:calc(var(--px) * 360);justify-items:center;display:grid;position:absolute;left:50%;transform:translate(-50%)}.alert{font-size:calc(var(--px) * 7);padding:calc(var(--px) * 1.5) calc(var(--px) * 6);border:var(--px) solid var(--line);text-align:center;text-shadow:0 var(--px) 0 #000;background:#060c0dd1;animation:.2s ease-out screen-in}.alert.good{border-color:var(--gold);color:var(--gold)}.alert.bad{border-color:var(--red);color:#ffb0a4}.alert.warn{color:#ffd98a;border-color:#d8a040}.pips{gap:calc(var(--px) * 1.5);justify-content:center;margin-top:auto;display:flex}.pips i{width:calc(var(--px) * 5);height:calc(var(--px) * 3);background:var(--dim)}.pips i.on{background:var(--gold)}.stock.two{grid-template-columns:1fr 1fr}.logbook{gap:calc(var(--px) * 3);padding:calc(var(--px) * 5) calc(var(--px) * 8);min-width:calc(var(--px) * 300);display:grid}.log-faction{gap:calc(var(--px) * 1);display:grid}.log-row{grid-template-columns:calc(var(--px) * 110) calc(var(--px) * 26) 1fr;gap:calc(var(--px) * 6);font-size:calc(var(--px) * 6.5);padding-left:calc(var(--px) * 6);align-items:center;display:grid}.log-row .taken{color:var(--gold)}.minimap{top:calc(var(--px) * 16);right:calc(var(--px) * 5);width:calc(var(--px) * 128);height:calc(var(--px) * 70);border:var(--px) solid var(--line);box-shadow:0 0 0 var(--px) #000;image-rendering:pixelated;pointer-events:none;position:absolute}.dock-prompt{left:50%;bottom:calc(var(--px) * 34);padding:calc(var(--px) * 3) calc(var(--px) * 7);font-size:calc(var(--px) * 7);white-space:nowrap;border-color:var(--brass);animation:.2s ease-out screen-in;position:absolute;transform:translate(-50%)}.stock{gap:calc(var(--px) * 3);width:100%;display:grid}.stock-row{gap:calc(var(--px) * 6);text-align:left;padding:calc(var(--px) * 3) calc(var(--px) * 5);border:var(--px) solid var(--line);box-shadow:0 0 0 var(--px) #000;background:#0a1111;grid-template-columns:auto auto 1fr auto auto;align-items:center;display:grid}.stock-row:hover:not(.disabled){border-color:var(--brass)}.stock-row.disabled{opacity:.5}.stock-row.doubles{border-color:color-mix(in srgb, var(--gold) 60%, var(--line))}.stock-what{gap:calc(var(--px) * 1);display:grid}.stock-row .card-blurb{min-height:0;font-size:calc(var(--px) * 6.5)}.row-flag{margin-left:calc(var(--px) * 4);font-size:calc(var(--px) * 5);background:var(--gold);color:#10140c;padding:0 calc(var(--px) * 2)}.row-flag.bad{background:var(--red);color:#fff}