@font-face{font-family:Chicago;src:url(/fonts/ChicagoFLF.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Galmuri;src:url(/fonts/Galmuri11.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Galmuri;src:url(/fonts/Galmuri11-Bold.woff2)format("woff2");font-weight:700;font-display:swap}:root{--ink:#000;--paper:#fff;--px:2px;--title:24px;--label:22px;--body:22px;--lh:34px;--big:44px;--pad:32px;--btn-h:52px;font-family:Galmuri,Chicago,monospace;font-size:var(--body);line-height:var(--lh);color:var(--ink);font-synthesis:none;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale;text-rendering:optimizespeed}*{box-sizing:border-box}html,body{background:var(--ink);color:var(--ink);min-height:100%;margin:0}body{cursor:url(/ui/cursor-arrow.png) 2 2,auto;overflow-x:hidden}button,a,label,[role=button]{cursor:url(/ui/cursor-hand.png) 10 2,pointer}img{image-rendering:pixelated;image-rendering:crisp-edges}button{font:inherit;color:inherit;background:0 0;border:0;padding:0}input{font:inherit;color:inherit}a{color:inherit}.chi{font-family:Chicago,Galmuri,monospace}.b{font-weight:700}.dim{color:#000;opacity:.55}.nowrap{white-space:nowrap}:focus-visible{outline:4px dotted var(--ink);outline-offset:2px}.desk{width:100%;min-height:100vh;position:relative;overflow:hidden}.stage{transform-origin:0 0;width:1440px;height:900px;position:relative}.stage.stacked{flex-direction:column;align-items:center;gap:28px;width:100%;height:auto;padding:24px 16px 40px;display:flex;transform:none!important}.stage.stacked .win,.stage.stacked .dialog{max-width:720px;z-index:auto!important;width:100%!important;position:relative!important;top:auto!important;left:auto!important}.stage.stacked .win{margin-top:40px}.stage.stacked .win.hidden,.stage.stacked .dialog.hidden{display:none}.win{background:var(--paper);box-shadow:4px 4px 0 var(--ink);image-rendering:pixelated;border-style:solid;border-width:40px 4px 4px;border-image:url(/ui/win.png) 20 2 2/40px 4px 4px;position:absolute;container-type:inline-size}.win.hidden,.win.rolled>.win-body{display:none}.win.rolled{border-bottom-width:0;height:40px!important}.win-title{touch-action:none;-webkit-user-select:none;user-select:none;cursor:url(/ui/cursor-arrow.png) 2 2,move;justify-content:center;align-items:center;height:40px;display:flex;position:absolute;top:-40px;left:0;right:0}.win-title>span{background:var(--paper);font-family:Chicago,monospace;font-size:var(--title);text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 100px);padding:0 14px;line-height:36px;overflow:hidden}.win-box{background:var(--paper);width:24px;height:24px;padding:2px;position:absolute;top:8px}.win-box img{width:20px;height:20px;display:block}.win-box.close{left:10px}.win-box.zoom{right:10px}.win-body{padding:var(--pad)}.win-body.tight{padding:24px var(--pad)}.dialog{background:var(--paper);box-shadow:4px 4px 0 var(--ink);padding:20px calc(var(--pad) - 8px) 24px;border-style:solid;border-width:16px;border-image:url(/ui/dialog.png) 8 fill/16px;position:absolute}.h{font-family:Chicago,monospace;font-size:var(--title);margin:0 0 12px;line-height:36px}.big{font-family:Chicago,monospace;font-size:var(--big);letter-spacing:0;line-height:56px}.num{font-family:Chicago,monospace;font-size:28px;line-height:40px}.label{font-family:Chicago,monospace;font-size:var(--label);line-height:32px}p{margin:0 0 12px}p:last-child{margin-bottom:0}.row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.between{justify-content:space-between}.stack{flex-direction:column;gap:16px;display:flex}.gap8{gap:8px}.mt{margin-top:20px}.mt2{margin-top:28px}.btn{min-height:var(--btn-h);font-family:Chicago,monospace;font-size:var(--label);white-space:nowrap;background:var(--paper);image-rendering:pixelated;-webkit-user-select:none;user-select:none;border-style:solid;border-width:12px;border-image:url(/ui/btn.png) 6 fill/12px;justify-content:center;align-items:center;gap:12px;padding:0 24px;line-height:32px;display:inline-flex}.btn.default{border-width:16px 24px;border-image:url(/ui/btn-default.png) 8 12 fill/16px 24px;margin:-4px;padding:0 16px}.btn:active:not(:disabled),.btn.pressed{background:var(--ink);color:var(--paper);border-image:url(/ui/btn-pressed.png) 6 fill/12px}.btn:active:not(:disabled) img.mark,.btn.pressed img.mark{filter:invert()}.btn:disabled{color:#000;opacity:.45;cursor:url(/ui/cursor-arrow.png) 2 2,not-allowed}.btn img.mark{object-fit:contain;image-rendering:auto;width:28px;height:28px}.btn img.glyph{width:24px;height:20px}.btn.sq{padding:0 14px}.field{width:100%;min-height:var(--btn-h);background:var(--paper);border:4px solid var(--ink);font-family:Galmuri,monospace;font-size:var(--body);border-image:url(/ui/box.png) 1 fill/4px;outline:none;padding:8px 16px;line-height:34px;display:block}.field.addr{word-break:break-all;white-space:normal;padding:10px 16px;font-family:Galmuri,monospace;line-height:30px}.dither{image-rendering:pixelated;background:url(/ui/dither50.png) 0 0/4px 4px}.dither25{image-rendering:pixelated;background:url(/ui/dither25.png) 0 0/8px 8px}.plate{background:var(--paper);padding:0 8px}.class{justify-content:center;gap:24px 12px;display:grid}.grad{text-align:center;flex-direction:column;align-items:center;gap:6px;width:128px;display:flex}.grad .pic{border:2px solid var(--ink);background:var(--paper);width:132px;height:132px;padding:0;display:block}.grad .pic canvas,.grad .pic img{width:128px;height:128px;display:block}.grad .pic.empty{background:url(/ui/dither25.png) 0 0/8px 8px}.grad .sym{font-family:Chicago,monospace;font-size:var(--label);text-overflow:ellipsis;white-space:nowrap;max-width:128px;line-height:28px;overflow:hidden}.grad .chg{font-family:Galmuri,monospace;font-weight:700;font-size:var(--body);line-height:28px}.waitrow{flex-wrap:wrap;gap:12px;display:flex}.waitplate{border:2px solid var(--ink);background:url(/ui/dither50.png) 0 0/4px 4px;justify-content:center;align-items:center;min-width:104px;height:44px;padding:0 12px;display:flex;position:relative}.waitplate span{background:var(--paper);font-family:Chicago,monospace;font-size:var(--label);padding:0 8px;line-height:28px}.track{border:2px solid var(--ink);background:var(--paper);height:20px;position:relative}.track .fill{background:var(--ink);position:absolute;top:2px;bottom:2px;left:2px}.track .tick{background:var(--ink);width:2px;height:8px;position:absolute;top:-12px}.icons{gap:12px;display:flex;position:absolute}.stage.stacked .icons{flex-wrap:wrap;order:99;justify-content:center;gap:4px;width:100%;position:static}.stage.stacked .icon{width:80px}.icon{flex-direction:column;align-items:center;gap:8px;width:104px;display:flex}.icon img{width:64px;height:64px}.icon span{background:var(--paper);font-family:Chicago,monospace;font-size:var(--label);white-space:nowrap;padding:0 8px;line-height:30px}.icon:active span,.icon.open span{background:var(--ink);color:var(--paper)}.clock{background:var(--paper);border:2px solid var(--ink);height:52px;font-family:Chicago,monospace;font-size:var(--title);white-space:nowrap;align-items:center;gap:14px;padding:0 18px 0 14px;display:flex;position:absolute}.clock .sq{border:2px solid var(--ink);width:20px;height:20px}.stage.stacked .clock{order:100;margin-top:8px;position:static}.list{border:2px solid var(--ink)}.list>div{border-bottom:2px solid var(--ink);align-items:center;gap:16px;padding:10px 16px;display:flex}.list>div:last-child{border-bottom:0}.list .grow{flex:1;min-width:0}.scroll{scrollbar-width:thin;scrollbar-color:var(--ink) var(--paper);max-height:420px;overflow:auto}dialog.alert{background:0 0;border:0;width:calc(100% - 32px);max-width:560px;padding:0}dialog.alert::backdrop{opacity:.6;background:url(/ui/dither50.png) 0 0/4px 4px}dialog.alert .dialog{position:static}.alert-row{align-items:flex-start;gap:24px;display:flex}.alert-row img{flex:none;width:48px;height:44px;margin-top:4px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
