@font-face{font-family:Topaz;src:url(/fonts/Topaz.woff2)format("woff2"),url(/fonts/Topaz.ttf)format("truetype");font-display:swap}@font-face{font-family:Mosoul;src:url(/fonts/Mosoul.woff2)format("woff2"),url(/fonts/Mosoul.ttf)format("truetype");font-display:swap}:root{--black:#000;--navy:#0000b0;--blue:#0048f8;--sky:#00b4f8;--white:#f8fcf8;--grey:#d8d8d8;--dim:#686c68;--ink:#202420;--red-d:#900000;--red:#d80000;--red-l:#f80000;--pink:#f84868;--mesh:#68d800;--yellow:#f8d800;--p:2px;--gap:14px;--pad:20px;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;min-width:0}html,body{background:var(--black);color:var(--white);margin:0;padding:0}body{-webkit-font-smoothing:none;cursor:url(/ui/cursor.png) 2 2,auto;image-rendering:pixelated;background-image:url(/ui/grid.png);background-repeat:repeat;font-family:Topaz,ui-monospace,monospace;font-size:16px;line-height:1.5}img,canvas{image-rendering:pixelated}button,input{font:inherit;color:inherit;cursor:url(/ui/cursor.png) 2 2,pointer}:focus-visible{outline:var(--p) solid var(--sky);outline-offset:2px}a{color:var(--sky)}.screen{flex-direction:column;min-height:100dvh;padding:12px;display:flex}.bezel{border:12px solid var(--grey);gap:var(--gap);border-bottom-color:#b0b4b0;border-right-color:#b0b4b0;flex-direction:column;flex:1;padding:24px;display:flex}.plate,.plate-black{border-style:solid;border-width:8px;image-rendering:pixelated;border-image-slice:8 fill;border-image-repeat:stretch}.plate{border-image-source:url(/ui/plate.png)}.plate-black{border-image-source:url(/ui/plate_black.png)}.panel{border-style:solid;border-width:8px;padding:0 0 var(--pad);border-image-source:url(/ui/plate.png);border-image-slice:8 fill;border-image-repeat:stretch;flex-direction:column;display:flex}.panel>h2{padding:8px var(--pad);letter-spacing:.02em;border-style:solid;border-width:8px;border-image-source:url(/ui/plate_head.png);border-image-slice:8 fill;border-image-repeat:stretch;margin:4px 4px 14px;font-size:16px;font-weight:400}.panel>h2 .sub{color:var(--grey)}.panel-body{padding:0 var(--pad);flex-direction:column;flex:1;gap:10px;display:flex}.key{border-style:solid;border-width:8px;min-height:48px;color:var(--white);white-space:nowrap;border-image-source:url(/ui/key_blue.png);border-image-slice:8 fill;border-image-repeat:stretch;justify-content:center;align-items:center;gap:10px;padding:10px 18px;text-decoration:none;transition:none;display:inline-flex;position:relative}.key img{flex:none;width:auto;height:24px}.key.red{border-image-source:url(/ui/key_red.png)}.key.red:hover:not(:disabled){border-image-source:url(/ui/key_red_hover.png)}.key.red:active:not(:disabled){border-image-source:url(/ui/key_red_down.png);transform:translate(2px,2px)}.key:hover:not(:disabled):not(.lit):not(.dim){border-image-source:url(/ui/key_blue_hover.png)}.key:active:not(:disabled):not(.dim){transform:translate(2px,2px)}.key.lit{color:var(--black);border-image-source:url(/ui/key_lit.png)}.key.dim,.key:disabled{color:var(--dim);cursor:url(/ui/cursor.png) 2 2,not-allowed;border-image-source:url(/ui/key_dim.png)}.key.small{min-height:40px;padding:8px 16px}.keys{flex-wrap:wrap;gap:10px;display:flex}.keys.two>*{flex:1 1 0}.field{border-style:solid;border-width:8px;border-image-source:url(/ui/field.png);border-image-slice:8 fill;border-image-repeat:stretch;align-items:center;gap:12px;padding:8px 14px;display:flex}.field:focus-within{border-image-source:url(/ui/field_focus.png)}.field input{background:0 0;border:0;outline:none;flex:1;min-width:0;padding:4px 0}.field button{color:var(--sky);background:0 0;border:0;padding:4px}.rows{flex-direction:column;gap:8px;display:flex}.row{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.row .k{color:var(--white);flex:0 auto}.row .v{color:var(--sky);text-align:right;white-space:nowrap;flex:none}.note{color:var(--grey)}.warn{color:var(--pink)}.err{color:var(--pink);overflow-wrap:anywhere}.ok{color:var(--mesh)}hr.rule{border:0;border-top:var(--p) solid var(--blue);margin:4px 0}.counter{white-space:nowrap;color:var(--white);letter-spacing:.02em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-family:Mosoul,Topaz,monospace;font-size:clamp(26px,2.9vw,44px);line-height:1.1}.counter .unit{color:var(--sky);margin-left:10px;font-family:Topaz,monospace;font-size:14px}.band{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.band .mark{padding:10px 20px}.band .mark img{width:auto;height:36px;display:block}.band .premise{color:var(--sky);flex:1;min-width:200px}.band nav{gap:12px;display:flex}.band nav .key{min-width:120px}.deck{gap:var(--gap);flex:1;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:300px minmax(0,1fr) 400px;display:grid}.deck .col-left,.deck .col-right{gap:var(--gap);flex-direction:column;display:flex}.deck .col-left{grid-area:1/1}.deck .stage{grid-area:1/2;min-height:460px}.deck .col-right{grid-area:1/3}.foot{gap:var(--gap);grid-area:2/1/auto/-1;grid-template-columns:minmax(0,1fr) 400px;display:grid}.page{gap:var(--gap);flex-direction:column;flex:1;display:flex}.stage{position:relative;overflow:hidden}.stage .mesh{object-fit:cover;object-position:center;opacity:.85;width:100%;height:100%;position:absolute;inset:0}.tap{aspect-ratio:508/522;width:min(320px,48%);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tap .part{width:100%;height:100%;position:absolute;inset:0}.drop{transform-origin:50% 0;height:auto;animation:fall var(--fall,4s) cubic-bezier(.55, 0, .9, .6) infinite;pointer-events:none;position:absolute}.drop.still{animation:none}@keyframes fall{0%{opacity:.7;transform:translateY(-14%)scale(.35)}32%{opacity:1;transform:translateY(0)scale(1)}42%{opacity:1;transform:translateY(0)scale(1)}to{transform:translateY(var(--drop-travel,110px)) scale(1);opacity:0}}.scan{background:var(--sky);opacity:.5;height:2px;animation:7s linear infinite scan;position:absolute;left:0;right:0}@keyframes scan{0%{top:4%}to{top:96%}}.callout .tag{white-space:normal;padding:7px 12px;font-size:16px;line-height:1.25;position:absolute}.callout .lead{background:var(--white);display:block;position:absolute}.callout .pin{border:2px solid var(--white);width:12px;height:12px;display:block;position:absolute}.chart{border:var(--p) solid var(--blue);background:var(--black);width:100%;display:block}.gauge-row{align-items:stretch;gap:20px;display:flex}.gauge{border:var(--p) solid var(--blue);background:var(--black);flex-direction:column-reverse;flex:none;gap:2px;width:48px;padding:4px;display:flex}.gauge i{background:var(--ink);flex:1;display:block}.gauge i.on:first-child{background:var(--sky)}.gauge i.on:nth-child(2){background:var(--mesh)}.gauge i.on:nth-child(3){background:#d8fc00}.gauge i.on:nth-child(4){background:var(--yellow)}.gauge i.on:nth-child(5){background:#f8b400}.gauge i.on:nth-child(6){background:var(--red-l)}.address{overflow-wrap:anywhere;color:var(--white);font-size:16px}.ledger{border-collapse:collapse;width:100%;font-size:16px}.ledger th,.ledger td{text-align:left;border-bottom:var(--p) solid var(--navy);vertical-align:top;overflow-wrap:anywhere;padding:10px 16px 10px 0}.ledger th{color:var(--grey);font-weight:400}.ledger td.num{color:var(--sky);text-align:right;padding-right:0}.ledger tr:last-child td{border-bottom:0}.scroller{overflow-x:auto}@media (max-width:1520px){.deck{grid-template-columns:280px minmax(0,1fr) 360px}.foot{grid-template-columns:minmax(0,1fr) 360px}}@media (max-width:1180px){.deck{grid-template-columns:minmax(0,1fr) 360px}.deck .stage{grid-area:1/1;min-height:400px}.deck .col-left{grid-area:2/1}.deck .col-right{grid-area:1/2/span 2}.foot{grid-row:3;grid-template-columns:minmax(0,1fr)}}@media (max-width:820px){.deck{flex-direction:column;display:flex}.deck .stage{order:-1}.deck .col-left{display:contents}.bezel{border-width:8px;padding:12px}.screen{padding:6px}.deck{grid-template-columns:minmax(0,1fr)}.deck .stage,.deck .col-left,.deck .col-right{grid-area:auto/1}.deck .col-right{display:contents}.stage{min-height:320px}.tap{width:254px}.band nav{width:100%}.band nav .key{flex:1;min-width:0;padding:10px 6px}.counter{font-size:32px}.callout{display:none}}@media (max-width:380px){body{font-size:15px}.counter{font-size:26px}}@media (prefers-reduced-motion:reduce){.drop,.scan{animation:none}.tap-parts img{transition:none}}
