*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:#0b0d10;place-items:center;height:100%;margin:0;display:grid;overflow:hidden}#wrap{aspect-ratio:16/9;width:min(100vw,177.778vh);position:relative;container-type:inline-size}#game,#ui{position:absolute;inset:0}#ui{pointer-events:none;color:#f0e6d2;font-family:VT323,Courier New,monospace;font-size:1.9cqw;line-height:1.1}#ui>*{pointer-events:auto}button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:#2c333d;border:.2cqw solid #d4af37;padding:.1em .6em}button:hover:not(:disabled){color:#14171b;background:#d4af37}button:disabled{opacity:.35;cursor:default;border-color:#555}input,select{color:#3cff8f;background:#07140d;border:.2cqw solid #3cff8f;padding:.1em .4em}.up{color:#3cff8f}.down{color:#ff5a5a}.amber{color:#ffb000}.dim{opacity:.6}#names{position:absolute;inset:0;overflow:hidden;pointer-events:none!important}.name-tag,.sign{white-space:nowrap;line-height:1;position:absolute;transform:translate(-50%,-100%)}.name-tag{text-shadow:.07em 0 #000,-.07em 0 #000,0 .07em #000,0 -.07em #000,.07em .07em #000,-.07em -.07em #000,.07em -.07em #000,-.07em .07em #000;font-size:.78em}.name-tag.dark{text-shadow:.07em 0 #fff,-.07em 0 #fff,0 .07em #fff,0 -.07em #fff,.07em .07em #fff,-.07em -.07em #fff,.07em -.07em #fff,-.07em .07em #fff}.sign{letter-spacing:.06em}#ui{--bar:2.76cqw;--row:2.9cqw;--edge:.4cqw}#hud{height:var(--bar);pointer-events:none;white-space:nowrap;background:#0c0e12eb;border-bottom:.2cqw solid #d4af37;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.8em;padding:0 .7em;font-size:.9em;line-height:1;display:grid;position:absolute;top:0;left:0;right:0;overflow:hidden}.cell{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#hud-left,#hud-right{align-items:center;gap:.8em;min-width:0;display:flex;overflow:hidden}#hud-right{justify-content:flex-end}#hud-left{color:#d4af37}#hud-fac{flex:0 auto;min-width:2em}#hud-day,#hud-score,#hud-strikes{flex:none}.pip{border:.1cqw solid #d4af37;width:.5em;height:.5em;margin-left:.15em;display:inline-block}.pip.on{background:#ff5a5a;border-color:#ff5a5a}#hud-block{opacity:.75;flex:0 auto;min-width:3em}#phase{align-items:baseline;gap:.5em;display:flex}#phase-name{color:#d4af37;letter-spacing:.06em}#phase-time{color:#f0e6d2;font-size:1.3em;line-height:.8}#phase.red #phase-time{color:#ff5a5a}#tension{flex:none;align-items:center;gap:.4em;display:flex}#tension-label{color:#3cff8f}#tension.amber #tension-label{color:#ffb000}#tension.red #tension-label{color:#ff5a5a}#tension .bar{background:#2c333d;border:.1cqw solid #555;border-right:.25cqw solid #ff5a5a;width:7cqw;height:.6em;display:block}#tension-bar{background:#3cff8f;width:0;height:100%;display:block}#tension.amber #tension-bar{background:#ffb000}#tension.red #tension-bar{background:#ff5a5a}#notes{top:calc(var(--bar) + .2cqw);left:var(--edge);pointer-events:none;flex-direction:column;align-items:flex-start;gap:.15em;width:34cqw;font-size:.8em;display:flex;position:absolute}#phase-sub{color:#d4af37;white-space:nowrap;text-overflow:ellipsis;background:#0c0e12e6;border-left:.4cqw solid #d4af37;max-width:100%;padding:0 .5em;overflow:hidden}#toasts{flex-direction:column;align-items:flex-start;gap:.15em;max-width:100%;display:flex}.toast{background:#0c0e12e6;border-left:.4cqw solid #8fb7d6;max-width:100%;padding:0 .5em}.toast.good{color:#3cff8f;border-color:#3cff8f}.toast.bad{color:#ff8a8a;border-color:#ff5a5a}#foot{left:var(--edge);right:4.2cqw;bottom:var(--edge);height:var(--row);pointer-events:none;white-space:nowrap;line-height:calc(var(--row) - .4cqw);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:.6em;display:grid;position:absolute}#hands,#prompt,#down,#hud-area{height:var(--row);text-overflow:ellipsis;overflow:hidden}#hands{background:#0c0e12eb;border-left:.5cqw solid #d4af37;justify-self:start;max-width:100%;padding:.2cqw .6em}#mid{min-width:0;max-width:52cqw}#prompt{background:#0c0e12eb;border:.2cqw solid #d4af37;padding:0 .8em;position:relative}#prompt.no{color:#b8bcc4;border-color:#6b7078}#prompt.flash{color:#ff8a8a;border-color:#ff5a5a}#prompt-bar{background:#3cff8f;width:0;height:.25em;position:absolute;bottom:0;left:0}#down{color:#fff;background:#c0392b;border:.2cqw solid #1b1b1f;padding:0 .9em}#hud-area{opacity:.75;background:#0c0e12cc;justify-self:end;max-width:100%;padding:.2cqw .5em}#alerts{left:var(--edge);right:4.2cqw;bottom:calc(var(--edge) + var(--row) + .2cqw);white-space:nowrap;pointer-events:none;gap:.3em;height:1.7cqw;font-size:.8em;line-height:1.7cqw;display:flex;position:absolute;overflow:hidden}.chip{color:#ffb000;background:#0c0e12e6;border-left:.35cqw solid #ffb000;flex:none;padding:0 .4em}.chip.r0,.chip.r1,.chip.r2{color:#ff8a8a;border-color:#ff5a5a}.chip.r3{color:#ffe066;border-color:#ffe066}#tannoy{bottom:calc(var(--edge) + var(--row) + 2.3cqw);max-width:96%;height:var(--row);line-height:calc(var(--row) - .4cqw);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;background:#0c0e12f0;border:.2cqw solid #f0e6d2;padding:0 .8em;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}#tan-who{color:#d4af37;font-size:.8em}#tannoy.angry{border-color:#ff5a5a}#tannoy.pleased{border-color:#3cff8f}#net-banner{color:#fff;white-space:nowrap;pointer-events:none;z-index:6;background:#c0392b;border:.2cqw solid #1b1b1f;padding:.2em 1em;position:absolute;top:32%;left:50%;transform:translate(-50%)}.arrow{color:#ff5a5a;text-shadow:0 0 .3em #ff5a5a;pointer-events:none;font-size:2.4em;position:absolute;top:50%;transform:translateY(-50%)}#arrow-west{left:1.5%}#arrow-east{right:1.5%}#map{pointer-events:none;background:#0c0e12f0;border:.3cqw solid #d4af37;font-size:.9em;position:absolute;top:12%;left:10%;right:10%}#map p{margin:.3em .6em}#map-areas{grid-template-columns:repeat(auto-fit,minmax(14em,1fr));gap:.5em;padding:.5em .6em 0;display:grid}.map-area{background:#14171b;border:.15cqw solid #2c333d;min-height:9em;padding:.3em .5em}.map-area.here{border-color:#3cff8f}.map-area.trouble{border-color:#ff5a5a}.map-title{color:#d4af37;margin-bottom:.2em}.map-doors{flex-wrap:wrap;gap:.2em .6em;margin-bottom:.3em;font-size:.8em;display:flex}.door{white-space:nowrap;align-items:center;gap:.25em;display:inline-flex}.lamp{border:.1cqw solid #000;width:.6em;height:.6em;display:inline-block}.lamp.open{background:#ff5a5a}.lamp.shut{background:#ffb000}.lamp.locked{background:#3cff8f}.map-counts{font-size:.9em}.map-alerts{flex-wrap:wrap;gap:.3em;margin-top:.3em;font-size:.8em;display:flex}.modal{background:#14171b;border:.3cqw solid #d4af37;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 100cqw #00000073}.titlebar{color:#14171b;background:#d4af37;justify-content:space-between;align-items:center;padding:.1em .5em;display:flex}.titlebar button{color:#d4af37;background:#14171b;border-color:#14171b}#roster{z-index:4;flex-direction:column;width:64%;height:76%;display:flex}#panel{z-index:4;width:46%;max-height:84%;overflow:auto}#panel p{margin:.3em .6em .5em;font-size:.85em}#panel-rows{grid-template-columns:1fr 1fr;gap:.15em .8em;padding:.4em .6em 0;font-size:.9em;display:grid}.prow{border-top:.1cqw solid #2c333d;grid-template-columns:5.5em 1fr 4.6em;align-items:center;gap:.4em;padding:.1em 0;display:grid}.pid{color:#d4af37}.pstate{align-items:center;gap:.3em;display:inline-flex}.prow button{padding:0 .3em;font-size:.85em}.mark{color:#ffe066;text-shadow:.07em 0 #000,-.07em 0 #000,0 .07em #000,0 -.07em #000,.07em .07em #000,-.07em -.07em #000,.07em -.07em #000,-.07em .07em #000;pointer-events:none;font-size:1.5em;line-height:1;position:absolute;transform:translate(-50%,-100%)}.mark.urgent{color:#ff5a5a}#roster-rows{flex:1;padding:.4em .8em;font-size:.9em;overflow:auto}.rrow{border-top:.1cqw solid #2c333d;grid-template-columns:3em 1fr 1.4fr 1fr;gap:.6em;padding:.1em 0;display:grid}.rcell{color:#d4af37}.rrow.loose .rstate,.rrow.riotous .rstate,.rrow.climbing .rstate,.rrow.fighting .rstate{color:#ff5a5a}.rrow.celled .rstate{color:#3cff8f}.rrow.gone{opacity:.5}#posting{top:calc(var(--bar) + .4cqw);text-align:center;pointer-events:none;background:#0c0e12f0;border:.3cqw solid #3cff8f;width:41%;padding:.3em .8em;font-size:.85em;position:absolute;left:20.5%}#posting.office{width:49%;left:50%}#posting-title{color:#3cff8f;font-size:1.4em}#posting-blurb{margin:.2em 0}#posting-start{color:#ffe066;margin-top:.2em}#card{z-index:3;width:56%}.card-body{padding:.6em 1.2em}.sum-row{justify-content:space-between;font-size:1.05em;display:flex}.sum-row.total{border-top:.2cqw solid #2c333d;margin-top:.2em;padding-top:.2em;font-size:1.3em}#card-note{text-align:center;margin:.5em 0 0}#summary{text-align:center;z-index:4;width:60%;max-height:90%;padding:.8em 1.4em;overflow:auto}#sum-rows{text-align:left;margin-top:.5em;font-size:.9em}#summary h1{margin:0 0 .3em;font-size:2.4em;font-weight:400}#summary p{margin:.5em 0 0}#sum-super{grid-template-columns:repeat(auto-fit,minmax(10em,1fr));gap:.5em;margin-top:.6em;display:grid}.super{background:#2c333d;padding:.3em}.super b{color:#d4af37;font-weight:400;display:block}#lobby{text-align:center;background:#080a0da8;flex-direction:column;justify-content:center;align-items:center;gap:.5em;padding:0 16%;display:flex;position:absolute;inset:0}#lobby p{margin:0}#lobby h1{margin:0;font-size:2.2em;font-weight:400}#lobby-block{text-align:center;color:#d4af37;background:#0c0e12cc;border-color:#d4af37;width:13em}#lobby-block:disabled{opacity:1;background:0 0;border-color:#0000}#lobby-block-hint{min-height:1em;margin-top:-.3em;font-size:.85em}#lobby-code{color:#3cff8f;letter-spacing:.15em;font-size:1.3em}#lobby-players{flex-wrap:wrap;justify-content:center;gap:.8em;min-height:4.2em;display:flex}.crew{background:#2c333dcc;flex-direction:column;align-items:center;padding:.3em .6em;display:flex}.crew.me{outline:.2cqw solid #d4af37}.crew canvas{width:2.4em;image-rendering:pixelated}.pickers{align-items:center;gap:1.2em;display:flex}.picker-col{flex-direction:column;gap:.5em;display:flex}.picker{align-items:center;gap:.6em;display:flex}.picker span{background:#0c0e12cc;width:12em;padding:.1em 0}#look-preview{width:5.5em;image-rendering:pixelated;background:#2c333dcc;padding:.3em}#lobby-start{color:#3cff8f;border-color:#3cff8f;font-size:1.3em}#lobby-start:hover{color:#14171b;background:#3cff8f}#join{background:linear-gradient(90deg,#06080bf5 0%,#06080be0 34%,#06080b59 62%,#06080b0d 100%),linear-gradient(#06080b00 70%,#06080bd9 100%);position:absolute;inset:0}.hero{flex-direction:column;gap:.4em;width:38%;display:flex;position:absolute;top:5%;left:6%}.logo{color:#f0e6d2;text-shadow:.06em .06em #3a5a3a,.12em .12em #0009;letter-spacing:.03em;white-space:nowrap;font-size:4.4em;line-height:.9}.logo span{color:#f08a20}.tagline{color:#f0e6d2;opacity:.85;border-left:.3cqw solid #d4af37;padding-left:.6em;font-size:1.15em}.field{color:#d4af37;flex-direction:column;gap:.1em;margin-top:.2em;font-size:.9em;display:flex}.field input{text-transform:uppercase;width:100%;font-size:1.3em}.menu{flex-direction:column;gap:.3em;display:flex}.menu button{text-align:left;background:#14171bd9;padding:.12em .7em;font-size:1.1em}.menu button:before{content:"> ";color:#d4af37}.menu button:hover:before{color:#14171b}.menu .primary{color:#3cff8f;border-color:#3cff8f;font-size:1.35em}.menu .primary:hover{color:#14171b;background:#3cff8f}.join-row{gap:.35em;display:flex}.join-row input{text-align:center;text-transform:uppercase;width:4.2em;font-size:1.1em}.join-row button{flex:1}#join-error{color:#ff5a5a;min-height:1.1em}.features{grid-template-columns:repeat(3,1fr);gap:1.2em;display:grid;position:absolute;bottom:2.5%;left:6%;right:8%}.features div{opacity:.9;border-top:.25cqw solid #d4af37;padding-top:.25em;font-size:.85em}.features b{color:#d4af37;font-size:1.2em;font-weight:400;display:block}.live{background:#0c0e12d9;border:.2cqw solid #2c333d;padding:.1em .6em;position:absolute;top:3%;right:2%}.live i{background:#ff2a2a;border-radius:50%;width:.55em;height:.55em;margin-right:.3em;display:inline-block}#how{z-index:6;width:58%;font-size:.88em}#how ol{margin:.5em 0;padding:0 1em 0 2.2em}#how li{margin-bottom:.15em}#how p{text-align:center;margin:0 0 .5em}#gear{z-index:5;background:#14171b;padding:0 .3em;font-size:.8em;line-height:1.15;position:absolute;bottom:.3em;right:.3em}#settings{z-index:5;width:34%}#lost{z-index:7;text-align:center;width:44%}#lost p{margin:0}.settings-body{flex-direction:column;gap:.6em;padding:.8em;display:flex}.settings-body label{align-items:center;gap:.6em;display:flex}.settings-body input{accent-color:#d4af37;border:0;flex:1;padding:0}#leave{color:#ff5a5a;border-color:#ff5a5a}#leave:hover{color:#14171b;background:#ff5a5a}