:root{--bg:#07080e;--panel:#151827;--panel-2:#1f2338;--line:#2d3252;--text:#ece7da;--dim:#8f94ad;--gold:#f0c75e;--moon:#9fc3e8;--good:#86d98f;--mid:#f0c75e;--bad:#ef7a64;--pixel:"Pixelify Sans", ui-monospace, monospace;--read:"VT323", ui-monospace, monospace;--mono:"JetBrains Mono", ui-monospace, monospace;--z:3;--p:3;--stage-w:720px;--stage-h:624px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:radial-gradient(ellipse at 40% 30%, #111426 0%, var(--bg) 70%) fixed, var(--bg);min-height:100%;color:var(--text);font:17px/1.4 var(--pixel);font-variant-ligatures:none;-webkit-font-smoothing:antialiased;margin:0}button,input,textarea{font:inherit;color:inherit}[hidden]{display:none!important}kbd{font:600 .72em var(--mono);opacity:.7;border:1px solid;border-radius:3px;margin-left:4px;padding:0 4px}#viewport,#band,#jev{border:calc(var(--p) * 6px) solid transparent;border-image:url(/art/ui_frame.png) 6 fill / calc(var(--p) * 6px) stretch;image-rendering:pixelated}#app{grid-template:"view jev""band jev"1fr/auto 320px;place-content:center;gap:12px 20px;min-height:100dvh;padding:14px;display:grid}#app[data-layout=side]{grid-template-columns:auto minmax(340px,440px);grid-template-areas:"view band""view jev"}#frame{display:contents}#viewport{width:calc(var(--stage-w) + var(--p) * 12px);height:calc(var(--stage-h) + var(--p) * 12px);grid-area:view;position:relative}#band{grid-area:band}#jev{grid-area:jev}#stage{width:var(--stage-w);height:var(--stage-h);line-height:0;overflow:hidden}#stage canvas{image-rendering:pixelated;display:block}#hud{padding:calc(var(--z) * 2px);pointer-events:none;z-index:3;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;inset:0 0 auto}#hud .time{align-items:baseline;gap:calc(var(--z) * 3px);padding:0 calc(var(--z) * 3px);font-size:max(14px, calc(var(--z) * 6px));line-height:max(24px, calc(var(--z) * 12px));box-shadow:inset 0 0 0 max(1px, calc(var(--z) * .5px)) var(--line);background:#07080ec7;display:flex}.hud-left{gap:max(2px, calc(var(--z) * 1px));flex-direction:column;align-items:flex-start;display:flex}#clock{color:var(--moon);letter-spacing:.04em;font-weight:600}.attention{align-items:center;gap:calc(var(--z) * 2px);padding:0 calc(var(--z) * 3px);font-size:max(12px, calc(var(--z) * 4.5px));line-height:max(18px, calc(var(--z) * 8px));color:var(--dim);box-shadow:inset 0 0 0 max(1px, calc(var(--z) * .5px)) var(--line);pointer-events:auto;background:#07080ec7;display:flex}.attention .cells{gap:max(1px, calc(var(--z) * .5px));display:flex}.attention i{width:calc(var(--z) * 4px);height:calc(var(--z) * 3px);background:#22263a}.attention[data-level=calm] i.on{background:var(--moon)}.attention[data-level=wary] i.on{background:var(--mid)}.attention[data-level=alert] i.on{background:var(--bad)}.attention[data-level=alert]{color:var(--bad);animation:.9s steps(2,end) infinite blink}#left{color:var(--dim);font-size:.8em}#hud.late #clock{color:var(--bad);animation:1s steps(2,end) infinite blink}#inventory{gap:max(2px, calc(var(--z) * 1px));pointer-events:auto;display:flex}.slot{width:calc(var(--z) * 14px);height:calc(var(--z) * 14px);padding:calc(var(--z) * 1px);background-color:#07080ec7;background-image:url(/art/icons.png);background-repeat:no-repeat;background-origin:content-box;background-clip:content-box;background-size:calc(var(--z) * 12px * 11) calc(var(--z) * 12px);background-position:calc(var(--i) * var(--z) * -12px) 0;image-rendering:pixelated;box-shadow:inset 0 0 0 max(1px, calc(var(--z) * .5px)) var(--line);clip-path:none;cursor:pointer;border:0}.slot:hover{box-shadow:inset 0 0 0 max(1px, calc(var(--z) * .5px)) var(--gold)}.stamp{font:700 22px var(--pixel);text-transform:uppercase;letter-spacing:.08em;text-shadow:0 2px #00000080;border:3px solid;padding:2px 12px;display:inline-block;transform:rotate(-4deg)}.stamp.good{color:var(--good)}.stamp.mid{color:var(--mid)}.stamp.bad{color:var(--bad)}.stamp.cool{color:var(--moon)}.stamp.big{font-size:max(26px, calc(var(--z) * 11px));border-width:max(3px, calc(var(--z) * 1.5px))}#toast{z-index:4;pointer-events:none;opacity:0;font-size:max(18px, calc(var(--z) * 8px));background:#07080eb8;position:absolute;top:24%;left:50%;translate:-50%}#toast.show{animation:1.7s ease-out forwards stamp-in}@keyframes stamp-in{0%{opacity:0;transform:rotate(-4deg)scale(1.8)}12%{opacity:1;transform:rotate(-4deg)scale(1)}75%{opacity:1;transform:rotate(-4deg)scale(1)}to{opacity:0;transform:rotate(-4deg)scale(1)translateY(-6px)}}#caption{left:calc(var(--z) * 4px);bottom:calc(var(--z) * 4px);z-index:4;pointer-events:none;opacity:0;font-size:max(16px, calc(var(--z) * 7px));color:var(--text);text-shadow:0 2px #07080e;letter-spacing:.04em;position:absolute}#caption.show{animation:3.2s ease-out forwards caption}@keyframes caption{0%{opacity:0;transform:translate(-8px)}15%,75%{opacity:1;transform:none}to{opacity:0}}.screen{z-index:5;justify-content:center;align-items:center;gap:calc(var(--z) * 4px);text-align:center;cursor:pointer;background:radial-gradient(at 50% 45%,#07080e59,#07080ee6 75%);flex-direction:column;padding:16px;transition:opacity .6s;display:flex;position:absolute;inset:0}.screen p{margin:0}#title h1{font-size:max(40px, calc(var(--z) * 24px));letter-spacing:.04em;color:var(--text);text-shadow:0 calc(var(--z) * 1.5px) 0 #3b2a20, 0 calc(var(--z) * 3px) 0 #1c1418;margin:0;font-weight:700;line-height:1}#title h1 span{color:var(--gold)}#title .tag{font-size:max(16px, calc(var(--z) * 6.5px));color:var(--text)}#title.leaving{opacity:0;pointer-events:none}.blink{color:var(--gold);font-size:max(15px, calc(var(--z) * 5.5px));animation:1.1s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.35}}.error{color:var(--bad);min-height:1em}#end{animation:.8s .9s both fade-in}@keyframes fade-in{0%{opacity:0}}#end h2{font-size:max(28px, calc(var(--z) * 15px));color:var(--gold);margin:0}#end-text{color:var(--dim);font-size:max(15px, calc(var(--z) * 6px))}#end-stats{gap:calc(var(--z) * 3px) calc(var(--z) * 12px);margin:calc(var(--z) * 3px) 0;grid-template-columns:repeat(2,auto);display:grid}#end-stats div{flex-direction:column;display:flex}#end-stats b{font:600 max(18px, calc(var(--z) * 8px)) var(--mono)}#end-stats span{color:var(--dim);font-size:max(13px, calc(var(--z) * 4.5px))}#band{min-height:132px;width:calc(var(--stage-w) + var(--p) * 12px);flex-direction:column;gap:8px;padding:4px 8px;font-size:19px;display:flex;position:relative}#app[data-layout=side] #band{width:auto;min-height:170px}#objective{color:var(--gold);border-bottom:2px solid var(--line);align-items:baseline;gap:8px;padding-bottom:6px;font-size:16px;display:flex}#objective .mark{font-weight:700}#objective-text{flex:1}#objective.goal{color:var(--text)}#pips{font:12px var(--mono);letter-spacing:2px;color:var(--gold);white-space:nowrap}#objective.fresh{animation:.8s ease-out flash}@keyframes flash{0%{color:#fff}}#say{cursor:pointer;padding-right:20px;position:relative}#say p{margin:0}#say-you{color:var(--dim);font-size:15px;font-style:italic}#say-text{min-height:1.4em}#say-text.band-success{color:var(--good)}#say-text.band-partial{color:var(--mid)}#say-text.band-look{color:var(--moon)}#hint{color:var(--dim);font-size:15px;margin-top:4px!important}#hint.jev{color:var(--moon)}#ask-tip{color:var(--dim);margin:0;font-size:14px}#ask-tip:empty,#hint:empty{display:none}#more{color:var(--gold);font-size:12px;animation:.8s steps(2,end) infinite blink;position:absolute;bottom:0;right:0}.dots:after{content:"";animation:1s steps(4,end) infinite dots}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}#ask{flex-direction:column;gap:6px;display:none}#band.asking #ask{display:flex}#band.asking #say{opacity:.85}#ask-label{color:var(--gold);font-weight:600}.field{box-shadow:inset 0 0 0 2px var(--line);background:#0b0d18;align-items:flex-start;gap:8px;padding:6px 8px 6px 10px;display:flex}.field:focus-within{box-shadow:inset 0 0 0 2px var(--gold)}.caret{color:var(--gold);font-weight:700;line-height:28px}#text{resize:none;min-width:0;caret-color:var(--gold);background:0 0;border:0;outline:none;flex:1;padding:0;font-size:19px;line-height:1.15;overflow:hidden}#text::placeholder{color:#4b506d}#count{font:12px var(--mono);color:var(--dim)}#count.low{color:var(--bad)}.ask-row{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}#clarify{gap:8px;display:flex}#clarify:empty{display:none}button{background:var(--panel-2);cursor:pointer;clip-path:polygon(3px 0,calc(100% - 3px) 0,100% 3px,100% calc(100% - 3px),calc(100% - 3px) 100%,3px 100%,0 calc(100% - 3px),0 3px);border:0;padding:4px 12px;box-shadow:inset 0 0 0 2px #3a4064,inset 0 -3px #0006}button:hover{box-shadow:inset 0 0 0 2px var(--gold), inset 0 -3px 0 #0006}button:active{transform:translateY(1px)}button.primary{background:var(--gold);color:#1c1418;font-weight:700;box-shadow:inset 0 -3px #b88a2a}button.primary:hover{background:#ffd978}:focus-visible{outline:2px solid var(--moon);outline-offset:2px}.band-tools{justify-content:flex-end;gap:6px;margin-top:auto;display:flex}.band-tools button{color:var(--dim);padding:1px 8px;font-size:13px}#band.asking .band-tools,#act{display:none}#jev{align-self:start;max-height:calc(100dvh - 28px);padding:2px 6px 6px;transition:filter .2s;overflow-y:auto}#jev header{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}#jev h2{color:var(--moon);letter-spacing:.03em;margin:0;font-size:21px}#call-ms{font:13px var(--mono);color:var(--dim)}#jev.judging{filter:brightness(.8)}#jev.judging #call-ms:after{content:" · judging…";color:var(--gold)}.intro{color:var(--dim);margin:0;font-size:16px}#jev .stamp{transform-origin:0;max-width:calc(100% - 12px);margin:4px 0 10px 6px;font-size:20px}#jev.fresh .stamp{animation:.35s ease-out thump}@keyframes thump{0%{opacity:0;transform:rotate(-4deg)scale(1.6)}}.why{color:var(--text);margin:-2px 0 6px;font-size:16px}.plain{color:var(--text);margin:0 0 6px;font-size:15px}.plain b{color:var(--gold);font-weight:400}.you{color:var(--dim);margin:0 0 10px;font-size:15px;font-style:italic}.gauge{margin-bottom:12px}.gauge-head{justify-content:space-between;font-size:16px;display:flex}.gauge-head b{font:600 18px var(--mono)}.gauge-bar{height:12px;box-shadow:inset 0 0 0 2px var(--line);background:#0b0d18;margin:3px 0;position:relative}.gauge-bar .fill{height:100%;width:calc(var(--v) * 100%);background:var(--dim);animation:.6s ease-out grow}.gauge-bar.good .fill{background:var(--good)}.gauge-bar.mid .fill{background:var(--mid)}.gauge-bar.bad .fill{background:var(--bad)}.gauge-bar i{background:var(--text);opacity:.8;width:2px;position:absolute;top:-3px;bottom:-3px}.gauge-goal{color:var(--dim);font-size:14px}@keyframes grow{0%{width:0}}.meter{grid-template-columns:64px auto 1fr;align-items:center;gap:10px;margin-bottom:4px;font-size:15px;display:grid}.meter .cells{gap:3px;display:flex}.meter .cells i{width:14px;height:9px;box-shadow:inset 0 0 0 1px var(--line);background:#0b0d18}.meter .cells i.on{background:var(--gold);box-shadow:none}.meter b{color:var(--dim);font-weight:400}.checks{flex-wrap:wrap;gap:6px;margin:10px 0 8px;display:flex}.check{color:var(--good);padding:1px 8px;font-size:13px;box-shadow:inset 0 0 0 1px}.check.fired{color:var(--bad)}details{font:12px/1.5 var(--mono);color:var(--dim);margin-top:6px}summary{cursor:pointer;font:14px var(--pixel);color:var(--moon)}details .row{grid-template-columns:1fr auto;gap:0 8px;margin:4px 0;display:grid}details .row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}details .track{background:#0b0d18;grid-column:1/-1;height:4px}details .track .fill{height:100%;width:calc(var(--v) * 100%);background:var(--moon)}details .rule,details .meta{margin:8px 0 0}@media (width<=999px){#app,#app[data-layout]{grid-template-rows:none;grid-template-columns:1fr;grid-template-areas:"view""band""jev";align-content:start;justify-items:center;gap:8px;padding:8px}#band,#app[data-layout] #band{width:100%;min-height:120px;font-size:17px}#jev{width:100%;max-height:none}}@media (pointer:coarse){#act{display:inline-block}}#band:not(.live) #objective,#band:not(.live) #act{display:none!important}#say,#objective,#hint,#ask-tip,#ask-label,#text,#clarify button,#jev .intro,#jev .why,#jev .plain,#jev .you,#jev .gauge-head span,#jev .gauge-goal,#title .tag,#end-text,#end-stats span,#hud #left,.attention{font-family:var(--read);letter-spacing:.01em}#say-text{font-size:25px;line-height:1.25}#say-you,#hint,#ask-tip{font-size:20px}#objective{font-size:21px}#ask-label{font-size:22px;font-weight:400}#text{font-size:24px}#jev .intro,#jev .why,#jev .plain{font-size:20px;line-height:1.25}#jev .you{font-size:19px}#jev .gauge-head span{font-size:20px}#jev .gauge-goal{font-size:18px}#title .tag{font-size:max(20px, calc(var(--z) * 8px));line-height:1.2}#end-text{font-size:max(19px, calc(var(--z) * 7px))}#end-stats span{font-size:max(16px, calc(var(--z) * 5.5px))}#hud #left{font-size:1em}.attention{font-size:max(15px, calc(var(--z) * 5.5px))}@media (width<=999px){#say-text{font-size:22px}#text{font-size:21px}}.hunches{gap:calc(var(--z) * 1px);padding:calc(var(--z) * 1px) calc(var(--z) * 2px);box-shadow:inset 0 0 0 max(1px, calc(var(--z) * .5px)) var(--line);pointer-events:auto;background:#07080ec7;display:flex}.hunches i{width:calc(var(--z) * 8px);height:calc(var(--z) * 10px);background:url(/art/hunch.png) no-repeat;background-size:calc(var(--z) * 16px) calc(var(--z) * 10px);image-rendering:pixelated}.hunches i.used{background-position:calc(var(--z) * -8px) 0}.hunches.gain i:not(.used):last-of-type{animation:.6s ease-out pop-in}@keyframes pop-in{0%{filter:brightness(2);transform:scale(1.8)}}#hunch{color:var(--gold)}#hunch:disabled{color:var(--dim)}#hunch.offer{box-shadow:inset 0 0 0 2px var(--gold), inset 0 -3px 0 #0006;animation:.9s ease-in-out 3 nudge}@keyframes nudge{50%{transform:translateY(-3px)}}#say-text.band-hunch{color:var(--gold)}.ask-top{align-items:center;gap:8px;min-height:24px;display:flex}#ask-where{color:#1c1418;background:var(--gold);font:600 14px var(--pixel);white-space:nowrap;padding:1px 6px}#ask-where:empty{display:none}.ask-top #count{margin-left:auto}.field #go,.ask-top #close{min-width:32px;line-height:28px;font:700 16px var(--mono);padding:0 9px}.ask-top #close{color:var(--dim);background:0 0;margin-left:auto;line-height:22px;box-shadow:inset 0 0 0 2px #3a4064}.ask-top #count:not([hidden])+#close{margin-left:0}.ask-row{justify-content:flex-start}.ask-row button{padding:2px 10px;font-size:14px}#jev.empty{display:none}#callout{z-index:20;pointer-events:none;width:max-content;max-width:280px;font:21px/1.15 var(--read);color:#1c1418;background:var(--gold);text-align:center;padding:4px 12px 6px;animation:1.1s ease-in-out infinite callout-bob;position:absolute;transform:translate(-50%,-100%);box-shadow:0 3px #b88a2a,0 6px 18px #00000080}#callout:after{content:"";border:8px solid #0000;border-bottom:0;border-top-color:var(--gold);position:absolute;bottom:-8px;left:50%;translate:-50%}#callout.below{transform:translate(-50%)}#callout.below:after{border:8px solid #0000;border-top:0;border-bottom-color:var(--gold);top:-8px;bottom:auto}@keyframes callout-bob{50%{margin-top:-4px}}#app[data-layout=side] #say-text{font-size:22px}#note{box-shadow:inset 2px 0 0 var(--gold);font:20px/1.2 var(--read);color:var(--gold);background:#f0c75e14;align-items:baseline;gap:8px;margin-top:-2px;padding:4px 8px;display:flex}#note .bulb{width:16px;height:20px;image-rendering:pixelated;background:url(/art/hunch.png) 0 0/32px 20px no-repeat;flex:none;align-self:center}#note-text{flex:1}#note.closed #note-text{color:var(--dim)}#note-toggle{color:var(--dim);background:0 0;flex:none;padding:0 8px;font-size:13px}#note.fresh{animation:.9s ease-out flash-note}@keyframes flash-note{0%{background:#f0c75e59}}#say-text.band-context{color:var(--dim)}button.quiet{color:var(--dim);padding:1px 8px;font-size:13px}#end .report-open{cursor:pointer;margin-top:calc(var(--z) * 2px)}#report{z-index:50;background:#07080ec7;place-items:center;padding:16px;display:grid;position:fixed;inset:0}#report-form{border:calc(var(--p) * 6px) solid transparent;border-image:url(/art/ui_frame.png) 6 fill / calc(var(--p) * 6px) stretch;width:min(460px,100%);image-rendering:pixelated;flex-direction:column;gap:10px;padding:6px;display:flex}#report-form h2{color:var(--gold);margin:0;font-size:22px}#report-kinds{flex-wrap:wrap;gap:8px;display:flex}#report-kinds button[aria-checked=true]{background:var(--gold);color:#1c1418;box-shadow:inset 0 -3px #b88a2a}#report-text{resize:vertical;width:100%;min-height:96px;font:19px/1.25 var(--read);color:var(--text);caret-color:var(--gold);background:#0d0f1a;border:0;outline:none;padding:8px 10px;box-shadow:inset 0 0 0 2px #3a4064}#report-text:focus{box-shadow:inset 0 0 0 2px var(--gold)}.report-shot{font:18px var(--read);color:var(--text);align-items:center;gap:8px;display:flex}.report-fine{font:16px var(--read);color:var(--dim);margin:0}#report-status{min-height:1.2em;font:18px var(--read);color:var(--good);margin:0}#report-status.error{color:var(--bad)}.report-row{justify-content:flex-end;gap:8px;display:flex}
