@font-face{font-family:PxPlus IBM VGA8;font-style:normal;font-weight:100 900;font-display:block;src:url(../fonts/pxplus-ibm-vga8.ttf)format("truetype")}:root{--ink:#2b1e16;--paper:#f4ead5;--paper-hover:#fff6e2;--field:#fffaf0;--light-text:#fff8e8;--red:#d9412b;--yellow:#f2c230;--yellow-hi:#ffd54d;--green:#3e9b4f;--green-hi:#4fb262;--page:#1b140f;--font:"PxPlus IBM VGA8", ui-monospace, monospace}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--page);color:var(--ink);font-family:var(--font);font-synthesis:none;-webkit-font-smoothing:none;-webkit-user-select:none;user-select:none;place-items:center;display:grid;overflow:hidden}#game{width:min(100vw,177.778vh);height:min(100vh,56.25vw);position:relative;overflow:hidden;container-type:size}#game>canvas.view{width:100%;height:100%;image-rendering:pixelated;display:block;position:absolute;inset:0}#game>canvas.overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}#game>.ui{pointer-events:none;font-size:clamp(13px,3.1cqh,30px);line-height:1.2;position:absolute;inset:0}.ui button,.ui input{pointer-events:auto}.btn{font:inherit;color:var(--ink);background:var(--yellow);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);cursor:pointer;white-space:nowrap;padding:.25em .8em;font-weight:700;text-decoration:none;display:inline-block}.btn:hover{background:var(--yellow-hi);box-shadow:5px 5px 0 var(--ink);transform:translate(-1px,-1px)}.btn:active{box-shadow:1px 1px 0 var(--ink);transform:translate(3px,3px)}.btn.paper{background:var(--paper)}.btn.paper:hover{background:var(--paper-hover)}.btn.green{background:var(--green);color:var(--light-text)}.btn.green:hover{background:var(--green-hi)}.btn.small{box-shadow:3px 3px 0 var(--ink);padding:.15em .5em;font-size:.7em}.btn.big{box-shadow:6px 6px 0 var(--ink);padding:.3em 1em;font-size:1.7em}.panel{background:var(--paper);border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);pointer-events:auto;padding:.7em 1em}.tag{background:var(--ink);color:var(--paper);padding:.05em .4em;display:inline-block}.muted{opacity:.7}.small{font-size:.7em}.level-panel{text-align:center;max-width:19em}.timer-panel{text-align:center}.timer-length{min-width:3em}.input{font:inherit;color:var(--ink);background:var(--field);border:2px solid var(--ink);outline:none;width:9em;padding:.15em .4em}.input:focus{box-shadow:3px 3px 0 var(--ink);background:#fff}.screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.8em;display:flex;position:absolute;inset:0}.screen.dim{background:color-mix(in srgb, var(--page) 62%, transparent)}.lang-switch{position:absolute;top:.6em;left:.6em}:root[data-music=off] .music-toggle{background:var(--paper)}:root[data-music=off] .music-toggle:hover{background:var(--paper-hover)}.layer{position:absolute;inset:0}.title{color:var(--paper);text-shadow:4px 4px 0 var(--ink);margin:0;font-size:2.6em;font-weight:700}.subtitle{color:var(--paper);text-shadow:2px 2px 0 var(--ink);margin:0}.row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.6em;display:flex}.col{flex-direction:column;align-items:stretch;gap:.45em;display:flex}.settings{align-items:stretch}.builder-name{font-size:2.2em;font-weight:700}.word-card{background-color:var(--paper);image-rendering:pixelated;border:2px solid var(--ink);box-shadow:8px 8px 0 var(--ink);pointer-events:auto;background-size:192px;min-width:14em;padding:.8em 1.6em 1em;transform:rotate(-1.5deg)}.word-card .tagline{font-size:.8em}.word-card .word{margin:.15em 0 0;font-size:3em;font-weight:700;line-height:1.1}.word-card .word-en{opacity:.75;font-size:.9em}.hud-top{justify-content:space-between;align-items:flex-start;gap:.6em;display:flex;position:absolute;top:.5em;left:.6em;right:.6em}.hud-top>.center{margin:0 auto}.pick-panel{text-align:center}.hud-bottom{justify-content:space-between;align-items:flex-end;gap:.6em;display:flex;position:absolute;bottom:.6em;left:.6em;right:.6em}.timer{text-align:center;min-width:3.4em;padding:.05em .5em;font-size:1.6em;font-weight:700}.timer.low{background:var(--red);color:var(--light-text)}.hint{color:var(--paper);text-shadow:2px 2px 0 var(--ink);font-size:.7em}.peek{display:none;position:absolute;top:.6em;left:50%;transform:translate(-50%)rotate(-1deg)}.peek.on{display:block}.peek .word{font-size:2em}.present-bottom{justify-content:center;gap:1em;display:flex;position:absolute;bottom:.7em;left:0;right:0}.guessers{flex-direction:column;align-items:stretch;gap:.4em;display:flex;position:absolute;top:3.2em;right:.6em}.chooser{background:color-mix(in srgb, var(--page) 55%, transparent);pointer-events:auto;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.chooser-title{font-size:1.4em;font-weight:700}.score-panel{max-width:92%;max-height:92%;overflow:auto}.score-title{font-size:1.3em;font-weight:700}.scoreboard{border-collapse:collapse;margin:.4em auto}.scoreboard td{text-align:left;padding:.1em .6em}.scoreboard td.num{text-align:right;font-weight:700}.strip{gap:.6em;max-width:100%;padding:.3em .2em .6em;display:flex;overflow-x:auto}.shot{background:var(--paper);border:2px solid var(--ink);width:6.5em;box-shadow:3px 3px 0 var(--ink);text-align:center;flex:none;padding:.25em}.shot img{aspect-ratio:1;width:100%;image-rendering:pixelated;border:2px solid var(--ink);background:#8e99a3;display:block}.shot .cap{text-overflow:ellipsis;white-space:nowrap;margin-top:.2em;font-size:.75em;font-weight:700;overflow:hidden}.shot .sub{opacity:.7;font-size:.55em}.stats{color:var(--paper);text-shadow:1px 1px 0 var(--ink);pointer-events:none;white-space:nowrap;font-size:.55em;position:absolute;bottom:.3em;left:.4em}.fatal{color:var(--paper);white-space:pre-wrap;font-size:18px;position:fixed;inset:1em}.room-code{letter-spacing:.25em;text-align:center;font-size:3em;font-weight:700}.code-input{text-transform:uppercase;letter-spacing:.15em;text-align:center;width:5em}.lobby-player{justify-content:flex-start}.big-hint{font-size:1.1em}.guess-feed{text-align:left;max-width:16em;font-size:.8em;position:absolute;top:3.6em;right:.6em}.guess-line{flex-wrap:nowrap;justify-content:flex-start}.guess-line span{overflow-wrap:anywhere}.guess-box{pointer-events:auto;flex-wrap:nowrap}.guess-input{width:12em}.toasts{z-index:5;flex-direction:column;align-items:center;gap:.4em;display:flex;position:absolute;top:3.4em;left:50%;transform:translate(-50%)}.toasts>.panel{pointer-events:none}.help-hint{pointer-events:none;position:absolute;top:.6em;left:50%;transform:translate(-50%)}.help-layer{background:color-mix(in srgb, var(--page) 72%, transparent);pointer-events:auto;z-index:5;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.help-panel{flex-direction:column;gap:.5em;width:97%;max-height:98%;padding:.45em .7em;display:flex;overflow:auto}.help-head{align-items:center;gap:.8em;display:flex}.help-head .grow{flex:1}.help-heading{font-size:1.1em;font-weight:700}.help-note{margin:.2em 0 .5em;font-size:.7em}.help-grid{grid-template-columns:repeat(5,1fr);gap:.45em;display:grid}.help-card{background:var(--field);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);min-width:0;padding:.25em}.demo-canvas{aspect-ratio:16/9;border:2px solid var(--ink);width:100%;image-rendering:pixelated;background:#3b2c22;display:block}.help-card .t{margin-top:.15em;font-size:.72em;font-weight:700}.help-card .how{opacity:.85;font-size:.54em;line-height:1.2}.tutorial{pointer-events:auto;flex-direction:column;gap:.35em;width:14em;display:flex;position:absolute;bottom:.6em;left:.6em}.tutorial .step{opacity:.7;font-size:.6em}.tutorial .t{font-size:1.1em;font-weight:700}.tutorial .text{font-size:.75em;line-height:1.25}.tutorial.done .t{color:var(--green)}.tutorial-close{position:absolute;top:-.5em;right:-.5em}.tutorial-open{position:absolute;bottom:.6em;left:.6em}.tutorial-nav{align-items:center;gap:.4em;display:flex}.tutorial .steps{flex-wrap:wrap;flex:1;justify-content:center;gap:2px;display:flex}.step-dot{border:2px solid var(--ink);background:var(--paper);cursor:pointer;width:9px;height:9px;padding:0}.step-dot:hover{background:var(--paper-hover);transform:translate(-1px,-1px)}.step-dot.on{background:var(--green)}.step-dot.now{background:var(--yellow)}.arrow-btn{flex:none;justify-content:center;align-items:center;width:2.1em;height:1.7em;padding:0;display:inline-flex}.arrow-btn:before{content:"";border-style:solid}.arrow-btn.left:before{border-width:.42em .6em .42em 0;border-color:transparent var(--ink) transparent transparent}.arrow-btn.right:before{border-width:.42em 0 .42em .6em;border-color:transparent transparent transparent var(--ink)}.arrow-btn:disabled{opacity:.35;cursor:default;box-shadow:3px 3px 0 var(--ink);transform:none}.wheel-layer{pointer-events:auto;z-index:4;position:absolute;inset:0}.wheel{width:0;height:0;position:absolute}.wheel:before{content:"";background:var(--yellow);border:2px solid var(--ink);width:.5em;height:.5em;position:absolute;top:-.25em;left:-.25em}.wheel-spot{position:absolute;transform:translate(-50%,-50%)}.wheel-slice{white-space:nowrap;align-items:center;gap:.5em;display:flex}.wheel-slice .key{border:2px solid var(--ink);background:var(--field);padding:0 .35em;font-size:.85em}.wheel-slice:disabled{opacity:.45;cursor:default}.armed-tip{white-space:nowrap;pointer-events:none;position:absolute}