@font-face{font-family:Patrick Hand;src:url(/assets/fonts/patrick-hand.woff2) format("woff2");font-display:swap}@font-face{font-family:Anton;src:url(/assets/fonts/anton.woff2) format("woff2");font-display:swap}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#a89d89;font-family:Patrick Hand,Segoe Print,cursive;color:#f4efe2;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}canvas{display:block;touch-action:none}#hud{position:fixed;top:0;left:0;width:min(680px,calc(100% - 28px));padding:2px 12px 8px;transform:translate(-50%);text-align:center;pointer-events:none;z-index:2;display:flex;flex-direction:column;align-items:center;gap:4px;color:#fff;text-shadow:0 1px 2px rgba(20,16,12,.95),0 3px 7px rgba(20,16,12,.68)}#series{font-size:clamp(12px,3.2vw,14px);opacity:.78;min-height:1.2em}#hint{font-size:clamp(12px,3.4vw,15px);min-height:1.25em;opacity:.92}#clock{font-size:clamp(13px,3.6vw,16px);font-variant-numeric:tabular-nums;letter-spacing:1px;min-height:1.2em;opacity:.55;transition:color .16s linear,opacity .16s linear}#clock.urgent{color:#ff9a5c;opacity:1;animation:clock-pulse 1s steps(2,end) infinite}@keyframes clock-pulse{50%{opacity:.45}}@media (prefers-reduced-motion: reduce){#clock.urgent{animation:none}}#tray{position:fixed;left:0;right:0;bottom:0;z-index:2;display:flex;gap:10px;justify-content:center;align-items:flex-end;padding:10px 12px calc(10px + env(safe-area-inset-bottom))}#tray label{display:flex;flex-direction:column;gap:3px;font-size:12px;opacity:.85;text-shadow:0 2px 5px rgba(0,0,0,.5)}#tray select,#tray button{font-family:inherit;font-size:14px;padding:5px 9px;border-radius:5px;border:1px solid rgba(244,239,226,.25);background:#1c18149e;color:#f4efe2;backdrop-filter:blur(4px)}#tray button{cursor:pointer;align-self:flex-end}#corner{position:fixed;top:0;right:0;z-index:11;padding:calc(8px + env(safe-area-inset-top)) calc(8px + env(safe-area-inset-right)) 0 0}#sound-toggle{font-family:inherit;font-size:13px;min-width:76px;padding:5px 9px;border-radius:5px;border:1px solid rgba(244,239,226,.25);background:#1c18149e;color:#f4efe2;backdrop-filter:blur(4px);cursor:pointer}#sound-toggle:active{background:#1c1814d9}#sound-toggle[aria-pressed=false]{opacity:.7}#tray button:active{background:#1c1814d9}@media (max-width: 480px){#tray{gap:6px;padding-inline:8px}#tray select,#tray button{font-size:12px;padding:5px 6px}#tray select{max-width:92px}#sound-toggle{min-width:64px;font-size:12px}}#lobby{position:fixed;inset:0;z-index:10;display:grid;place-items:center;background:#181410c7;backdrop-filter:blur(6px);padding:16px;overflow:auto}#lobby.gone{display:none}#lobby .panel{width:min(430px,100%);background:#e9e2cf;color:#24428f;border-radius:8px;padding:20px;box-shadow:0 18px 50px #00000080}#lobby h1{font-family:Anton,sans-serif;margin:0;font-size:34px;letter-spacing:1px;text-transform:uppercase}#lobby .sub{margin:2px 0 16px;opacity:.7;font-size:14px}#lobby .row{display:flex;gap:10px;align-items:flex-end;margin-bottom:12px}#lobby label{display:flex;flex-direction:column;gap:3px;font-size:12px;flex:1;text-transform:lowercase}#lobby input,#lobby select{font-family:inherit;font-size:15px;padding:7px 9px;border:1px solid rgba(36,66,143,.35);border-radius:4px;background:#f4efe0;color:#24428f;width:100%}#lobby .actions{display:flex;gap:8px;margin:14px 0 6px;flex-wrap:wrap}#lobby button{font-family:inherit;font-size:15px;padding:8px 14px;border-radius:4px;border:none;background:#c4691a;color:#f4efe0;cursor:pointer;flex:1}#lobby button.ghost{background:transparent;color:#24428f;border:1px solid rgba(36,66,143,.4)}#lobby button.link{background:none;color:#c4691a;padding:0 4px;flex:0;font-size:13px;text-decoration:underline}#lobby button:disabled{opacity:.4;cursor:default}#lobby .join button{flex:0 0 auto}#lobby .room.hidden{display:none}#lobby .room{border-top:1px solid rgba(36,66,143,.2);margin-top:14px;padding-top:12px}#lobby .code{font-size:15px;margin-bottom:8px}#lobby .code b{font-family:Anton,sans-serif;letter-spacing:3px;font-size:20px}#lobby ul{list-style:none;margin:0 0 10px;padding:0}#lobby li{display:flex;gap:8px;align-items:baseline;padding:5px 7px;border-radius:4px;font-size:14px}#lobby li.is-ready{background:#6fbf7338}#lobby li.is-away{opacity:.5}#lobby li.you .who{font-weight:700}#lobby li .who{flex:1}#lobby li .pen,#lobby li .marks{font-size:12px;opacity:.65}#lobby .status{margin:10px 0 0;font-size:13px;min-height:1em;opacity:.7}#online{display:flex;flex-direction:column;gap:5px;align-items:center;pointer-events:auto}#online.gone{display:none}#roster{display:flex;gap:5px;flex-wrap:wrap;justify-content:center}#roster .chip{font-family:inherit;display:flex;flex-direction:column;align-items:center;min-width:56px;padding:3px 7px;border-radius:5px;border:1px solid transparent;background:#00000057;color:#f0e9d8;font-size:11px;cursor:pointer;line-height:1.25}#roster .chip span{opacity:.62;font-size:10px}#roster .chip.turn{background:#c4691a66}#roster .chip.talking{border-color:#6fbf73}#roster .chip.muted{opacity:.42;text-decoration:line-through}#roster .chip.out{opacity:.4}#roster .chip.away{opacity:.45;border-style:dashed}#roster .chip.you b:after{content:" (you)";font-weight:400;opacity:.6}#online-actions{display:flex;gap:6px;align-items:center}#online-actions button{font-family:inherit;font-size:13px;padding:4px 9px;border-radius:5px;border:1px solid rgba(244,239,226,.22);background:#1c18149e;color:#f4efe2;cursor:pointer}#mic[data-on=true]{background:#6fbf7373}#reacts button{padding:4px 6px;font-size:15px}#conn{width:9px;height:9px;border-radius:50%;background:#bf3b2b}#conn[data-state=online]{background:#6fbf73}#conn[data-state=connecting]{background:#c4691a}@media (max-width: 620px),(max-height: 800px){#hud{gap:2px;padding-bottom:4px}#online{gap:3px}#roster .chip{min-width:46px;padding:2px 5px;font-size:10px}#roster .chip span{font-size:9px}#online-actions{gap:4px}#online-actions button{font-size:12px;padding:3px 7px}#reacts button{padding:3px 4px;font-size:14px}}#tray.gone{display:none}#fatal{position:fixed;inset:auto 16px 50%;margin:0;text-align:center;font-size:16px;color:#ffd9c4;z-index:9}#fatal.gone{display:none}#series-end{position:fixed;inset:0;z-index:9;display:grid;place-items:center;background:#181410b8;backdrop-filter:blur(5px);padding:16px}#series-end.gone{display:none}#series-end .panel{width:min(360px,100%);background:#e9e2cf;color:#24428f;border-radius:8px;padding:20px;box-shadow:0 18px 50px #00000080;text-align:center}#series-end h2{font-family:Anton,sans-serif;margin:0 0 12px;font-size:26px;letter-spacing:1px;text-transform:uppercase}#series-end ul{list-style:none;margin:0 0 12px;padding:0;font-size:15px}#series-end li{display:flex;justify-content:space-between;padding:3px 2px;border-bottom:1px solid rgba(36,66,143,.15)}#series-end .votes{min-height:18px;margin:0 0 12px;font-size:13px;opacity:.75}#series-end .actions{display:flex;gap:8px;justify-content:center}#series-end button{font-family:inherit;font-size:15px;padding:8px 16px;border-radius:6px;border:0;cursor:pointer;background:#24428f;color:#f4efe2}#series-end button.ghost{background:transparent;border:1px solid rgba(36,66,143,.4);color:#24428f}