:root{--dd-paper: #ffffff;--dd-paper-shade: #f5f4f1;--dd-ink: #1d1d1f;--dd-ink-soft: #52525b;--dd-black: #1d1d1f;--dd-red: #e5484d;--dd-blue: #3a7bd5;--dd-green: #3aa856;--dd-yellow: #e8b417;--dd-brown: #8a5a36;--dd-line: 3px;--dd-line-fat: 4px;--dd-shadow: 4px 4px 0 0 var(--dd-ink);--dd-shadow-lg: 7px 7px 0 0 var(--dd-ink);--dd-display: "Permanent Marker", system-ui, cursive;--dd-body: "Nunito", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;color-scheme:light}*,*:before,*:after{box-sizing:border-box}body{margin:0;background-color:var(--dd-paper);background-image:linear-gradient(rgba(58,123,213,.05) 1px,transparent 1px);background-size:100% 30px;color:var(--dd-ink);font-family:var(--dd-body);-webkit-font-smoothing:antialiased}:focus-visible{outline:3px solid var(--dd-blue);outline-offset:2px}.dd-screen{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:32px 20px;text-align:center}.dd-title{position:relative;font-family:var(--dd-display);font-weight:400;font-size:clamp(34px,7vw,64px);line-height:1.05;color:var(--dd-ink);margin:0 0 6px;letter-spacing:.01em}.dd-title:after{content:"";position:absolute;left:50%;bottom:-10px;transform:translate(-50%) rotate(-1deg);width:78%;height:7px;border-radius:6px;background:repeating-linear-gradient(-2deg,var(--dd-red) 0 18%,var(--dd-blue) 18% 38%,var(--dd-green) 38% 60%,var(--dd-yellow) 60% 80%,var(--dd-red) 80% 100%);opacity:.9}.dd-notice{font-family:var(--dd-display);font-size:clamp(24px,5vw,38px);font-weight:400;color:var(--dd-ink)}.dd-hint{font-size:15px;font-weight:600;color:var(--dd-ink-soft)}.dd-roomcode{font-family:var(--dd-display);font-size:clamp(56px,16vw,150px);font-weight:400;letter-spacing:.06em;line-height:1;color:var(--dd-ink);text-shadow:3px 3px 0 rgba(58,123,213,.18)}.dd-join{display:flex;align-items:center;gap:20px;margin-top:6px;padding:16px 20px;max-width:520px;background:var(--dd-paper);border:var(--dd-line) solid var(--dd-ink);border-radius:14px;box-shadow:var(--dd-shadow)}.dd-join-info{display:flex;flex-direction:column;gap:6px;text-align:left}.dd-join-url{font-family:var(--dd-display);font-weight:400;font-size:clamp(20px,3vw,32px);line-height:1.1;letter-spacing:.01em;color:var(--dd-ink);overflow-wrap:anywhere}.dd-join-scan{font-size:15px;font-weight:600;color:var(--dd-ink-soft)}.dd-join-qr{flex:0 0 auto;padding:10px;background:var(--dd-paper);border:var(--dd-line) solid var(--dd-ink);border-radius:10px;line-height:0}.dd-roster{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;max-width:760px}.dd-roster-player{padding:9px 18px;border-radius:999px;background:var(--dd-paper);border:var(--dd-line) solid var(--dd-ink);box-shadow:2px 2px 0 0 var(--dd-ink);font-weight:800;font-size:16px}.dd-roster-player.dd-offline{opacity:.4;box-shadow:none;border-style:dashed}.dd-form{display:flex;flex-direction:column;gap:14px;width:100%;max-width:340px}.dd-field{display:flex;flex-direction:column;gap:6px;text-align:left}.dd-field label{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--dd-ink-soft)}.dd-field input{font-family:var(--dd-body);font-size:18px;font-weight:700;padding:13px 15px;border:var(--dd-line) solid var(--dd-ink);border-radius:12px;background:var(--dd-paper);color:var(--dd-ink)}.dd-field input:focus{outline:none;box-shadow:3px 3px 0 0 var(--dd-blue)}.dd-button{font-family:var(--dd-display);font-size:clamp(18px,2.4vw,24px);font-weight:400;letter-spacing:.02em;padding:14px 26px;min-height:54px;border:var(--dd-line-fat) solid var(--dd-ink);border-radius:14px;background:var(--dd-yellow);color:var(--dd-ink);cursor:pointer;box-shadow:var(--dd-shadow);transition:transform 80ms ease,box-shadow 80ms ease}.dd-button:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:var(--dd-shadow-lg)}.dd-button:active:not(:disabled){transform:translate(2px,2px);box-shadow:2px 2px 0 0 var(--dd-ink)}.dd-button:disabled{opacity:.5;cursor:default;box-shadow:none}.dd-error{color:var(--dd-red);font-weight:800;font-size:15px}.dd-draw-prompt{font-family:var(--dd-display);font-size:clamp(30px,7vw,60px);font-weight:400;line-height:1.1;color:var(--dd-ink)}.dd-countdown{font-family:var(--dd-display);font-size:clamp(34px,9vw,72px);font-weight:400;font-variant-numeric:tabular-nums;color:var(--dd-red)}.dd-submitted-tally,.dd-vote-tally{font-family:var(--dd-display);font-size:22px;font-weight:400;color:var(--dd-ink-soft)}.dd-canvas-wrap{display:flex;flex-direction:column;gap:14px;width:100%;max-width:512px}.dd-canvas{width:100%;max-width:100%;aspect-ratio:1 / 1;background:var(--dd-paper);border:var(--dd-line-fat) solid var(--dd-ink);border-radius:12px;box-shadow:var(--dd-shadow);touch-action:none}.dd-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px}.dd-swatches{display:flex;gap:10px}.dd-swatch{width:40px;height:40px;border-radius:999px;border:var(--dd-line) solid var(--dd-ink);cursor:pointer;padding:0}.dd-swatch-active{box-shadow:0 0 0 3px var(--dd-paper),0 0 0 6px var(--dd-ink);transform:scale(1.12)}.dd-tool-actions{display:flex;gap:10px}.dd-tool-button{font-family:var(--dd-body);font-size:15px;font-weight:800;padding:9px 16px;min-height:42px;border:var(--dd-line) solid var(--dd-ink);border-radius:10px;background:var(--dd-paper);color:var(--dd-ink);cursor:pointer}.dd-tool-button:active{transform:translate(1px,1px)}.dd-submitted{display:flex;flex-direction:column;align-items:center;gap:14px}.dd-thumb{width:200px;max-width:60vw;aspect-ratio:1 / 1;object-fit:contain;background:var(--dd-paper);border:var(--dd-line-fat) solid var(--dd-ink);border-radius:12px;box-shadow:var(--dd-shadow)}.dd-gallery{list-style:none;padding:14px 0 0;margin:0;width:100%;max-width:940px;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:26px 20px}.dd-gallery-item{display:flex;flex-direction:column;gap:8px}.dd-gallery-tile{position:relative;display:block;width:100%;aspect-ratio:1 / 1;padding:8px;margin:0;background:var(--dd-paper);border:var(--dd-line-fat) solid var(--dd-ink);border-radius:6px;overflow:visible;box-shadow:var(--dd-shadow);transition:transform .15s ease,box-shadow .15s ease}.dd-gallery-item:nth-child(odd) .dd-gallery-tile{transform:rotate(-2deg)}.dd-gallery-item:nth-child(2n) .dd-gallery-tile{transform:rotate(1.5deg)}.dd-gallery-tile:before{content:"";position:absolute;top:-12px;left:50%;width:64px;height:24px;transform:translate(-50%) rotate(-3deg);background:#e8b41773;border:1px solid rgba(29,29,31,.25);z-index:1}.dd-gallery-pick{cursor:pointer}.dd-gallery-pick:hover:not(:disabled){transform:rotate(0) translateY(-4px);box-shadow:var(--dd-shadow-lg)}.dd-gallery-selected{border-color:var(--dd-blue);box-shadow:0 0 0 4px var(--dd-paper),0 0 0 8px var(--dd-blue)}.dd-gallery-mine,.dd-gallery-pick:disabled{cursor:default;opacity:.4;filter:grayscale(.4)}.dd-gallery-img{display:block;width:100%;height:100%;object-fit:contain;background:var(--dd-paper)}.dd-gallery-caption{display:flex;flex-direction:column;align-items:center;line-height:1.25}.dd-gallery-name{font-weight:800;font-size:15px;color:var(--dd-ink)}.dd-gallery-votes{font-family:var(--dd-display);font-size:15px;color:var(--dd-ink-soft)}.dd-final-banner{font-family:var(--dd-display);font-size:clamp(48px,13vw,110px);font-weight:400;line-height:1;color:var(--dd-red);text-shadow:4px 4px 0 var(--dd-ink)}.dd-final-winner{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px}.dd-final-winner:before{content:"★ 1ST ★";position:absolute;top:-18px;left:50%;transform:translate(-50%) rotate(-4deg);z-index:2;font-family:var(--dd-display);font-size:18px;color:var(--dd-paper);background:var(--dd-red);border:3px solid var(--dd-ink);border-radius:999px;padding:4px 16px;box-shadow:2px 2px 0 0 var(--dd-ink)}.dd-final-winner-img{width:260px;max-width:72vw;aspect-ratio:1 / 1;object-fit:contain;background:var(--dd-paper);border:5px solid var(--dd-ink);border-radius:14px;box-shadow:var(--dd-shadow-lg)}.dd-final-winner-name{font-family:var(--dd-display);font-size:28px;font-weight:400;color:var(--dd-ink)}.dd-final-winner-votes{font-size:17px;font-weight:800;color:var(--dd-ink-soft)}.dd-final-self{display:flex;flex-direction:column;align-items:center;background:var(--dd-paper);border:var(--dd-line-fat) solid var(--dd-ink);border-radius:16px;padding:18px 32px;box-shadow:var(--dd-shadow)}.dd-final-self-label{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--dd-ink-soft);font-weight:800}.dd-final-self-rank{font-family:var(--dd-display);font-size:60px;font-weight:400;line-height:1;color:var(--dd-blue)}.dd-final-self-votes{font-size:17px;font-weight:800;color:var(--dd-ink-soft)}.dd-scoreboard{list-style:none;padding:0;margin:0;width:100%;max-width:500px;display:flex;flex-direction:column;gap:10px}.dd-scoreboard-row{display:flex;align-items:center;gap:14px;background:var(--dd-paper);border:var(--dd-line) solid var(--dd-ink);border-radius:12px;padding:11px 16px;box-shadow:2px 2px 0 0 var(--dd-ink)}.dd-scoreboard-row:first-child{border-width:var(--dd-line-fat);box-shadow:var(--dd-shadow);transform:scale(1.03)}.dd-scoreboard-row:first-child .dd-scoreboard-rank{color:var(--dd-paper);background:var(--dd-yellow);border:2px solid var(--dd-ink);border-radius:999px;text-align:center}.dd-scoreboard-self{border-color:var(--dd-blue);box-shadow:3px 3px 0 0 var(--dd-blue)}.dd-scoreboard-rank{font-family:var(--dd-display);font-weight:400;font-size:20px;color:var(--dd-ink-soft);width:44px}.dd-scoreboard-name{flex:1;font-weight:800;font-size:17px;text-align:left;color:var(--dd-ink)}.dd-scoreboard-votes{font-family:var(--dd-display);font-weight:400;font-size:20px;font-variant-numeric:tabular-nums;color:var(--dd-ink)}@keyframes dd-confetti-fall{0%{transform:translateY(-40px) rotate(0);opacity:1}to{transform:translateY(820px) rotate(720deg);opacity:0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}