@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)}#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;display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:calc(8px + env(safe-area-inset-top)) calc(8px + env(safe-area-inset-right)) 0 0}#corner button{font-family:inherit;font-size:13px;min-width:76px;padding:5px 9px;border-radius:5px;border:1px solid #fff;background:#1c18149e;color:#f4efe2;backdrop-filter:blur(4px);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px}#corner button:active{background:#1c1814d9}#corner button.gone{display:none}#corner button.game-sound-toggle{width:38px;height:38px;min-width:38px;padding:0;align-self:flex-end;border-color:#ffffff9e;border-radius:50%;background:#24428f;box-shadow:0 3px #172d65}#corner button.game-sound-toggle:hover{background:#3155ad}#corner button.game-sound-toggle:active{transform:translateY(2px);background:#3155ad;box-shadow:0 1px #172d65}#corner button.game-sound-toggle[aria-pressed=false]{border-color:#ffffff6b;background:#77736b;box-shadow:0 3px #4c4841;opacity:.78}#corner .game-sound-toggle .icon,#corner .game-sound-toggle svg{display:block;width:20px;height:20px}#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}#corner button{min-width:64px;font-size:12px}}#lobby{position:fixed;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#181410c7;backdrop-filter:blur(6px);padding:calc(16px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom));overflow:auto}#lobby.gone{display:none}#lobby .panel{position:relative;width:min(430px,100%);background:#e9e2cf;color:#24428f;border-radius:8px;padding:20px;box-shadow:0 18px 50px #00000080}#lobby button.panel-sound-toggle{position:absolute;top:12px;right:12px;z-index:1;display:grid;width:38px;height:38px;min-width:38px;padding:0;place-items:center;flex:0 0 auto;border:1px solid rgba(36,66,143,.32);border-radius:50%;background:#24428f;color:#fff;box-shadow:0 3px #172d65;transition:background .14s ease,box-shadow .1s ease,transform .1s ease,opacity .14s ease}#lobby button.panel-sound-toggle:hover{background:#3155ad}#lobby button.panel-sound-toggle:active{transform:translateY(2px);box-shadow:0 1px #172d65}#lobby button.panel-sound-toggle[aria-pressed=false]{background:#77736b;border-color:#4c484159;box-shadow:0 3px #4c4841;opacity:.78}#lobby button.panel-sound-toggle:focus-visible{outline:3px solid rgba(36,66,143,.3);outline-offset:2px}#lobby .panel-sound-toggle .icon,#lobby .panel-sound-toggle svg{display:block;width:20px;height:20px}#lobby h1{margin:0;line-height:0}#lobby h1 img{display:block;width:min(330px,100%);height:auto;margin:0;border-radius:6px}#lobby .sub{margin:2px 0 16px;opacity:.7;font-size:18px}#lobby .site-header{display:flex;width:min(900px,100%);flex:0 0 auto;align-items:center;justify-content:space-between;gap:16px;padding:11px 13px;border:1px solid rgba(244,239,226,.2);border-radius:8px;background:#131512e0;box-shadow:0 12px 32px #00000057;color:#f4efe2;backdrop-filter:blur(8px)}#lobby .creator-links{display:flex;flex:1 1 auto;align-items:center;gap:8px}#lobby .creator-label{color:#f4efe2b3;font-size:12px;white-space:nowrap}#lobby .creator-links a{display:flex;min-height:34px;align-items:center;gap:6px;padding:5px 8px;border:1px solid rgba(90,167,235,.35);border-radius:5px;background:#0a66c224;color:#d9ecff;font-size:13px;font-weight:600;line-height:1.1;text-decoration:none;transition:background .12s ease,border-color .12s ease}#lobby .creator-links a:hover{border-color:#5aa7ebb3;background:#0a66c247}#lobby .creator-links a:focus-visible{outline:2px solid #69afe8;outline-offset:2px}#lobby .linkedin-icon{width:17px;height:17px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}#lobby .site-header-actions{display:grid;grid-template-columns:1fr 1fr;flex:0 0 365px;gap:8px}#lobby .header-action{min-width:0;min-height:42px;padding:8px 10px;border:1px solid rgba(36,66,143,.22);border-radius:5px;font-family:inherit;font-size:14px;font-weight:500;line-height:1.1}#lobby a.header-action,#lobby button.header-action{display:flex;align-items:center;justify-content:center;gap:7px}#lobby a.header-action{background:#1f8f4d;color:#fff;text-decoration:none;box-shadow:0 2px #126436;transition:background .12s ease,transform .1s ease,box-shadow .1s ease}#lobby a.header-action:hover{background:#25a85b}#lobby a.header-action:active{transform:translateY(1px);box-shadow:0 1px #126436}#lobby .header-action:focus-visible{outline:3px solid rgba(36,66,143,.3);outline-offset:2px}#lobby .header-action svg{width:18px;height:18px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}#lobby button.google-action{position:relative;flex:initial;margin:0;background:#fff;color:#3c4043;border-color:#dadce0}#lobby button.google-action:disabled{opacity:.72;cursor:not-allowed}#lobby .google-mark{display:grid;place-items:center;width:19px;height:19px;flex:0 0 auto;border-radius:50%;background:conic-gradient(#4285f4 0 25%,#34a853 0 50%,#fbbc05 0 75%,#ea4335 0);color:#fff;font:700 12px/1 Arial,sans-serif}#lobby .google-action small{padding:2px 4px;border-radius:3px;background:#eceff4;color:#5f6368;font-size:9px;letter-spacing:.5px;text-transform:uppercase}#lobby .site-footer{display:flex;width:min(900px,100%);flex:0 0 auto;align-items:center;justify-content:center;gap:6px;color:#f4efe2a8;font-size:12px;line-height:1.3;text-align:center}#lobby .site-footer a{color:#f1b77e;text-decoration-color:#f1b77e7a;text-underline-offset:2px}#lobby .site-footer a:hover{color:#ffd0a3}#lobby .site-footer a:focus-visible{outline:2px solid #f1b77e;outline-offset:2px;border-radius:2px}#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 .name-error{position:relative;align-self:flex-start;margin-top:7px;padding:6px 9px;border-radius:5px;background:#24428f;color:#f4efe0;box-shadow:0 5px 14px #00000038;font-size:12px;line-height:1.25;text-transform:none;animation:name-error-pop .14s ease-out}#lobby .name-error:before{content:"";position:absolute;top:-5px;left:14px;border-width:0 5px 5px;border-style:solid;border-color:transparent transparent #24428f}#lobby .name-error[hidden]{display:none}#lobby input[aria-invalid=true]{border-color:#a83f2a;box-shadow:0 0 0 2px #a83f2a2e}@keyframes name-error-pop{0%{opacity:0;transform:translateY(-3px)}}#lobby .name-prompt{position:absolute;inset:0;z-index:2;display:grid;place-items:center;padding:18px;background:#181410b8;backdrop-filter:blur(4px)}#lobby .name-prompt[hidden]{display:none}#lobby .name-prompt-card{width:min(340px,100%);padding:20px;border-radius:8px;background:#e9e2cf;color:#24428f;box-shadow:0 18px 50px #0000008c}#lobby .name-prompt-card h2{margin:0;font-family:Anton,sans-serif;font-size:26px;letter-spacing:.5px;text-transform:uppercase}#lobby .name-prompt-card p{margin:4px 0 16px;font-size:14px;line-height:1.35}#lobby .name-prompt-card button{width:100%;margin-top:14px}#lobby .prompt-error{display:block;margin-top:5px;color:#a83f2a;font-size:12px;text-transform:none}#lobby .prompt-error[hidden]{display:none}#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 .join-divider{display:flex;align-items:center;gap:9px;margin:11px 0 8px;color:#24428f9e;font-size:12px;text-transform:lowercase}#lobby .join-section[hidden]{display:none}#lobby .join-divider:before,#lobby .join-divider:after{content:"";height:1px;flex:1;background:#24428f33}#lobby .join{align-items:flex-end;margin-bottom:0}#lobby .join button{min-height:35px;flex:0 0 auto;white-space:nowrap}#lobby #lb-code{text-transform:uppercase}#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:disabled{opacity:.4;cursor:default}#lobby .room.hidden{display:none}#lobby .room{border-top:1px solid rgba(36,66,143,.2);margin-top:14px;padding-top:12px}#lobby .invite-card{display:flex;align-items:center;gap:12px;margin-bottom:10px;padding:10px;border:1px solid rgba(36,66,143,.2);border-radius:7px;background:#f4efe0b3}#lobby .code{display:flex;flex:1 1 auto;flex-direction:column;min-width:0;font-size:12px;line-height:1.1;opacity:.85}#lobby .code b{font-family:Anton,sans-serif;letter-spacing:3px;font-size:22px;line-height:1.25}#lobby .invite-actions{display:flex;flex:0 0 auto;gap:8px}#lobby button.invite-action{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:6px 14px;border:1px solid rgba(196,105,26,.35);box-shadow:0 3px #8f4b13;font-size:14px;font-weight:700;white-space:nowrap;transition:transform .1s ease,box-shadow .1s ease,background .14s ease}#lobby button.invite-action[hidden]{display:none}#lobby button.invite-action:hover{background:#d77722}#lobby button.invite-action:active{transform:translateY(2px);box-shadow:0 1px #8f4b13}#lobby button.invite-action:focus-visible{outline:3px solid rgba(36,66,143,.35);outline-offset:2px}#lobby button.share-invite{background:#24428f;border-color:#24428f59;box-shadow:0 3px #172d65}#lobby button.share-invite:hover{background:#3155ad}#lobby button.share-invite:active{box-shadow:0 1px #172d65}#lobby button.copy-invite.is-copied{background:#3f7f4b;border-color:#3f7f4b;box-shadow:0 3px #285631}#lobby button.invite-action svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}@media (max-width: 390px){#lobby .invite-card{align-items:stretch;flex-direction:column}#lobby .invite-actions{width:100%}#lobby button.invite-action{flex:1 1 0}}@media (max-width: 720px),(max-height: 700px){#lobby{justify-content:flex-start}}@media (max-width: 720px){#lobby .site-header{flex-direction:column;align-items:stretch;gap:9px}#lobby .site-header-actions{width:100%;flex-basis:auto}#lobby .creator-links{width:100%}#lobby .creator-links a{flex:1 1 0;justify-content:center}}@media (max-width: 390px){#lobby .creator-links{flex-wrap:wrap}#lobby .creator-label{flex:0 0 100%;text-align:center}#lobby .site-header-actions{grid-template-columns:1fr}#lobby .site-footer{flex-direction:column;gap:2px}#lobby .footer-separator{display:none}}#lobby .capacity{margin:-3px 0 8px;font-size:13px;opacity:.7}#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{position:relative;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:.7}#roster .chip .offline-badge{position:absolute;top:-5px;right:-5px;width:15px;height:15px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#d6392b;color:#fff;box-shadow:0 0 0 2px #14100cd9}#roster .chip .offline-badge svg{width:9px;height:9px}#roster .chip.you b:after{content:" (you)";font-weight:400;opacity:.6}#mic[data-on=true]{background:#6fbf7373}#reacts{position:fixed;top:46%;right:calc(10px + env(safe-area-inset-right));z-index:4;display:flex;flex-direction:column;gap:7px;transform:translateY(-50%);pointer-events:auto}#reacts.gone{display:none}#reacts button{width:38px;height:38px;padding:0;border:1px solid rgba(244,239,226,.28);border-radius:8px;background:#1c1814ad;color:#f4efe2;font-size:19px;line-height:1;cursor:pointer;backdrop-filter:blur(4px)}#reacts button:active{transform:scale(.94);background:#1c1814e6}@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}#reacts button{width:34px;height:34px;font-size:17px}}#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}