:root{--frame:#6c5eb5;--screen:#352879;--screen-deep:#2a1f66;--text:#c4bdf7;--dim:#8d84d6;--bright:#fff;--yellow:#ee7;--green:#9ae29b;--red:#ff9c8f;--cyan:#afe;--orange:#f0b070;--inverse-bg:#c4bdf7;--inverse-fg:#352879;--font:"VT323", ui-monospace, "Menlo", monospace;--size:clamp(18px, .9vw + 10px, 24px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--frame);min-height:100%;color:var(--text);font-family:var(--font);font-size:var(--size);-webkit-font-smoothing:none;font-smooth:never;margin:0;line-height:1.15}body,#app{min-height:100dvh}a{color:var(--cyan);text-decoration:none}a:hover{background:var(--cyan);color:var(--screen)}h1,h2,h3{margin:0 0 .4em;font-weight:400;line-height:1}h1{color:var(--bright);letter-spacing:.05em;font-size:2em}h2{color:var(--yellow);font-size:1.35em}h3{color:var(--cyan);font-size:1.1em}p{margin:0 0 .6em}.frame{min-height:100dvh;padding:clamp(10px,3vw,40px)}.screen{background:var(--screen);flex-direction:column;max-width:96ch;min-height:calc(100dvh - 2*clamp(10px,3vw,40px));margin:0 auto;padding:1ch 2ch 2ch;display:flex}.topline{color:var(--dim);border-bottom:1px dashed var(--dim);justify-content:space-between;align-items:baseline;gap:1ch;margin-bottom:.6em;padding-bottom:.2em;display:flex}.topline .brand{color:var(--bright)}.lang button{padding:0 .5ch}.lang button.on{background:var(--inverse-bg);color:var(--inverse-fg)}button,.btn{font:inherit;color:var(--bright);cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:.05em .4ch}button:hover:not(:disabled),.btn:hover,button.on{background:var(--inverse-bg);color:var(--inverse-fg)}button:disabled{color:var(--dim);cursor:default}button.primary{color:var(--yellow)}button.primary:hover:not(:disabled){background:var(--yellow);color:var(--screen)}button.danger{color:var(--red)}button.danger:hover:not(:disabled){background:var(--red);color:var(--screen)}input,select{font:inherit;color:var(--bright);background:var(--screen-deep);border:0;border-bottom:2px solid var(--dim);border-radius:0;min-width:0;padding:.05em .4ch}input:focus,select:focus{border-bottom-color:var(--yellow);outline:none}input[type=checkbox]{display:none}.check{color:var(--dim);cursor:pointer;-webkit-user-select:none;user-select:none}.check.on{color:var(--yellow)}.dim{color:var(--dim)}.bright{color:var(--bright)}.yellow{color:var(--yellow)}.green{color:var(--green)}.red{color:var(--red)}.cyan{color:var(--cyan)}.orange{color:var(--orange)}.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.nowrap{white-space:nowrap}.inverse{background:var(--inverse-bg);color:var(--inverse-fg);padding:0 .5ch}.blink{animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.box{border:2px solid var(--dim);margin-bottom:.8em;padding:.5em 1.5ch}.box.alert{border-color:var(--red)}.box.good{border-color:var(--green)}.box>h2:first-child,.box>h3:first-child{margin-top:0}.row{flex-wrap:wrap;align-items:baseline;gap:.3em 2ch;display:flex}.spread{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.3em 2ch;display:flex}.stack>*+*{margin-top:.6em}.actions{flex-wrap:wrap;gap:.4em 1ch;margin-top:.6em;display:flex}.cols{grid-template-columns:1fr 1fr;gap:0 3ch;display:grid}@media (max-width:720px){.cols{grid-template-columns:1fr}}table.grid{border-collapse:collapse;width:100%;margin-bottom:.6em}table.grid th{text-align:left;color:var(--cyan);border-bottom:1px dashed var(--dim);white-space:nowrap;padding:0 .6ch;font-weight:400}table.grid td{vertical-align:baseline;white-space:nowrap;padding:0 .6ch}.scroll{overflow-x:auto}table.grid td button{padding:0 .2ch}table.grid tr.click{cursor:pointer}table.grid tbody tr:hover td{background:var(--screen-deep)}table.grid tr.me td{color:var(--yellow)}table.grid tr.sel td{background:var(--screen-deep)}table.grid th.num,table.grid td.num{text-align:right}.cards{margin:0 0 .6em;padding:0;list-style:none}.cards li{border-bottom:1px dashed var(--screen-deep);padding:.35em 0}.cards li.me{color:var(--yellow)}.cards li.click{cursor:pointer}.cards .title{color:var(--bright)}.cards li.me .title{color:var(--yellow)}.cards .sub{color:var(--dim)}.zone-up td:first-child,.zone-up .pos{color:var(--green)}.zone-down td:first-child,.zone-down .pos{color:var(--red)}.zone-blocked td:first-child,.zone-blocked .pos{color:var(--orange)}.hud{flex-wrap:wrap;justify-content:space-between;gap:.2em 2ch;margin-bottom:.4em;display:flex}.hud .club{color:var(--bright);font-size:1.25em}.menu{border-top:1px dashed var(--dim);border-bottom:1px dashed var(--dim);flex-wrap:wrap;gap:.1em .6ch;margin-bottom:.8em;padding:.15em 0;display:flex}.menu a{color:var(--text);padding:0 .5ch}.menu a.router-link-exact-active,.menu a:hover{background:var(--inverse-bg);color:var(--inverse-fg)}.menu a.play{color:var(--yellow)}.content{flex:1}.tabs{flex-wrap:wrap;gap:.2em 1ch;margin-bottom:.6em;display:flex}.flash{z-index:20;max-width:min(70ch,100vw - 32px);color:var(--screen);background:var(--red);padding:.3em 1.5ch;position:fixed;bottom:1.2em;left:50%;transform:translate(-50%)}.flash.ok{background:var(--green)}@media (max-width:720px){:root{--size:20px}.frame{padding:0}.screen{min-height:100dvh;padding:.6em 16px calc(4.2em + env(safe-area-inset-bottom));max-width:none}h1{font-size:1.7em}.menu{display:none}.tabbar{z-index:10;background:var(--frame);padding:4px 4px calc(4px + env(safe-area-inset-bottom));grid-template-columns:repeat(5,1fr);gap:4px;display:grid;position:fixed;bottom:0;left:0;right:0}.tabbar a,.tabbar button{background:var(--screen);min-height:48px;color:var(--text);text-align:center;justify-content:center;align-items:center;font-size:.95em;display:flex}.tabbar a.router-link-exact-active,.tabbar button.on{background:var(--inverse-bg);color:var(--inverse-fg)}.tabbar a.play{color:var(--yellow)}.sheet{inset:0 0 calc(56px + env(safe-area-inset-bottom)) 0;z-index:9;background:var(--screen);grid-template-columns:1fr 1fr;align-content:start;gap:8px;padding:1em 16px;display:grid;position:fixed;overflow-y:auto}.sheet a{border:2px solid var(--dim);min-height:52px;color:var(--bright);align-items:center;padding:0 1ch;display:flex}button,.btn{min-height:40px;padding:.1em .8ch}.actions button{flex:auto}input,select{min-height:40px}.flash{bottom:calc(64px + env(safe-area-inset-bottom))}}@media (min-width:721px){.tabbar,.sheet{display:none}}