@font-face{font-family:Patrick Hand;font-display:swap;src:url(/fonts/patrick-hand-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Patrick Hand;font-display:swap;src:url(/fonts/patrick-hand-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Permanent Marker;font-display:swap;src:url(/fonts/permanent-marker-latin-400-normal.woff2) format("woff2")}:root{--ink: #2d2a32;--paper: #fffaf0;--note: #ffe66d;--red: #ef5b5b;--blue: #3d8ee8;--green: #46b864;--hand: "Patrick Hand", "Comic Sans MS", cursive;--marker: "Permanent Marker", "Patrick Hand", cursive}*{box-sizing:border-box;cursor:var(--cur, none)!important}html,body{margin:0;height:100%;overflow:hidden;background:#8f6a43;font-family:var(--hand);color:var(--ink);user-select:none;-webkit-user-select:none}canvas#game{position:fixed;inset:0;display:block;touch-action:none}canvas#cursor{position:fixed;inset:0;pointer-events:none;z-index:1000}.hidden{display:none!important}#ui{position:fixed;inset:0;z-index:10;pointer-events:none;display:flex;align-items:center;justify-content:center}.screen{pointer-events:auto;width:min(1100px,96vw);max-height:96vh;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:14px;padding:10px}.card{position:relative;background:var(--paper);border:3px solid var(--ink);border-radius:6px 10px 7px 12px;box-shadow:5px 7px #28190a38;padding:18px 22px}.tape{position:absolute;top:-12px;width:110px;height:26px;background:#fff8d2bf;border:1px solid rgba(180,160,110,.5)}.tape.l{left:24px;transform:rotate(-6deg)}.tape.r{right:24px;transform:rotate(5deg)}.title{font-family:var(--marker);font-size:clamp(56px,9vw,104px);margin:0;line-height:1;letter-spacing:2px;text-shadow:4px 5px 0 rgba(40,25,10,.25);transform:rotate(-2deg)}.title .t1{color:#fffaf0;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill}.title .t2{color:var(--note);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;display:inline-block;transform:rotate(4deg)}.home-card{display:flex;gap:28px;align-items:stretch;flex-wrap:wrap;justify-content:center;transform:rotate(.4deg)}.col{display:flex;flex-direction:column;gap:8px}.form{min-width:280px}label,.label{font-size:22px}#faceEditor{display:flex;flex-direction:column;align-items:center;gap:8px}#faceCv{width:240px;height:240px;border:3px solid var(--ink);border-radius:8px;background:#fdfcf6;touch-action:none}.tools{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.tools button{min-width:40px;padding:4px 8px;font-size:18px}.tools button.on{background:var(--note);transform:translateY(-2px)}.dotc{display:inline-block;width:16px;height:16px;border-radius:50%;background:var(--c);border:2px solid var(--ink);vertical-align:middle}input{font-family:var(--hand);font-size:26px;padding:6px 12px;border:3px solid var(--ink);border-radius:6px;background:#fff;color:var(--ink);width:100%;outline:none}input:focus{background:#fffbe0}select{font-family:var(--hand);font-size:20px;padding:6px 10px;border:3px solid var(--ink);border-radius:6px;background:#fff}button{font-family:var(--marker);font-size:20px;padding:8px 16px;border:3px solid var(--ink);border-radius:8px;background:var(--note);color:var(--ink);box-shadow:3px 4px #28190a40;transition:transform .08s}button:hover:not([disabled]){transform:translateY(-2px) rotate(-1deg);background:#fff2a0}button:active:not([disabled]){transform:translateY(1px);box-shadow:1px 2px #28190a40}button[disabled]{background:#e4ded2;color:#a39b8d;border-color:#b9b2a5;box-shadow:none}button.big{font-size:28px;padding:12px 20px}button.ghost{background:#fff}button.small{font-size:16px;padding:4px 10px}.or{text-align:center;font-size:20px;color:#8a8475;margin-top:4px}.joinrow{display:flex;gap:8px}.joinrow input{text-transform:uppercase;letter-spacing:6px;font-family:var(--marker);text-align:center}.swatches{display:flex;gap:8px;flex-wrap:wrap}.sw{width:36px;height:36px;padding:0;border-radius:50%;background:var(--c);box-shadow:2px 3px #28190a40}.sw:hover:not([disabled]){background:var(--c)}.sw.on{outline:4px solid var(--ink);outline-offset:2px}.sw.taken{opacity:.25;background:var(--c)}.foot{margin:0;font-size:22px;color:#fffaf0;text-shadow:1px 2px 0 rgba(0,0,0,.3)}.hint{color:#8a8475;font-size:18px;margin:4px 0;text-align:center}.rejoin-card{text-align:center}.rejoin-card h2{font-family:var(--marker);margin:0 0 8px}.lobby-top{display:flex;gap:12px;align-items:center}.roomcode{font-family:var(--marker);font-size:34px;background:var(--note);border:3px solid var(--ink);padding:4px 18px;border-radius:6px;transform:rotate(-1.5deg);box-shadow:4px 5px #28190a40}.roomcode b{letter-spacing:6px;color:var(--red)}#slots{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;width:100%}.slot{position:relative;background:var(--paper);border:3px solid var(--ink);border-radius:8px;padding:6px;display:flex;flex-direction:column;align-items:center;box-shadow:4px 6px #28190a38;min-height:230px;border-top:10px solid var(--c)}.slot:nth-child(odd){transform:rotate(-.8deg)}.slot:nth-child(2n){transform:rotate(.9deg)}.slot.me{background:#fff6c9}.slot.away{opacity:.55}.slot canvas{width:150px;height:150px}.sname{font-size:26px;font-family:var(--marker);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tags{display:flex;gap:4px;min-height:22px}.tag{font-size:15px;border:2px solid var(--ink);border-radius:10px;padding:0 6px;background:#fff}.tag.host{background:#ffcf3a}.tag.you{background:#a5e89a}.kick{position:absolute;top:4px;right:4px;padding:0 8px;font-size:18px;background:#fff}.slot.empty{justify-content:center;gap:10px;border-top:3px dashed #b9b2a5;border-style:dashed;background:#fffaf0b3}.emptytxt{font-size:24px;color:#8a8475}.lobby-bottom{display:grid;grid-template-columns:1fr 1.4fr;gap:16px;width:100%}.me-card,.host-card{display:flex;flex-direction:column;gap:8px}.moderow,.hostrow{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.moderow button.on{background:var(--green);color:#fff}#modeDesc{margin:0;font-size:19px}.modal{position:fixed;inset:0;z-index:50;background:#2d2a3280;display:none;align-items:center;justify-content:center}.modal.open{display:flex}.modal-card{display:flex;flex-direction:column;align-items:center;gap:14px;max-height:92vh}.modal-card.wide{width:min(1100px,95vw);align-items:stretch;overflow:hidden}.fp-head{display:flex;align-items:center;gap:14px}.fp-head h2{font-family:var(--marker);margin:0;flex:1}.fpmodes{display:flex;gap:6px}.fpmodes button.on{background:var(--green);color:#fff}#fpList{overflow-y:auto;padding-right:6px}#fpList h3{font-family:var(--marker);margin:10px 0 6px}.fp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.fp{display:flex;flex-direction:column;align-items:flex-start;text-align:left;font-family:var(--hand);background:#fff;padding:8px 10px;gap:2px}.fp b{font-family:var(--marker);font-size:18px;font-weight:400}.fp span{font-size:15px;line-height:1.1;color:#5d584e}.fp i{font-style:normal;font-size:14px;color:var(--blue)}#toasts{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:60;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{background:var(--note);border:3px solid var(--ink);border-radius:6px;padding:8px 18px;font-size:22px;box-shadow:4px 5px #28190a40;transform:rotate(-1deg);transition:opacity .4s,transform .4s}.toast.out{opacity:0;transform:translateY(-10px) rotate(-1deg)}#status{position:fixed;left:50%;bottom:14px;transform:translate(-50%);z-index:60;background:#ff8f8f;border:3px solid var(--ink);border-radius:6px;padding:6px 16px;font-size:22px;pointer-events:none}#muteBtn{position:fixed;right:10px;bottom:10px;z-index:40;font-size:18px;padding:4px 8px;background:#fff;font-family:sans-serif;opacity:.85}@media(max-width:900px){#slots{grid-template-columns:repeat(2,1fr)}.lobby-bottom{grid-template-columns:1fr}}.tipjar{display:inline-block;margin-top:10px;padding:4px 16px;font-size:22px;color:var(--ink);background:#ffe66d;border:3px solid var(--ink);border-radius:6px 10px 7px 12px;box-shadow:3px 4px #28190a40;text-decoration:none;transform:rotate(-1.5deg)}.tipjar:hover{transform:rotate(1deg) translateY(-1px)}.tipjar.hidden{display:none}