.cmf{text-align:left;flex-direction:column;gap:8px;margin:12px 0;display:flex}.cmf-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;margin:0}.cmf-row{background:var(--kraft);color:var(--ink);border:2px solid var(--ink);border-width:2px 4px 4px 2px;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:6px 12px;display:flex}.cmf-name{min-width:12rem;font-weight:700}.cmf-hint{color:var(--brown);font-size:.85em;display:block}.cmf-toggle{cursor:pointer;flex-wrap:nowrap}.cmf-toggle input{width:1.4em;height:1.4em;accent-color:var(--ink);flex:none}.cmf-row input[type=range]{accent-color:var(--ink);flex:8rem}.cmf-val{text-align:right;min-width:4.5rem;font-weight:700}.cmf-opt{border:2px solid var(--ink);background:var(--paper);color:var(--ink);font-family:var(--font-display);cursor:pointer;padding:2px 12px;font-weight:700}.cmf-opt[aria-checked=true]{background:var(--ink);color:var(--paper)}.cmf input:focus-visible,.cmf-opt:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.ui-comfort-slot{max-height:55vh;overflow-y:auto}.game-start .ui-panel{max-height:94vh;overflow-y:auto}.tuto{z-index:30;pointer-events:none;width:min(400px,36vw);font-family:var(--font-typewriter);color:var(--ink);position:fixed;top:22%;right:28px}.tuto[hidden]{display:none}.tuto-tag{padding-top:58px;position:relative}.tuto-string{fill:none;width:60px;height:52px;stroke:var(--brown);stroke-width:3px;stroke-linecap:round;margin-left:-30px;position:absolute;top:0;left:50%}.tuto-card{background:var(--card);border:3px solid var(--ink);isolation:isolate;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);padding:18px 20px 14px;position:relative}.tuto-card:before{content:"";background:var(--kraft);border:3px solid var(--ink);border-radius:50%;width:18px;height:18px;margin-left:-9px;position:absolute;top:-12px;left:50%}.tuto-card:after{content:"";z-index:-1;background:var(--brown);position:absolute;inset:0;transform:translate(6px,6px)}.tuto.enter .tuto-tag{animation:.32s linear tuto-in}@keyframes tuto-in{0%{transform:translate(110%)}to{transform:none}}.tuto-count{letter-spacing:.08em;color:var(--brown);margin:0 0 4px;font-size:14px}.tuto-title{font-family:var(--font-display);letter-spacing:.03em;margin:0 0 8px;font-size:24px;font-weight:700;line-height:28px}.tuto-body .tuto-line{margin:0 0 8px;font-size:17px;line-height:23px}.tuto-hint{background:var(--paper);border:2px solid var(--stamp-red);color:var(--stamp-red);margin:0 0 8px;padding:2px 8px;font-size:16px}.tuto-hint[hidden],.tuto-keys[hidden],.tuto-play[hidden],.tuto-skip[hidden]{display:none}.tuto-keys{background:var(--paper);border:2px solid var(--ink);margin:0 0 10px;padding:2px 8px;font-size:15px}.tuto-bar{pointer-events:auto;justify-content:flex-end;align-items:center;gap:14px;display:flex}.tuto-skip{font-family:var(--font-typewriter);background:var(--paper);color:var(--ink);border:2px solid var(--ink);cursor:pointer;padding:4px 10px;font-size:16px}.tuto-skip:focus-visible,.tuto-play:focus-visible{outline:3px solid var(--stamp-blue);outline-offset:2px}.tuto[data-step=end]{top:26%;left:calc(50% - min(400px,36vw)/2);right:auto}.tuto[data-step=end] .tuto-title{font-size:30px;line-height:34px}.menu-row{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.lobby[hidden]{display:none}.lobby .ui-panel{max-width:40rem}.lobby-actions{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.lobby-err{border:3px solid var(--stamp-red);color:var(--stamp-red);background:var(--paper);margin:12px 0 0;padding:8px 12px;font-weight:700}.lobby-err:empty{display:none}.lobby-check{align-items:center;gap:8px;margin:12px 0;display:flex}.code-tag{background:var(--kraft);border:3px solid var(--ink);text-align:center;border-width:3px 6px 6px 3px;margin:12px 0;padding:12px 28px 14px;display:inline-block;transform:rotate(-1.5deg)}.code-tag .cap{font-family:var(--font-marker);color:var(--brown);font-size:1rem;display:block}.code-tag .code{font-family:var(--font-display);letter-spacing:.35em;color:var(--ink);padding-left:.35em;font-size:3rem;font-weight:700;display:block}.code-slots{gap:8px;margin:12px 0;display:flex}.code-slot{width:3rem;height:3.6rem;font-family:var(--font-display);background:var(--paper);border:3px solid var(--ink);color:var(--ink);justify-content:center;align-items:center;font-size:2rem;font-weight:700;display:flex}.keypad{grid-template-columns:repeat(auto-fill,minmax(3rem,1fr));gap:6px;max-width:28rem;display:grid}.key{font-family:var(--font-display);color:var(--ink);background:var(--card);border:2px solid var(--ink);cursor:pointer;padding:10px 0;font-size:1.2rem;font-weight:700}.key:hover{background:var(--ochre)}.key:focus-visible{outline:3px solid var(--stamp-blue);outline-offset:2px}.lobby-names{flex-wrap:wrap;gap:8px;margin:12px 0;padding:0;list-style:none;display:flex}.lobby-names li{background:var(--card);border:2px solid var(--ink);padding:6px 12px}.lobby-wait{font-family:var(--font-marker);color:var(--brown)}.net-banner{z-index:60;background:var(--paper);color:var(--ink);border:3px solid var(--stamp-red);font-family:var(--font-display);letter-spacing:.06em;padding:10px 22px;font-weight:700;position:fixed;top:16px;left:50%;transform:translate(-50%)}.net-banner[hidden]{display:none}