*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:#0d0a14;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{--hud-h:3.3cqw;--bot-h:3.7cqw;--band-h:2.7cqw;--gold:#e8a33a;--ink:#130e1c;pointer-events:none;color:#f2e9c9;font-family:VT323,Courier New,monospace;font-size:1.9cqw;line-height:1.1;overflow:hidden}#ui>*{pointer-events:auto}button,input,select{font:inherit;color:inherit}button{border:.2cqw solid var(--gold);cursor:pointer;background:#2e2440;padding:.1em .6em}button:hover:not(:disabled){background:var(--gold);color:var(--ink)}button:disabled{opacity:.35;cursor:default;border-color:#555}input,select{color:#6fdc3c;background:#170f24;border:.2cqw solid #6fdc3c;padding:.1em .4em}.good{color:#6fdc3c}.bad{color:#ff6a6a}.dim{opacity:.65}.hd{color:var(--gold);margin:.25em 0 .1em}.row{align-items:center;gap:1em;margin-top:.5em;display:flex}.ico{width:1.15em;height:1.15em;image-rendering:pixelated;vertical-align:-.22em;flex:none}#names{position:absolute;inset:0;pointer-events:none!important}.name-tag,.sign,.hold-bar,.marker{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:.82em}.name-tag.dark,.sign.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}.name-tag.spirit{font-style:italic}.sign{letter-spacing:.06em;text-shadow:.08em .08em #000,-.06em 0 #000,0 -.06em #000}.sign.room{letter-spacing:.12em}.sign.pop{text-shadow:.07em .07em #000,0 0 .3em #000;font-size:1.05em}.hold-bar{background:var(--ink);border:.15cqw solid var(--gold);width:5cqw;height:.8cqw}.hold-bar i{background:#6fdc3c;height:100%;display:block}#hud{height:var(--hud-h);border-bottom:.2cqw solid var(--gold);pointer-events:none;white-space:nowrap;background:#130e1cf0;align-items:center;gap:1.1em;padding:0 .7em;display:flex;position:absolute;top:0;left:0;right:0;overflow:hidden}#hud>*{flex:none}#hud-night{color:var(--gold);min-width:4.4em}#hud-time{min-width:2.9em;font-size:1.2em}#hud-approval{align-items:center;gap:.4em;display:flex}#hud-approval .lbl{opacity:.7;font-size:.85em}#approval-bar{background:#2a2038;border:.15cqw solid #6a5a80;width:9cqw;height:1.3cqw;display:block;position:relative}#approval-fill{background:#6fdc3c;width:70%;height:100%;display:block}#hud-approval.warn #approval-fill{background:#ff4a4a}#hud-approval.mid #approval-fill{background:#ffb000}#approval-fail{background:#ff4a4a;width:.25cqw;position:absolute;top:-.3cqw;bottom:-.3cqw;left:25%}#approval-num{min-width:2.2em;font-weight:400}#hud-approval.warn #approval-num{color:#ff6a6a}#hud-coins{align-items:center;gap:.25em;min-width:3.4em;display:flex}#coins-num{color:#ffb35a;font-size:1.2em;font-weight:400}#hud-served{opacity:.8}#hud-warm{align-items:center;gap:.4em;display:flex}#hud-warm .lbl{opacity:.7;min-width:2.2em;font-size:.85em}#warm-bar{background:#2a2038;border:.15cqw solid #6a5a80;width:3.5cqw;height:1.3cqw;display:block}#warm-fill{background:#ff8a1f;width:100%;height:100%;display:block}#hud-warm.cold .lbl{color:#8fd0ff;opacity:1}#hud-warm.cold #warm-fill{background:#8fd0ff}#hud-goods{color:#b8f5c0}#cop-odds{white-space:nowrap;background:#130e1ce6;border:.2cqw solid #5a7cff;flex-direction:column;align-items:center;gap:.2em;padding:.4em .9em;display:flex;position:absolute;top:22%;left:50%;transform:translate(-50%);pointer-events:none!important}#cop-odds .lbl{color:#8fa8ff}#cop-odds .row2{align-items:center;gap:.5em;font-size:1.2em;display:flex}#cop-bar{background:#2a2038;border:.15cqw solid #6a5a80;width:22cqw;height:1.6cqw;display:block}#cop-fill{background:#ffb000;width:50%;height:100%;display:block}#cop-odds.good #cop-fill{background:#6fdc3c}.marker span{font-size:1.7em;font-weight:700;line-height:.8}#hud-goods.bad{color:#ff6a6a}#hud-house{text-overflow:ellipsis;max-width:13em;color:var(--gold);flex:0 auto;margin-left:auto;overflow:hidden}#room-code{opacity:.7}#toasts{top:calc(var(--hud-h) + .3cqw);pointer-events:none;flex-direction:column;align-items:flex-start;gap:.15em;width:30%;font-size:.88em;display:flex;position:absolute;left:.3cqw}.toast{background:#130e1ceb;border-left:.4cqw solid #b48cff;max-width:100%;padding:.05em .5em}.toast.good{color:#a5f07a;border-color:#6fdc3c}.toast.bad{color:#ff9a9a;border-color:#ff6a6a}#subtitle{top:calc(var(--hud-h) + .3cqw);pointer-events:none;text-align:left;background:#130e1cf0;border-left:.4cqw solid #6fdc3c;width:35%;padding:.1em .7em .15em;font-size:.9em;position:absolute;left:31.5%}#subtitle b{color:#6fdc3c;letter-spacing:.08em;font-size:.8em;font-weight:400;display:block}#doorstrip{top:calc(var(--hud-h) + .3cqw);width:32%;height:var(--band-h);pointer-events:none;flex-direction:row-reverse;justify-content:flex-start;gap:.3cqw;display:flex;position:absolute;right:.3cqw;overflow:hidden}.chip{background:#130e1ceb;border:.15cqw solid #6a5a80;align-items:center;gap:.1cqw;height:100%;padding:0 .4cqw .35cqw;font-size:.85em;display:flex;position:relative}.chip.coming{opacity:.7;border-style:dashed}.chip.low{border-color:#ff4a4a}.chip .n{color:var(--gold);margin-right:.15cqw}.chip{flex:none}.chip .ico{vertical-align:0;width:1.7cqw;height:1.7cqw}.chip .ico.done{opacity:.25}.chip .pat{background:#6fdc3c;height:.35cqw;position:absolute;bottom:0;left:0}.chip.mid .pat{background:#ffb000}.chip.low .pat{background:#ff4a4a}.chip.empty{opacity:.6;border-style:dashed}#hint{text-align:center;text-overflow:ellipsis;color:#d8c8ff;flex:1 1 0;min-width:0;font-size:.95em;overflow:hidden}#hint b{color:#ffe066;font-weight:400}#bottom{height:var(--bot-h);border-top:.2cqw solid var(--gold);pointer-events:none;white-space:nowrap;background:#130e1cf0;align-items:center;gap:.6em;padding:0 4em 0 .5em;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden}#bowl-read,#hands{align-items:center;gap:.35em;display:flex}#bowl-read{flex:none;min-width:9em}#bowl-read .cell{align-items:center;gap:.1em;display:flex}#bowl-read .lbl,#hands .lbl{color:var(--gold);margin-right:.2em}#hands{flex:none}#hands .key{color:var(--gold);margin-left:.4em;font-size:.85em}#prompt{bottom:calc(var(--bot-h) + .5cqw);border:.2cqw solid var(--gold);pointer-events:none;white-space:nowrap;text-overflow:ellipsis;background:#130e1cf0;max-width:62%;padding:.05em .8em;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}#prompt b{color:#ffe066;font-weight:400}#prompt.no{color:#b8aecb;border-color:#6a5a80}#prompt.aside{max-width:44%;left:1%;transform:none}#prompt.aside.right{left:auto;right:1%}#alerts{position:absolute;inset:0;overflow:hidden;pointer-events:none!important}.marker{color:#ff6a6a;text-shadow:.08em .08em #000,-.06em 0 #000;flex-direction:column;align-items:center;font-size:.8em;display:flex}.marker i{border-top:.9cqw solid #ff4a4a;border-left:.6cqw solid #0000;border-right:.6cqw solid #0000;width:0;height:0}.marker.amber{color:#ffb000}.marker.amber i{border-top-color:#ffb000}#map{background:#0a06128c;position:absolute;inset:0;overflow:hidden;pointer-events:none!important}.map{background:var(--ink);white-space:nowrap;border:.15cqw solid;align-items:center;gap:.2em;padding:0 .3em;font-size:.9em;display:flex;position:absolute;transform:translate(-50%,-50%)}.map.bad{color:#ff6a6a}.map.some{color:#ffb000}.map.good{color:#6fdc3c}.map.info{color:#f2e9c9}.modal{border:.3cqw solid var(--gold);z-index:4;background:#1a1326;max-height:92%;position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 0 0 100cqw #00000080}.titlebar{background:var(--gold);color:var(--ink);justify-content:space-between;align-items:center;padding:.1em .5em;display:flex}.titlebar small{opacity:.8;margin-left:.6em;font-size:.8em}.titlebar button{border-color:var(--ink);background:var(--ink);color:var(--gold)}#shop{flex-direction:column;width:82%;height:86%;display:flex;overflow:hidden}#shop-coins{align-items:center;gap:.3em;font-size:1.15em;display:flex}.shop-body{flex-direction:column;flex:1;gap:.15em;padding:.4em .8em .5em;display:flex;overflow:hidden}#shop-forecast{background:#2e2440;border-left:.4cqw solid #b48cff;min-height:1.3em;padding:.1em .6em}.offers{grid-template-columns:repeat(5,1fr);gap:.3em;display:grid}#shop-house{grid-template-columns:repeat(4,1fr)}.offer{text-align:left;background:#241a34;border:.15cqw solid #4a3a60;grid-template-columns:auto 1fr auto;align-items:center;column-gap:.35em;width:100%;min-height:2.5em;padding:.15em .4em;line-height:1;display:grid}.offer:hover:not(:disabled){color:inherit;background:#33264a;border-color:#6fdc3c}.offer .ico{grid-row:1/3;width:1.6em;height:1.6em}.offer .name{color:var(--gold);line-height:1.05}.offer .desc{opacity:.8;grid-column:2/4;font-size:.78em}.offer .price{color:#ffb35a}.offer.house{min-height:3.3em}#shop-basket{flex-wrap:wrap;align-items:center;gap:.5em;min-height:1.4em;max-height:2.8em;display:flex;overflow:hidden}#shop-basket .cell{align-items:center;gap:.1em;display:flex}.shop-body .row{margin-top:auto}#shop-ready{color:#6fdc3c;border-color:#6fdc3c;font-size:1.2em}#shop-ready:hover:not(:disabled),#shop-ready.on{color:var(--ink);background:#6fdc3c}#card{text-align:center;width:56%;padding:.7em 1.4em}#card h1{color:var(--gold);margin:0 0 .1em;font-size:2.1em;font-weight:400}#card-sub{min-height:1em;margin-bottom:.4em}#card-body{text-align:left;flex-direction:column;gap:.2em;min-height:6em;display:flex}.news{border-left:.4cqw solid #b48cff;padding-left:.6em;font-size:1.1em}.stat{justify-content:space-between;font-size:1.05em;display:flex}.stat b{color:#ffb35a;font-weight:400}.stat.total{border-top:.15cqw solid var(--gold);margin-top:.15em;padding-top:.15em;font-size:1.25em}.rosette{text-align:center;color:#ffe066;letter-spacing:.08em;background:#5a1e3a;border:.25cqw solid #ffe066;margin:.2em 0;padding:.2em;font-size:1.4em}.superlative{border-top:.1cqw solid #4a3a60;align-items:center;gap:.6em;padding-top:.15em;display:flex}.superlative canvas{width:1.5em;height:1.95em;image-rendering:pixelated;flex:none}.superlative .t{color:var(--gold);min-width:8.5em}.superlative .w{min-width:6em}#card .row{justify-content:center}#restart{color:#6fdc3c;border-color:#6fdc3c;font-size:1.2em}#restart:hover{color:var(--ink);background:#6fdc3c}#lobby{text-align:center;background:#0d0816b8;flex-direction:column;justify-content:center;align-items:center;gap:.45em;padding:0 14%;display:flex;position:absolute;inset:0}#lobby p{margin:0}#lobby h1{margin:0;font-size:2.2em;font-weight:400}#lobby-house{text-align:center;width:13em;color:var(--gold);border-color:var(--gold);background:#130e1ccc}#lobby-house:read-only{background:0 0;border-color:#0000}#lobby-house-hint{min-height:1em;margin-top:-.3em;font-size:.85em}#lobby-code{color:#6fdc3c;letter-spacing:.15em;font-size:1.3em}#lobby-players{flex-wrap:wrap;justify-content:center;gap:.8em;min-height:4.4em;display:flex}.member{background:#2e2440d9;flex-direction:column;align-items:center;min-width:5em;padding:.3em .6em;display:flex}.member.me{outline:.2cqw solid var(--gold)}.member.away{opacity:.5}.member canvas{width:2.4em;height:3.15em;image-rendering:pixelated}.member .dim{font-size:.85em}.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:#130e1ccc;width:12em;padding:.1em 0}#look-preview{width:5.3em;height:6.95em;image-rendering:pixelated;background:#2e2440d9;padding:.3em}#lobby-start{color:#6fdc3c;border-color:#6fdc3c;font-size:1.3em}#lobby-start:hover{color:var(--ink);background:#6fdc3c}#join{background:linear-gradient(90deg,#0d0816f7 0%,#0d0816e6 36%,#0d081666 64%,#0d08161a 100%),linear-gradient(#0d081600 68%,#0d0816e0 100%);position:absolute;inset:0}.hero{flex-direction:column;gap:.4em;width:40%;display:flex;position:absolute;top:4%;left:6%}.logo{white-space:nowrap;color:#ff8a1f;text-shadow:.06em .06em #5a2a10,.12em .12em #0009;letter-spacing:.03em;font-size:3.7em;line-height:.9}.logo span{color:#ffe066}.tagline{color:#f2e9c9;opacity:.85;border-left:.3cqw solid var(--gold);padding-left:.6em;font-size:1.15em}.field{color:var(--gold);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:#1a1326e6;padding:.12em .7em;font-size:1.1em}.menu button:before{content:"> ";color:var(--gold)}.menu button:hover:before{color:var(--ink)}.menu .primary{color:#6fdc3c;border-color:#6fdc3c;font-size:1.35em}.menu .primary:hover{color:var(--ink);background:#6fdc3c}.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:#ff6a6a;min-height:1.1em}.warning{background:var(--ink);color:#f2e9c9;border:.2cqw solid #ffb000;padding:.15em .6em;font-size:1em}.warning b{color:#ffb000;margin-right:.4em;font-weight:400}.features{grid-template-columns:repeat(3,1fr);gap:1.2em;display:grid;position:absolute;bottom:2.5%;left:6%;right:8%}.features div{border-top:.25cqw solid var(--gold);opacity:.9;padding-top:.25em;font-size:.85em}.features b{color:var(--gold);font-size:1.2em;font-weight:400;display:block}.live{background:#130e1cd9;border:.2cqw solid #4a3a60;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;border:.3cqw solid var(--gold);background:#1a1326;width:50%;position:absolute;top:9%;right:4%}#how ol{margin:.5em 0;padding:0 1em 0 2.2em}#how li{margin-bottom:.25em}#how p{text-align:center;margin:0 0 .5em;font-size:.9em}#gear{z-index:5;background:var(--ink);padding:0 .3em;line-height:1.15;position:absolute;bottom:.25cqw;right:.3em}#settings{z-index:7;width:34%}.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:var(--gold);border:0;flex:1;padding:0}.settings-body p{margin:0;font-size:.85em}#leave{color:#ff6a6a;border-color:#ff6a6a}#leave:hover{color:var(--ink);background:#ff6a6a}