:root{--paper:#f7f7f2;--grid:#cad7e5;--margin:#e2776a;--ink:#2546a3;--ink-red:#c33b2f;--ink-green:#2f7d4f;--ink-graphite:#4b4e57;--ink-orange:#d9822b;--ink-purple:#6a4aa0;--ink-brown:#7a4e2d;--ui-bg:#f7f7f2f0;--ui-soft:#2546a394;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#14284a;--grid:#21406f;--margin:#e58a7c;--ink:#e9f0fb;--ink-red:#ff9c8c;--ink-green:#9be3b4;--ink-graphite:#b8c2d3;--ink-orange:#ffc27a;--ink-purple:#cdb8ff;--ink-brown:#d9a877;--ui-bg:#14284af0;--ui-soft:#e9f0fb9e}}:root[data-theme=dark]{--paper:#14284a;--grid:#21406f;--margin:#e58a7c;--ink:#e9f0fb;--ink-red:#ff9c8c;--ink-green:#9be3b4;--ink-graphite:#b8c2d3;--ink-orange:#ffc27a;--ink-purple:#cdb8ff;--ink-brown:#d9a877;--ui-bg:#14284af0;--ui-soft:#e9f0fb9e}*,:before,:after{box-sizing:inherit}html{height:100%;scroll-padding-top:env(safe-area-inset-top,0px)}body{background:var(--paper);height:100%;color:var(--ink);-webkit-user-select:none;user-select:none;margin:0;font-family:Kalam,Bradley Hand,Segoe Print,Comic Sans MS,cursive;overflow:hidden}#stage{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#cross{border:2px solid var(--ink);pointer-events:none;opacity:.8;border-radius:52% 48% 55% 45%/48% 55% 45% 52%;width:18px;height:18px;margin:-9px 0 0 -9px;position:fixed;top:50%;left:50%}#hint{white-space:nowrap;pointer-events:none;text-shadow:0 0 6px var(--paper),0 0 3px var(--paper);font-size:19px;position:fixed;top:calc(50% + 26px);left:50%;transform:translate(-50%)}#hint .soft{color:var(--ui-soft);font-weight:300}#held{right:22px;bottom:calc(env(safe-area-inset-bottom,0px) + 112px);text-align:right;pointer-events:none;text-shadow:0 0 6px var(--paper);font-size:18px;position:fixed}#held .soft{color:var(--ui-soft);font-size:15px;font-weight:300;display:block}#effects{left:50%;top:calc(env(safe-area-inset-top,0px) + 14px);white-space:nowrap;pointer-events:none;text-shadow:0 0 6px var(--paper),0 0 3px var(--paper);font-size:18px;font-weight:700;position:fixed;transform:translate(-50%)}#effects[hidden]{display:none}#help{top:calc(env(safe-area-inset-top,0px) + 12px);background:var(--ui-bg);border:2px solid var(--ink);border-radius:14px 200px 14px 180px/180px 14px 200px;max-width:300px;padding:10px 18px;font-size:15px;line-height:1.35;position:fixed;right:16px}#help h2{margin:0 0 4px;font-size:19px;font-weight:700}#help dl{grid-template-columns:auto 1fr;gap:1px 12px;margin:0;display:grid}#help dt{white-space:nowrap;font-weight:700}#help dd{margin:0;font-weight:300}#help p{color:var(--ui-soft);margin:6px 0 0;font-weight:300}#help[hidden]{display:none}#title{top:calc(env(safe-area-inset-top,0px) + 10px);pointer-events:none;text-shadow:0 0 6px var(--paper);margin:0;font-size:28px;font-weight:700;position:fixed;left:84px}#enter{pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}#enter>div{background:var(--ui-bg);border:2px solid var(--ink);text-align:center;border-radius:255px 14px 225px/14px 225px 14px 255px;max-width:min(460px,90vw);padding:18px 30px 16px}#enter strong{font-size:26px;display:block}#enter>div>span{font-size:16px;font-weight:300}.comfort{text-align:left;font-size:15px}.comfort h3{margin:0 0 2px;font-size:18px}.comfort .check{margin:3px 0;font-size:15px}.comfort .range{align-items:center;gap:10px;margin:3px 0;display:flex}.comfort .range span{font-weight:300}.comfort .range input{accent-color:var(--ink);flex:1;min-width:120px}.comfort .range output{min-width:3ch;font-weight:700}.comfort p.small{margin:2px 0 0;font-size:13px}#enter .comfort{pointer-events:auto;border-top:2px dashed var(--ui-soft);max-width:320px;margin:12px auto 0;padding-top:8px}dialog#settings .comfort{margin-top:10px}#enter[hidden]{display:none}#dock{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 12px);background:var(--ui-bg);border:2px solid var(--ink);border-radius:255px 14px 225px/14px 225px 14px 255px;width:min(720px,100% - 20px);padding:10px 18px 8px;position:fixed;transform:translate(-50%)}#dock[hidden]{display:none}#draw{align-items:center;gap:10px;display:flex}#prompt{min-width:0;font:inherit;color:var(--ink);border:0;border-bottom:2px dashed var(--ui-soft);-webkit-user-select:text;user-select:text;background:0 0;flex:1;padding:3px 2px;font-size:19px}#prompt::placeholder{color:var(--ui-soft);font-weight:300}#prompt:focus{border-bottom-style:solid;border-bottom-color:var(--ink);outline:none}#prompt:disabled{opacity:.5}#go{font:inherit;color:var(--paper);background:var(--ink);cursor:pointer;border:0;border-radius:14px 120px/120px 14px;padding:5px 15px 3px;font-size:18px;font-weight:700}#go:disabled{opacity:.45;cursor:default}.row{flex-wrap:wrap;align-items:baseline;gap:2px 12px;margin-top:6px;font-size:15px;display:flex}.row .lead{color:var(--ui-soft);font-weight:300}.chip{font:inherit;color:var(--ink);cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:var(--ui-soft);text-decoration-color:var(--ui-soft);text-underline-offset:4px;background:0 0;border:0;padding:1px 0;font-size:15px}.chip:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}#status{min-height:1.25em;margin-top:3px;font-size:14px;font-weight:300;line-height:1.3}#status.err{color:var(--ink-red);font-weight:400}label.careful{cursor:pointer;align-items:center;gap:6px;margin-left:auto;font-size:14px;font-weight:300;display:inline-flex}label.careful input{accent-color:var(--ink);width:15px;height:15px}button:focus-visible,input:focus-visible{outline:2px solid var(--ink-orange);outline-offset:3px}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.soft{color:var(--ui-soft);font-weight:300}@media (width<=700px){#help{display:none}#title{font-size:22px;left:78px}label.careful{margin-left:0}}#labels{pointer-events:none;position:fixed;inset:0;overflow:hidden}.name-tag{white-space:nowrap;text-align:center;text-shadow:0 0 6px var(--paper),0 0 3px var(--paper);will-change:transform;font-size:16px;font-weight:700;position:absolute;top:0;left:0}.name-tag span{display:block}.name-tag .soft{font-size:14px}#room{top:calc(env(safe-area-inset-top,0px) + 46px);text-shadow:0 0 6px var(--paper);flex-wrap:wrap;align-items:baseline;gap:4px 12px;max-width:calc(100% - 420px);font-size:15px;display:flex;position:fixed;left:86px}#room[hidden]{display:none}#room-code{letter-spacing:.08em;font-weight:700}@media (width<=700px){#room{left:78px;top:calc(env(safe-area-inset-top,0px) + 40px);max-width:calc(100% - 90px)}}#lobby{background:var(--paper);-webkit-user-select:text;user-select:text;background-image:linear-gradient(var(--grid) 1px, transparent 1px),linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-size:22px 22px;flex-direction:column;display:flex;position:fixed;inset:0;overflow:auto}#lobby:before{content:"";background:var(--margin);opacity:.7;width:2px;position:fixed;top:0;bottom:0;left:63px}#lobby[hidden]{display:none}#lobby .sheet{flex:1;width:min(820px,100% - 100px);margin:28px 20px 20px 96px}#lobby h1{margin:0;font-size:40px;line-height:1.1}#lobby .lead{margin:4px 0 18px;font-size:18px;font-weight:300}#lobby .cols{grid-template-columns:1fr 1fr;gap:18px;margin:16px 0;display:grid}@media (width<=760px){#lobby .cols{grid-template-columns:1fr}#lobby .sheet{width:calc(100% - 92px);margin-left:76px}}.card{background:var(--ui-bg);border:2px solid var(--ink);border-radius:14px 200px 14px 180px/180px 14px 200px;padding:12px 22px 16px}.card h2{align-items:baseline;gap:12px;margin:0 0 8px;font-size:21px;display:flex}.card.list{border-radius:255px 14px 225px/14px 225px 14px 255px}.field{flex-direction:column;gap:2px;margin:6px 0 10px;font-size:15px;display:flex}.field span{color:var(--ui-soft);font-weight:300}.field input{font:inherit;color:var(--ink);border:0;border-bottom:2px dashed var(--ui-soft);background:0 0;padding:3px 2px;font-size:19px}.field input:focus{border-bottom-style:solid;border-bottom-color:var(--ink);outline:none}.field input::placeholder{color:var(--ui-soft);font-weight:300}.choice{flex-direction:column;gap:2px;margin:4px 0 12px;font-size:16px;display:flex}.choice input,.check input{accent-color:var(--ink)}.check{align-items:center;gap:8px;margin:6px 0;font-size:16px;display:flex}.ink-btn{font:inherit;color:var(--paper);background:var(--ink);cursor:pointer;border:0;border-radius:14px 120px/120px 14px;padding:5px 18px 3px;font-size:18px;font-weight:700}.ink-btn:disabled{opacity:.45;cursor:default}.ink-btn.small{padding:3px 12px 1px;font-size:15px}#lobby-list{margin:0 0 8px;padding:0;font-size:17px;list-style:none}#lobby-list li{border-bottom:1px dashed var(--grid);align-items:baseline;gap:12px;padding:4px 0;display:flex}#lobby-list li:last-child{border-bottom:0}#lobby-list .name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:700;overflow:hidden}#lobby-status{min-height:1.4em;font-size:16px}#lobby-status.err{color:var(--ink-red)}#lobby footer{padding:8px 20px 14px 96px;font-size:13px}.admin-link{color:var(--ui-soft);font-weight:300}dialog#settings{color:var(--ink);background:var(--paper);border:2px solid var(--ink);border-radius:14px 200px 14px 180px/180px 14px 200px;width:min(440px,100% - 30px);padding:14px 26px 16px;font-family:inherit}dialog#settings::backdrop{background:#0000002e}dialog#settings h2{margin:0 0 4px;font-size:22px}dialog#settings h3{margin:12px 0 4px;font-size:18px}dialog#settings input:disabled{opacity:.55}dialog#settings p.small{margin:-6px 0 6px 26px;font-size:14px;line-height:1.25}.save-row{align-items:center;gap:10px;display:flex}.save-row input{font:inherit;color:var(--ink);border:0;border-bottom:2px dashed var(--ui-soft);background:0 0;flex:1;font-size:17px}#save-list{max-height:180px;margin:8px 0 0;padding:0;font-size:16px;list-style:none;overflow:auto}#save-list li{align-items:baseline;gap:10px;padding:2px 0;display:flex}#save-list .name{flex:1}.buttons{justify-content:flex-end;margin-top:12px;display:flex}