@font-face{font-family:Graphite Pixel;src:url(/fonts/graphite-pixel.woff) format("woff");font-weight:400;font-display:block}@font-face{font-family:Graphite Pixel;src:url(/fonts/graphite-pixel-bold.woff) format("woff");font-weight:700;font-display:block}:root{--u: 2px;--light: #d8d6cc;--dark: #1e2225;--fill: var(--light);--fill2: var(--light);--edge: var(--dark);--hi: var(--light);--lo: var(--dark);--drop: var(--dark);--fg: var(--dark);--dim: var(--dark);--faint: var(--dark);--trough: var(--dark);--amber: var(--dark);--warn: var(--dark);--crit: var(--dark);--px: "Graphite Pixel", ui-monospace, monospace}body.night{--fill: var(--dark);--fill2: var(--dark);--edge: var(--light);--hi: var(--dark);--lo: var(--light);--drop: var(--light);--fg: var(--light);--dim: var(--light);--faint: var(--light);--trough: var(--light);--amber: var(--light);--warn: var(--light);--crit: var(--light)}.checker,.seg i:not(.on):not(.mark){background:conic-gradient(var(--fg) 25%,transparent 0 50%,var(--fg) 0 75%,transparent 0) 0 0 / calc(var(--u) * 2) calc(var(--u) * 2)!important}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#0b0d0f;color:var(--fg);font-family:var(--px);font-size:calc(var(--u) * 9);line-height:calc(var(--u) * 11);-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale;font-smooth:never;text-rendering:optimizeSpeed;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}canvas#c{touch-action:none;position:fixed;left:0;top:0;image-rendering:pixelated;image-rendering:crisp-edges;display:block}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0;text-align:left}img{image-rendering:pixelated}.plate,#panel,.btn,.key,#prompt,#log div,#bar,.stats div{background:var(--fill);box-shadow:0 calc(var(--u) * -1) 0 0 var(--edge),0 var(--u) 0 0 var(--edge),calc(var(--u) * -1) 0 0 0 var(--edge),var(--u) 0 0 0 var(--edge),inset 0 var(--u) 0 0 var(--hi),inset 0 calc(var(--u) * -1) 0 0 var(--lo),0 calc(var(--u) * 2) 0 0 var(--drop);transition:background .6s,color .6s}.plate{position:fixed;padding:calc(var(--u) * 4) calc(var(--u) * 5) calc(var(--u) * 4)}.row{display:flex;justify-content:space-between;align-items:baseline;gap:calc(var(--u) * 6);white-space:nowrap}.lab{color:var(--dim)}.val{font-weight:700}.big{font-size:calc(var(--u) * 18);line-height:calc(var(--u) * 18);font-weight:700}.ic{font-style:normal;display:inline-block;width:calc(var(--u) * 7);margin-right:calc(var(--u) * 3);color:var(--dim)}.grid-c{color:var(--amber)}.warn{color:var(--warn)}.bad{color:var(--crit)}.dimc{color:var(--dim)}.good{color:inherit}.pink{color:var(--warn)}.warn .ic,.bad .ic{color:inherit}.seg{display:flex;gap:var(--u);height:calc(var(--u) * 3);margin:var(--u) 0 calc(var(--u) * 3);padding:0}.seg i{flex:1;background:var(--trough)}.seg i.on{background:var(--fg)}.seg.warn i.on{background:var(--warn)}.seg.bad i.on{background:var(--crit)}.seg.grid-c i.on{background:var(--amber)}.seg i.mark{background:var(--warn)}#p-time{left:calc(var(--u) * 6);top:calc(var(--u) * 6);min-width:calc(var(--u) * 96)}#p-time .top{display:flex;align-items:baseline;gap:calc(var(--u) * 6)}#p-time .wx{margin-left:auto;color:var(--dim)}#p-time .next{color:var(--dim)}#p-time .next .ic{margin:0 0 0 calc(var(--u) * 2)}#p-hamlet{right:calc(var(--u) * 6);top:calc(var(--u) * 6);min-width:calc(var(--u) * 84)}#dock{display:contents}#p-porter{left:calc(var(--u) * 6);bottom:calc(var(--u) * 6);width:calc(var(--u) * 80);padding:calc(var(--u) * 3) calc(var(--u) * 4) calc(var(--u) * 1)}#p-porter .row{gap:calc(var(--u) * 2)}#p-porter .seg{margin:0 0 calc(var(--u) * 2)}#p-porter .carry{color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:calc(var(--u) * 2)}#bar{position:fixed;left:50%;bottom:calc(var(--u) * 6);transform:translate(-50%);display:flex;gap:calc(var(--u) * 2);padding:calc(var(--u) * 2)}.slot{position:relative;width:calc(var(--u) * 28);height:calc(var(--u) * 28);display:grid;place-items:center;background:var(--fill2);box-shadow:inset var(--u) var(--u) 0 0 var(--lo),inset calc(var(--u) * -1) calc(var(--u) * -1) 0 0 var(--hi)}.slot img{width:calc(var(--u) * 24);height:calc(var(--u) * 24)}.slot .n{position:absolute;right:var(--u);bottom:0;font-weight:700;line-height:calc(var(--u) * 9)}.slot .k{position:absolute;left:calc(var(--u) * 2);top:0;color:var(--dim);line-height:calc(var(--u) * 9)}.slot.sel{background:var(--fill);box-shadow:0 0 0 var(--u) var(--fg),inset 0 0 0 var(--u) var(--amber)}.slot.empty img{opacity:.3}.slot:hover:not(.sel){background:var(--fill)}#prompt{position:fixed;left:50%;bottom:calc(var(--u) * 45);transform:translate(-50%);white-space:nowrap;padding:var(--u) calc(var(--u) * 5) var(--u) var(--u)}#prompt:empty{display:none}#prompt kbd,.key b{font:inherit;font-weight:700;display:inline-block;padding:0 calc(var(--u) * 3);margin-right:calc(var(--u) * 4);background:var(--fg);color:var(--fill)}#prompt .hint{color:var(--dim);margin-left:calc(var(--u) * 4)}#buttons{position:fixed;right:calc(var(--u) * 6);bottom:calc(var(--u) * 6);display:flex;gap:calc(var(--u) * 5)}.key{display:block;padding:var(--u) calc(var(--u) * 4) var(--u) var(--u);color:var(--dim);white-space:nowrap}.key b{margin-right:calc(var(--u) * 3)}.key:hover{color:var(--fg)}.key:active,.btn:active:not(:disabled){transform:translateY(var(--u));box-shadow:0 calc(var(--u) * -1) 0 0 var(--edge),0 var(--u) 0 0 var(--edge),calc(var(--u) * -1) 0 0 0 var(--edge),var(--u) 0 0 0 var(--edge),inset 0 var(--u) 0 0 var(--lo)}#log{position:fixed;right:calc(var(--u) * 6);bottom:calc(var(--u) * 24);width:min(calc(var(--u) * 190),30vw);display:flex;flex-direction:column;gap:calc(var(--u) * 5);pointer-events:none}#log div{padding:calc(var(--u) * 2) calc(var(--u) * 4) calc(var(--u) * 2) calc(var(--u) * 6);position:relative;white-space:normal;animation:in .2s steps(3),out 1s steps(4) 11s forwards}#log div:before{content:"";position:absolute;left:calc(var(--u) * 2);top:calc(var(--u) * 3);bottom:calc(var(--u) * 3);width:var(--u);background:var(--faint)}#log div .t{color:var(--dim);margin-right:calc(var(--u) * 4)}#log div.warn:before,#log div.story:before{background:var(--warn)}#log div.bad:before{background:var(--crit)}#log div.good:before{background:var(--amber)}#log div.warn,#log div.story,#log div.good{color:var(--fg)}@keyframes in{0%{opacity:0;transform:translateY(calc(var(--u) * 3))}}@keyframes out{to{opacity:0}}#panel{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(calc(var(--u) * 440),calc(100vw - var(--u) * 24));max-height:calc(100vh - var(--u) * 16);overflow:auto;padding:calc(var(--u) * 7) calc(var(--u) * 8) calc(var(--u) * 8);z-index:5;color:var(--fg)}#panel .hd{display:flex;justify-content:space-between;gap:calc(var(--u) * 8);font-weight:700;margin:0 calc(var(--u) * 24) calc(var(--u) * 4) 0;padding-bottom:calc(var(--u) * 3);box-shadow:0 var(--u) 0 0 var(--lo)}#panel .hd .rule{display:none}#panel .hd em{font-style:normal;font-weight:400;color:var(--dim)}#panel p{margin:calc(var(--u) * 3) 0 calc(var(--u) * 5);color:var(--dim)}#panel .grid{display:grid;grid-template-columns:1fr auto;gap:0 calc(var(--u) * 8);margin:calc(var(--u) * 4) 0}#panel .btns{display:flex;flex-wrap:wrap;gap:calc(var(--u) * 5);margin-top:calc(var(--u) * 6)}.btn{padding:var(--u) calc(var(--u) * 5) calc(var(--u) * 2);font-weight:700;color:var(--fg)}.btn:hover:not(:disabled){background:var(--fill2)}.btn.pri{background:var(--fg);color:var(--fill)}.btn.pri:hover:not(:disabled){background:var(--edge)}.btn:disabled{opacity:.4;cursor:default}.btn.sm{padding:0 calc(var(--u) * 4) var(--u)}.opt{display:flex;gap:calc(var(--u) * 3)}.opt .btn.on{background:var(--amber);color:#15181a}.divider{height:var(--u);background:var(--lo);margin:calc(var(--u) * 5) 0}.list .item{display:grid;grid-template-columns:calc(var(--u) * 24) 1fr auto;gap:calc(var(--u) * 5);align-items:center;padding:calc(var(--u) * 3) 0;box-shadow:0 calc(var(--u) * -1) 0 0 var(--lo);color:var(--fg);width:100%}.list .item img{width:calc(var(--u) * 24);height:calc(var(--u) * 24)}.list .item .nm{font-weight:700}.list .item .ds{color:var(--dim)}.list button.item:hover:not(.off){background:var(--fill2)}.list .item.off{opacity:.45}.stepper{display:flex;align-items:center;gap:calc(var(--u) * 4)}.stepper b{min-width:calc(var(--u) * 12);text-align:center}.close{position:absolute;right:calc(var(--u) * 7);top:calc(var(--u) * 6);color:var(--dim)}.close:hover{color:var(--fg)}#screen{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:safe center;justify-content:safe center;padding:calc(var(--u) * 8);z-index:10;overflow:auto;color:var(--fg)}#screen.on{display:flex}#screen.cinema{padding:0!important;align-items:stretch;background:transparent!important}.cine{flex:1;display:grid;grid-template-rows:calc(var(--u) * 28) 1fr calc(var(--u) * 28);pointer-events:auto;cursor:pointer}.cine .bar{background:var(--dark);display:flex;align-items:center;justify-content:flex-end;padding:0 calc(var(--u) * 10)}.cine .skip{color:var(--light);font-style:normal}.cine .line{align-self:end;justify-self:center;margin-bottom:calc(var(--u) * 14);background:var(--dark);color:var(--light);padding:calc(var(--u) * 3) calc(var(--u) * 7) calc(var(--u) * 4);font-size:calc(var(--u) * 18);line-height:calc(var(--u) * 22);max-width:90vw;text-align:center}.cine .line:empty{visibility:hidden}.cine>:first-child{grid-row:1}.cine .line{grid-row:2}.cine>:last-child{grid-row:3}.cine .line b{animation:caret .5s steps(1) infinite}@keyframes caret{50%{opacity:0}}.title{position:relative;width:min(calc(var(--u) * 250),100%);padding:calc(var(--u) * 12) calc(var(--u) * 14) calc(var(--u) * 12);background:var(--fill)}.title .menu .btn{width:100%}.title .menu .btn.card{flex-direction:column;justify-content:flex-start;gap:0;min-width:calc(var(--u) * 170);padding:calc(var(--u) * 4) calc(var(--u) * 6) calc(var(--u) * 5)}.title .menu .card .top{display:flex;justify-content:space-between;gap:calc(var(--u) * 12)}.title .menu .card .when,.title .menu .card .what{font-weight:400}.title .kick{color:var(--dim)}.title h1{font-size:calc(var(--u) * 40);line-height:calc(var(--u) * 40);margin:calc(var(--u) * 6) 0 calc(var(--u) * 4);font-weight:700}.title h1 span{color:var(--amber)}.title .sub{margin:calc(var(--u) * 6) 0 calc(var(--u) * 14);max-width:calc(var(--u) * 240)}.title .menu{display:flex;flex-direction:column;gap:calc(var(--u) * 6);align-items:flex-start}.title .menu .btn{min-width:calc(var(--u) * 170);display:flex;justify-content:space-between;gap:calc(var(--u) * 12);padding:calc(var(--u) * 3) calc(var(--u) * 6) calc(var(--u) * 4)}.title .menu .btn em{font-style:normal;font-weight:400;color:var(--dim)}.title .menu .btn.pri{background:var(--fg);color:var(--fill)}.title .menu .btn.pri em{color:inherit}.title .foot{margin-top:calc(var(--u) * 16);color:var(--dim)}.help{columns:2 calc(var(--u) * 150);column-gap:calc(var(--u) * 16);margin:calc(var(--u) * 6) 0 calc(var(--u) * 12)}.help h3{font-size:inherit;color:var(--amber);margin:0 0 var(--u);break-after:avoid}.help p{margin:0 0 calc(var(--u) * 7);color:var(--dim);break-inside:avoid}.help p b{color:var(--fg)}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--u) * 6);margin:calc(var(--u) * 8) 0 calc(var(--u) * 12)}.stats div{padding:calc(var(--u) * 3) calc(var(--u) * 5)}.stats .lab,.stats .big{display:block}@media(max-width:760px){#p-time,#p-hamlet{min-width:0}#p-porter{bottom:calc(var(--u) * 44)}#buttons{bottom:calc(var(--u) * 44);flex-direction:column}.cols,.list.two{display:block!important}#log{left:calc(var(--u) * 6);right:calc(var(--u) * 6);width:auto;bottom:calc(var(--u) * 90)}#log div:not(:last-child){display:none}#prompt{bottom:calc(var(--u) * 80)}.title h1{font-size:calc(var(--u) * 32);line-height:calc(var(--u) * 32)}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}#panel .row{white-space:normal;align-items:center}#panel .row>div:first-child{min-width:0;flex:1}.list .item img.bi{width:calc(var(--u) * 24);height:calc(var(--u) * 36)}.cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 calc(var(--u) * 14)}.cols>div{min-width:0}.list.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:calc(var(--u) * 12)}.btn{white-space:nowrap}.list .item .cost{margin-top:var(--u)}.list.two button.item{grid-template-columns:calc(var(--u) * 24) 1fr}.lab,.dimc,.ic{opacity:1}.row.warn .val,.row.bad .val,span.warn,span.bad,.ds .bad{background:var(--fg);color:var(--fill);padding:0 calc(var(--u) * 2)}.row.bad .val,span.bad{animation:blink 1s steps(1) infinite}@keyframes blink{50%{background:transparent;color:var(--fg)}}.opt .btn.on{background:var(--fg);color:var(--fill)}.slot.sel{box-shadow:0 0 0 var(--u) var(--fg),inset 0 0 0 var(--u) var(--fg)}.slot{box-shadow:inset var(--u) var(--u) 0 0 var(--lo)}#log div:before{background:var(--fg)!important}.title h1 span{color:var(--fg)}.help h3{color:var(--fg);text-decoration:underline;text-underline-offset:calc(var(--u) * 2)}body{background:var(--dark)}#buttons{position:fixed;top:calc(var(--u) * 6);bottom:auto;left:50%;right:auto;transform:translate(-50%);flex-direction:row;gap:calc(var(--u) * 4)}#log{bottom:calc(var(--u) * 8)}.tabs{display:flex;gap:calc(var(--u) * 3);margin:0 0 calc(var(--u) * 6)}.tab{padding:var(--u) calc(var(--u) * 5) calc(var(--u) * 2);font-weight:700;color:var(--fg);box-shadow:inset 0 calc(var(--u) * -1) 0 0 var(--lo)}.tab.on{background:var(--fg);color:var(--fill);box-shadow:none}.tab:hover:not(.on){background:var(--fill2)}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(var(--u) * 44),1fr));gap:calc(var(--u) * 3);margin:calc(var(--u) * 3) 0}.tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--u);padding:calc(var(--u) * 3) var(--u) calc(var(--u) * 2);background:var(--fill2);box-shadow:inset var(--u) var(--u) 0 0 var(--lo)}.tile img{width:calc(var(--u) * 24);height:calc(var(--u) * 24)}.tile .n{position:absolute;right:calc(var(--u) * 2);top:0;font-weight:700}.tile .nm{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.tile .tag{position:absolute;left:var(--u);top:var(--u);background:var(--fg);color:var(--fill);padding:0 var(--u);line-height:calc(var(--u) * 9)}.tile:hover{background:var(--fill);box-shadow:0 0 0 var(--u) var(--fg)}.tile:active{transform:translateY(var(--u))}.btns.col{flex-direction:column;align-items:stretch}.hint{color:var(--dim)}#panel.wide{width:min(calc(var(--u) * 330),calc(100vw - var(--u) * 24))}.mapcv{display:block;width:calc(var(--u) * 300);max-width:100%;aspect-ratio:1;margin:calc(var(--u) * 3) auto;image-rendering:pixelated;box-shadow:0 0 0 var(--u) var(--fg)}.legend{color:var(--dim)}#panel:not([hidden]){animation:panel-in .16s steps(4) both}@keyframes panel-in{0%{opacity:0;transform:translate(-50%,calc(-50% + var(--u) * 6))}}.slot.sel img{animation:lift .24s steps(3)}@keyframes lift{50%{transform:translateY(calc(var(--u) * -2))}}.row.flash .val,.row.flash>span:last-child{background:var(--fg);color:var(--fill)}.key:hover b{animation:lift .24s steps(3)}#prompt{animation:in .12s steps(3)}@media(prefers-reduced-motion:reduce){#panel:not([hidden]),.slot.sel img,.key:hover b,#prompt{animation:none}}@media(max-width:1280px){#buttons{top:auto;bottom:calc(var(--u) * 44);left:auto;right:calc(var(--u) * 6);transform:none;flex-direction:column;align-items:stretch}}.notes{display:flex;flex-direction:column;gap:calc(var(--u) * 5);margin:calc(var(--u) * 2) 0 calc(var(--u) * 6);max-width:calc(var(--u) * 300)}.notes p{margin:0;display:grid;grid-template-columns:calc(var(--u) * 18) 1fr;white-space:normal}.notes .no{font-weight:700}.notes .unk{opacity:.5}.key.touch{display:none}.key.on{background:var(--fg);color:var(--fill)}#stick{position:fixed;width:88px;height:88px;margin:-44px 0 0 -44px;border-radius:50%;z-index:4;pointer-events:none;border:2px solid var(--fg)}#stick i{position:absolute;left:30px;top:30px;width:24px;height:24px;border-radius:50%;background:var(--fg)}@media(pointer:coarse){.key b,.title .k{display:none}.key{padding:calc(var(--u) * 3) calc(var(--u) * 6)}.key.touch{display:block}.key.touch[hidden]{display:none}.key:hover{color:var(--dim)}body{-webkit-touch-callout:none}}#p-time,#p-porter{margin-left:env(safe-area-inset-left,0px)}#p-hamlet{margin-right:env(safe-area-inset-right,0px)}#dock,#bar{margin-bottom:env(safe-area-inset-bottom,0px)}#panel,#screen{touch-action:pan-y;-webkit-overflow-scrolling:touch}#screen.gated{background:var(--dark);flex-direction:column}.gate{display:flex;flex-direction:column;align-items:center;gap:calc(var(--u) * 10);color:var(--light)}.gate .gname{font-weight:700;font-size:calc(var(--u) * 18);line-height:calc(var(--u) * 18);letter-spacing:calc(var(--u) * 2)}.gate .gcall{animation:caret 1.6s steps(1) infinite}#screen.gated.lifting{animation:lift-gate .7s steps(4) forwards}@keyframes lift-gate{to{background:transparent}}#screen.gated.lifting .gate{visibility:hidden}.gate .mark{width:calc(var(--u) * 64);height:calc(var(--u) * 64);margin-bottom:calc(var(--u) * 6)}
