:root{--night: #120c09;--wood: #2a1d16;--line: #4a3426;--cream: #f4ead6;--text: #efe6d6;--muted: #cdbda6;--lamp: #f3b55b;--bad: #ffb3a8;--display: "Fredoka", "Trebuchet MS", sans-serif;--body: "Nunito Sans", "Segoe UI", sans-serif;color-scheme:dark}:root{--sat: env(safe-area-inset-top, 0px);--sar: env(safe-area-inset-right, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px)}html,body,#app{height:100%;margin:0}body{background:var(--night);color:var(--text);font:15px/1.5 var(--body)}h1,h2{font-family:var(--display);font-weight:600;margin:0}button{min-height:44px;padding:0 18px;border-radius:12px;border:2px solid var(--line);background:var(--wood);color:var(--text);font:700 15px var(--body);cursor:pointer}button.go{background:var(--lamp);border-color:var(--lamp);color:var(--night)}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px dashed var(--cream);outline-offset:2px}input,select{min-height:42px;border-radius:10px;border:2px solid var(--line);background:#1b130f;color:var(--text);padding:0 12px;font:15px var(--body)}.page{max-width:1040px;margin:0 auto;padding:32px 16px;display:flex;flex-direction:column;gap:22px}.card{background:var(--wood);border:1px solid var(--line);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:12px}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.muted{color:var(--muted)}.note{background:#f9e3a3;color:#2a211b;border-radius:10px;padding:10px 14px}:root{--chalk: "Caveat", var(--display)}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.fade{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;opacity:0;pointer-events:none;z-index:8}.anchored{position:fixed;left:0;top:0;z-index:5;visibility:hidden;transition:opacity .15s;will-change:transform}.pad{width:300px;box-sizing:border-box;background:#f1e6cf;color:#2a1d16;border-radius:6px;padding:14px 16px;box-shadow:0 12px 32px #00000080;display:flex;flex-direction:column;gap:8px;font-size:14px}.pad h2{font:700 26px/1 var(--chalk);color:#2a1d16}.pad h3{font:600 16px var(--display);margin:4px 0 0}.pad label{font-weight:700}.pad input,.pad select{background:#fffaf0;color:#2a1d16;border-color:#c9b48f;min-height:38px}.pad button{background:#2a1d16;color:#f4ead6;border-color:#2a1d16;min-height:38px}.pad button.go{background:var(--lamp);border-color:var(--lamp);color:var(--night)}.pad button:focus-visible,.pad input:focus-visible,.pad select:focus-visible{outline-color:#2a1d16}.pad .muted{color:#6b5643}.pad .small{font-size:12px;margin:0}.vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4;opacity:0;box-shadow:inset 0 0 140px 40px #f3b55b8c}.note-pad{width:260px;background:#f9e3a3}.note-pad p{margin:0}.wall{width:min(760px,calc(100vw - 32px));max-height:min(72vh,640px)}.wall .chips{gap:6px}.wall .chip{min-height:32px;padding:0 12px;border-radius:16px;background:#fffaf0;color:#2a1d16;border-color:#c9b48f}.wall .chip[aria-pressed=true]{background:#2a1d16;color:#f4ead6}.wall .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));grid-auto-rows:max-content;gap:8px;overflow-y:auto;padding:4px;min-height:0;flex:1}.wall .tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;height:auto;min-height:0;padding:4px;background:#fffaf0;color:#2a1d16;border:2px solid #c9b48f;border-radius:8px;font:600 12px/1.2 var(--body);text-align:center}.wall .tile img{width:96px;height:134px;object-fit:cover;border-radius:5px;background:#e6d8bd}.wall .tile[aria-disabled=true]{opacity:.4;cursor:not-allowed}.wall .tile .count{position:absolute;top:6px;right:6px;background:var(--lamp);color:var(--night);border-radius:10px;padding:0 7px;font-size:13px}.wall .tile.flash{border-color:var(--lamp)}.closeup-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:6;background:#00000059;border:0;border-radius:0;min-height:0;padding:0;cursor:zoom-out}.closeup-caption{position:fixed;z-index:7;left:50%;bottom:16px;transform:translate(-50%);width:min(560px,calc(100vw - 32px))}.closeup-caption p{margin:0}.editor{width:320px;max-height:min(72vh,640px)}.editor .rows{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1;min-height:80px;display:flex;flex-direction:column;gap:4px}.editor .rows button{width:100%;display:flex;justify-content:space-between;min-height:34px;background:#fffaf0;color:#2a1d16;border-color:#c9b48f;border-radius:8px;font-weight:600;transition:border-color .6s}.editor .rows button.flash{border-color:var(--lamp);transition:none}.problem{color:#9b2c22}.warning{color:#8a5a12}.editor-wall .wall{width:min(540px,calc(100vw - 380px))}.settings{width:360px;max-height:min(80vh,680px);overflow-y:auto}.settings .servers{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.settings .url{flex:1;overflow-wrap:anywhere;font-size:13px}.settings .dot{width:10px;height:10px;border-radius:50%;background:#f3b55b}.settings .dot.up{background:#4c9a5b}.settings .dot.down{background:#c2483b}.settings input[type=checkbox]{min-height:0;width:18px;height:18px}.pad .join-at{font:700 17px var(--body);letter-spacing:.02em}.deck-pos{width:min(420px,calc(100vw - 32px))}