:root{--ink:#2b1605;--wood-dark:#5b3210;--wood:#b5702c;--plank:#f3d9a4;--paper:#fff6e0;--sky:#2fa7f0;--sea:#07357f;--yellow:#ffe600;--red-ink:#b3160f;--red:#e5261f;--green:#39d353}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);-webkit-tap-highlight-color:transparent;margin:0;font-family:Mali,system-ui,sans-serif;font-weight:500}[hidden],html[lang=th] [lang=en],html[lang=en] [lang=th]{display:none!important}.screen{z-index:10;padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));background:#2b160540;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}.sign{text-align:center;background:repeating-linear-gradient(0deg, var(--plank) 0 46px, #e6c98e 46px 48px);border:6px solid var(--wood-dark);border-radius:6px 14px 8px 12px;width:min(380px,100%);margin:auto;padding:16px 18px 18px;position:relative;box-shadow:8px 8px #2b160573}.sign.small{width:min(320px,100%)}.nail{background:var(--wood-dark);border-radius:50%;width:8px;height:8px;position:absolute;top:6px}.nail.l{left:7px}.nail.r{right:7px}.sign h1{margin:4px 0 6px;font-size:1.9rem;line-height:1.55}.sign h2{margin:4px 0;font-size:1.35rem;line-height:1.5}.sign p{line-height:1.4}.btn{width:100%;color:var(--ink);background:var(--paper);border:4px solid var(--wood-dark);box-shadow:4px 4px 0 var(--wood-dark);cursor:pointer;border-radius:8px;margin-top:8px;padding:8px;font-family:inherit;font-size:1.2rem;font-weight:700;text-decoration:none;display:block}.btn.primary{background:var(--yellow);font-size:1.3rem}.btn:active{box-shadow:none;transform:translate(3px,3px)}.btn:disabled{opacity:.55;cursor:default;box-shadow:none}:focus-visible{outline:4px solid var(--red);outline-offset:2px}.rest-note{background:var(--paper);border:3px solid var(--wood-dark);border-radius:8px;margin:6px 0;padding:6px 10px;font-weight:700}.rest-box{z-index:30}.field{gap:6px;margin:8px 0 4px;display:flex}.field input{min-width:0;font:inherit;border:3px solid var(--wood-dark);background:#fff;border-radius:8px;flex:1;padding:2px 10px;font-size:16px;font-weight:700;line-height:2}.field .btn{width:auto;margin:0;padding:4px 14px;font-size:1rem}.note{min-height:1.3em;margin:2px 0 0;font-size:.85rem}.turnstile:not(:empty){justify-content:center;margin:8px 0;display:flex}.board{text-align:left;gap:4px;margin:8px 0 0;padding:0;list-style:none;display:grid}.board li{background:var(--paper);border:2px solid var(--wood-dark);border-radius:6px;align-items:center;gap:8px;padding:3px 8px;font-size:.9rem;display:flex}.board li.me{background:var(--yellow)}.board .n{border:2px solid var(--wood-dark);background:#fff;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:.78rem;font-weight:700;display:grid}.board .name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:700;line-height:1.9;overflow:hidden}.board .pts{color:var(--red-ink);font-weight:700}