:root{--paper:#f7efdf;--paper-2:#fffdf6;--ink:#27304a;--ink-soft:#67708c;--line:#d9cdb2;--accent:#ff6b4a;--accent-soft:#ff6b4a24;--teal:#1fa39a;--amber:#e9a13b;--graphite:#6d7488;--chalk-ink:#9a6a15;--danger:#d94848;--radius:14px;--shadow:4px 4px 0 #27304a21;--shadow-sm:3px 3px 0 #27304a1c;--font-head:"Chalkboard SE", "Comic Sans MS", "Segoe Print", "Bradley Hand", cursive;--font-body:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0;padding:0}body{font-family:var(--font-body);color:var(--ink);background-color:var(--paper);-webkit-font-smoothing:antialiased;background-image:radial-gradient(#27304a13 1.1px,#0000 1.1px);background-size:22px 22px}h1,h2,h3,h4{font-family:var(--font-head);letter-spacing:.02em;margin:0;font-weight:700}p{margin:0;line-height:1.5}.dg-panel{background:var(--paper-2);border:2px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.dg-btn{font:inherit;color:var(--ink);background:var(--paper-2);border:2px solid var(--ink);cursor:pointer;box-shadow:var(--shadow-sm);touch-action:manipulation;border-radius:12px;min-height:44px;padding:10px 18px;font-weight:700;transition:transform 80ms,box-shadow 80ms,background .15s}.dg-btn:hover:not(:disabled){background:#fff}.dg-btn:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px #27304a1c}.dg-btn:disabled{opacity:.45;cursor:default}.dg-btn--primary{background:var(--accent);color:#fff}.dg-btn--primary:hover:not(:disabled){background:#ff7c5e}.dg-btn--danger{background:var(--danger);color:#fff}.dg-btn--danger:hover:not(:disabled){background:#e25c5c}.dg-btn--big{padding:13px 30px;font-size:1.08rem}.dg-btn--full{width:100%}.dg-btn--small{border-radius:10px;min-height:38px;padding:7px 14px;font-size:.85rem;font-weight:700}.dg-input{font:inherit;color:var(--ink);border:2px solid var(--ink);background:#fff;border-radius:12px;width:100%;min-height:44px;padding:11px 14px}.dg-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.dg-input::placeholder{color:var(--ink-soft);opacity:.7}.dg-notice{border:2px solid var(--amber);color:#8a5a14;background:#e9a13b21;border-radius:12px;width:100%;padding:11px 14px;font-size:.9rem;font-weight:600}.dg-hint{color:var(--ink-soft);font-size:.82rem}.dg-badge{border:2px solid var(--ink);color:#fff;font-family:var(--font-head);-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.dg-badge--highlight{box-shadow:0 0 0 3px #e9a13b80}.dg-badge--empty{background:var(--line);width:34px;height:34px;color:var(--ink-soft);border-style:dashed;font-size:1rem}.dg-drawing-surface{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none}.dg-drawing-surface input,.dg-drawing-surface textarea,.dg-drawing-surface select,.dg-drawing-surface [contenteditable=true]{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.dg-paper-wrap{width:100%;position:relative}.dg-paper{border:2px solid var(--ink);box-shadow:var(--shadow);background:radial-gradient(at 50% 40%,#ffffffe6 55%,#d9cdb259 100%),#fffef9;border-radius:10px;position:relative;overflow:hidden;transform:rotate(-.4deg)}.dg-canvas{aspect-ratio:4/3;cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;width:100%;height:auto;display:block}.dg-paper-wrap.is-locked .dg-canvas{cursor:default}.dg-ambient-doodle{z-index:-1;touch-action:none;cursor:crosshair;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;width:100vw;height:100dvh;position:fixed;inset:0}.dg-spinner{border:4px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:42px;height:42px;animation:.8s linear infinite dg-spin}@keyframes dg-spin{to{transform:rotate(360deg)}}.dg-confirm-overlay{z-index:140;background:#27304a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.dg-confirm-modal{background:var(--paper-2);border:2px solid var(--ink);border-radius:var(--radius);width:100%;max-width:360px;box-shadow:var(--shadow);flex-direction:column;gap:12px;padding:20px;display:flex}.dg-confirm-title{font-size:1.3rem}.dg-confirm-desc{color:var(--ink-soft);font-size:.92rem}.dg-confirm-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.dg-report-modal{max-width:420px;max-height:calc(100dvh - 40px);overflow-y:auto}.dg-report-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dg-report-label{width:100%;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em;font-size:.82rem;font-weight:700}.dg-report-opt{font:inherit;border:2px solid var(--ink);min-height:40px;color:var(--ink);cursor:pointer;background:#fff;border-radius:999px;padding:8px 12px;font-size:.88rem;font-weight:600}.dg-report-opt.is-active{background:var(--accent);border-color:var(--accent);color:#fff}.dg-report-opt:disabled{opacity:.55;cursor:default}.dg-report-ok{color:var(--teal,#1fa39a);font-size:.9rem;font-weight:700}.dg-report-blockrow{border-top:2px dashed var(--line);justify-content:center;padding-top:12px;display:flex}.dg-flag-btn{font:inherit;min-width:32px;min-height:32px;color:var(--ink-soft);cursor:pointer;background:0 0;border:2px solid #0000;border-radius:10px;flex-shrink:0;padding:6px 8px;font-size:.85rem;line-height:1}.dg-flag-btn:hover,.dg-flag-btn:focus-visible{border-color:var(--ink);color:var(--ink);background:#fff}.dg-report-open-btn{opacity:.9;min-height:38px;margin-top:10px;padding:8px 14px;font-size:.85rem}.dg-blocked-warn{border-color:var(--danger,#c0392b);color:#8f2c20;background:#c0392b1a}@media (prefers-reduced-motion:reduce){.dg-btn,.dg-spinner{transition:none;animation:none}}.dg-home{width:100%;max-width:460px;padding:calc(58px + env(safe-area-inset-top,0px)) calc(18px + env(safe-area-inset-right,0px)) calc(40px + env(safe-area-inset-bottom,0px)) calc(18px + env(safe-area-inset-left,0px));isolation:isolate;flex-direction:column;align-items:center;margin:0 auto;display:flex}.dg-home-layout{pointer-events:none;flex-direction:column;align-items:center;gap:20px;width:100%;display:flex}.dg-home-main{pointer-events:auto;flex-direction:column;align-items:center;gap:20px;width:100%;display:flex}.dg-hero{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.dg-logo{font-size:3.2rem;line-height:1.05;transform:rotate(-1.2deg)}.dg-logo-squiggle{width:150px;height:15px;color:var(--teal)}.dg-tagline{color:var(--ink-soft);max-width:340px;margin-top:8px;font-size:.95rem}.dg-play-panel{flex-direction:column;gap:14px;width:100%;display:flex}.dg-panel-lang{justify-content:flex-end;margin:-6px -6px -8px 0;display:flex}.dg-panel-lang .dg-lang{background:var(--paper);padding:3px 9px;font-size:.75rem}.dg-panel-lang .dg-lang-select{text-overflow:ellipsis;white-space:nowrap;max-width:130px;overflow:hidden}.dg-field{flex-direction:column;gap:6px;display:flex}.dg-field-label{text-transform:uppercase;letter-spacing:.07em;color:var(--ink-soft);font-size:.78rem;font-weight:800}.dg-divider{color:var(--ink-soft);align-items:center;gap:12px;font-size:.8rem;display:flex}.dg-divider:before,.dg-divider:after{content:"";border-top:2px dashed var(--line);flex:1}.dg-join-row{gap:10px;display:flex}.dg-code-input{letter-spacing:.28em;text-align:center;text-transform:uppercase;flex:1;font-size:1.05rem;font-weight:800}.dg-btn--quick{border-color:var(--teal);color:#0d7e76;background:#1fa39a14;justify-content:center;align-items:center;gap:6px;display:flex}.dg-btn--quick:hover:not(:disabled){background:#1fa39a29}.dg-qm-overlay{z-index:120;background:#27304a73;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.dg-qm-modal{background:var(--paper-2);border:2px solid var(--ink);border-radius:var(--radius);width:100%;max-width:400px;max-height:calc(100dvh - 32px);box-shadow:var(--shadow);text-align:center;flex-direction:column;gap:14px;padding:22px 20px;display:flex;overflow-y:auto;transform:rotate(-.3deg)}.dg-qm-title{font-size:1.5rem;line-height:1.1}.dg-qm-lead{color:var(--ink-soft);font-size:.93rem}.dg-qm-lead strong{color:var(--ink)}.dg-qm-chip{font-family:var(--font-head);letter-spacing:.02em;color:var(--accent);background:var(--accent-soft);border:2px dashed var(--accent);border-radius:999px;align-self:center;padding:6px 16px;font-size:1.05rem}.dg-qm-elapsed{color:var(--ink-soft);font-size:.9rem;font-weight:700}.dg-qm-fallback{margin-top:-2px}.dg-qm-opp{color:var(--ink-soft);font-size:.9rem}.dg-qm-opp,.dg-qm-waiting{font-weight:700}.dg-qm-waiting{color:var(--teal);font-size:.92rem}.dg-qm-count{width:64px;height:64px;font-family:var(--font-head);color:var(--ink);border:3px solid var(--ink);box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;justify-content:center;align-self:center;align-items:center;font-size:2rem;display:flex}.dg-qm-count.is-urgent{color:#fff;background:var(--danger);border-color:var(--danger)}.dg-qm-spinner-wrap{justify-content:center;display:flex}.dg-qm-warn{color:#8a5a14;border:2px solid var(--amber);background:#e9a13b21;border-radius:10px;padding:8px 12px;font-size:.86rem;font-weight:600}.dg-qm-actions{gap:10px;margin-top:2px;display:flex}.dg-qm-actions .dg-btn{flex:1}.dg-qm-actions--center{justify-content:center}.dg-qm-actions--center .dg-btn{flex:0 auto;min-width:140px}@media (prefers-reduced-motion:reduce){.dg-qm-modal{transform:none}}.dg-topbar{top:calc(10px + env(safe-area-inset-top,0px));right:calc(14px + env(safe-area-inset-right,0px));z-index:30;position:fixed}.dg-account-row{max-width:min(250px,62vw);color:var(--ink-soft);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:2px 12px;font-size:.78rem;display:flex}.dg-account-email{text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-weight:700;overflow:hidden}.dg-account-btn{font:inherit;color:var(--ink-soft);text-underline-offset:2px;cursor:pointer;background:0 0;border:none;padding:4px 2px;font-weight:700;text-decoration:underline}.dg-account-btn--danger{color:var(--danger,#c24545)}.dg-account-btn--login{border:2px solid var(--ink);background:var(--paper-2);color:var(--ink);min-height:40px;box-shadow:var(--shadow-sm);touch-action:manipulation;border-radius:999px;padding:8px 18px;text-decoration:none;transition:transform 80ms,box-shadow 80ms,background .15s}.dg-account-btn--login:hover{background:#fff}.dg-account-btn--login:active{transform:translate(2px,2px);box-shadow:1px 1px #27304a1c}@media (prefers-reduced-motion:reduce){.dg-account-btn--login{transition:none}}.dg-uname-gate-note{margin:-6px 0 2px}.dg-auth-field{text-align:left}.dg-passwrap{display:block;position:relative}.dg-input--pass{padding-right:46px}.dg-pass-toggle{width:34px;height:34px;color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.dg-pass-toggle:hover:not(:disabled){color:var(--ink)}.dg-pass-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.dg-pass-toggle:disabled{opacity:.45;cursor:default}.dg-pass-toggle svg{width:20px;height:20px}.dg-auth-forgot{font:inherit;color:var(--ink-soft);text-underline-offset:2px;cursor:pointer;background:0 0;border:none;align-self:flex-end;margin-top:-8px;padding:2px;font-size:.8rem;font-weight:700;text-decoration:underline}.dg-auth-forgot:hover:not(:disabled){color:var(--ink)}.dg-auth-forgot:disabled{opacity:.45;cursor:default}.dg-auth-info{color:#0d7e76;border:2px solid var(--teal);background:#1fa39a1a;border-radius:10px;padding:8px 12px;font-size:.88rem;font-weight:600}.dg-auth-switch{font:inherit;color:var(--ink-soft);text-underline-offset:2px;cursor:pointer;background:0 0;border:none;align-self:center;padding:4px;font-size:.85rem;font-weight:700;text-decoration:underline}.dg-auth-guest-note{margin-top:-4px}.dg-otp{justify-content:center;gap:8px;max-width:100%;display:flex;position:relative}.dg-otp-cell{aspect-ratio:3/4;min-width:0;max-width:46px;font-family:var(--font-head);color:var(--ink);background:var(--paper);border:2px solid var(--ink);border-radius:10px;flex:1 1 0;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;display:flex}.dg-otp-cell--filled{background:var(--paper-2)}.dg-otp-cell--active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.dg-otp-input{color:#0000;caret-color:#0000;text-align:center;cursor:text;background:0 0;border:none;width:100%;height:100%;margin:0;padding:0;font-size:16px;position:absolute;inset:0}.dg-otp-input:focus{outline:none}.dg-otp-input:disabled{cursor:default}.dg-otp-foot{justify-content:space-between;align-items:center;gap:12px;display:flex}.dg-otp-foot .dg-auth-forgot{align-self:auto;margin-top:0}.dg-qm-account-hint{text-align:center;margin-top:-8px}.dg-invite-panel{flex-direction:column;gap:14px;width:100%;display:flex}.dg-invite-title{text-align:center;font-size:1.25rem}.dg-invite-lead{color:var(--ink-soft);text-align:center;font-size:.92rem}.dg-invite-room{border:2px dashed var(--accent);background:var(--accent-soft);border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:12px 14px;display:flex}.dg-invite-room-label{text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft);font-size:.72rem;font-weight:800}.dg-invite-room-code{font-family:var(--font-head);letter-spacing:.28em;color:var(--accent);text-indent:.28em;font-size:1.7rem}.dg-invite-back{align-self:center;min-height:38px;padding:6px 16px;font-size:.85rem}.dg-setup-panel{border-color:var(--amber);background:#e9a13b17;flex-direction:column;gap:8px;width:100%;font-size:.9rem;display:flex}.dg-setup-panel h3{color:#8a5a14;font-size:1.05rem}.dg-setup-panel ol{flex-direction:column;gap:5px;margin:0;padding-left:20px;line-height:1.45;display:flex}.dg-setup-panel code{background:#27304a14;border-radius:5px;padding:1px 5px;font-size:.84em}.dg-setup-note{color:var(--ink-soft);font-size:.82rem}.dg-practice-btn{align-self:center}.dg-practice{isolation:isolate;flex-direction:column;gap:16px;width:100%;margin-top:8px;display:flex}.dg-practice-head{text-align:center;flex-direction:column;gap:4px;display:flex}.dg-practice-head h2{font-size:1.6rem}.dg-practice-head p{color:var(--ink-soft);font-size:.88rem}.dg-practice-actions{justify-content:center;gap:12px;display:flex}.dg-rules{text-align:left;width:100%}.dg-rules h3{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);margin-bottom:8px;font-size:.82rem}.dg-rules ol{flex-direction:column;gap:6px;margin:0;padding-left:20px;font-size:.9rem;line-height:1.45;display:flex}.dg-footer{text-align:center;color:var(--ink-soft);font-size:.75rem}.dg-footer-links{pointer-events:auto;justify-content:center;gap:8px;display:flex}.dg-footer-links a{color:var(--ink-soft);text-underline-offset:2px;font-weight:700;text-decoration:underline}.dg-lang-row{pointer-events:auto;justify-content:center;margin-top:10px;display:flex}.dg-lang{border:1.5px solid var(--line,#3c321e40);background:var(--paper,#fffdf6);color:var(--ink-soft);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.8rem;display:inline-flex}.dg-lang-icon{font-size:.9rem;line-height:1}.dg-lang-select{appearance:none;color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;padding-right:2px;font-weight:700}.dg-lang-select:focus-visible{outline:2px solid var(--ink-soft);outline-offset:2px;border-radius:6px}.dg-doodle-side{flex-direction:column;gap:10px;width:100%;display:flex}.dg-doodle-side-head{text-align:center;flex-direction:column;gap:2px;display:flex}.dg-doodle-side-head h3{font-size:1.15rem}.dg-doodle-side-head p{color:var(--ink-soft);font-size:.82rem}.dg-doodle-side-clear{align-self:center}.dg-doodle-side .dg-paper-wrap{height:clamp(230px,30vh,360px)}.dg-doodle-side .dg-paper{height:100%}.dg-doodle-side .dg-canvas{aspect-ratio:auto;width:100%;height:100%}@media (width>=700px){.dg-home{padding-top:calc(56px + env(safe-area-inset-top,0px))}.dg-logo{font-size:3.7rem}.dg-logo-squiggle{width:172px}}@media (width>=960px){.dg-home{min-height:100dvh;padding-top:calc(clamp(14px, 3vh, 40px) + env(safe-area-inset-top,0px));padding-bottom:calc(clamp(14px, 3vh, 40px) + env(safe-area-inset-bottom,0px));justify-content:center}.dg-practice-btn{display:none}}.dg-home.dg-home--native{min-height:100svh;padding-top:calc(clamp(14px, 4vh, 28px) + env(safe-area-inset-top,0px));padding-top:calc(clamp(14px, 4svh, 28px) + env(safe-area-inset-top,0px));padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))}.dg-home.dg-home--native .dg-home-layout{flex:1;justify-content:flex-start;gap:0}.dg-home.dg-home--native .dg-home-layout:before,.dg-home.dg-home--native .dg-home-layout:after{content:"";pointer-events:none;flex:1 1 0}.dg-home.dg-home--native .dg-home-layout:before{max-height:clamp(40px,8svh,72px)}@media (height<=720px){.dg-home.dg-home--native .dg-home-main{gap:14px}.dg-home.dg-home--native .dg-hero{gap:4px}.dg-home.dg-home--native .dg-tagline{margin-top:4px}.dg-home.dg-home--native .dg-play-panel,.dg-home.dg-home--native .dg-match-panel{gap:12px}.dg-home.dg-home--native .dg-logo{font-size:2.8rem}}.dg-nativenav{z-index:40;background:var(--paper-2);border-top:2px solid var(--ink);padding:7px calc(4px + env(safe-area-inset-right,0px)) calc(7px + env(safe-area-inset-bottom,0px)) calc(4px + env(safe-area-inset-left,0px));align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px #27304a14}.dg-nativenav-btn{min-width:0;min-height:52px;font:inherit;color:var(--ink-soft);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1 1 0;align-items:center;gap:3px;padding:3px 2px;font-size:.68rem;font-weight:700;display:flex}.dg-nativenav-icon{border:2px solid #0000;border-radius:999px;justify-content:center;align-items:center;width:44px;height:28px;transition:background .15s,border-color .15s,transform .15s,box-shadow .15s;display:flex}.dg-nativenav-icon svg{width:20px;height:20px}.dg-nativenav-btn.is-active{color:var(--ink)}.dg-nativenav-btn.is-active .dg-nativenav-icon{background:var(--accent-soft);border-color:var(--ink);color:var(--accent);transform:rotate(-3deg);box-shadow:2px 2px #27304a1c}.dg-nativenav-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}@media (prefers-reduced-motion:reduce){.dg-nativenav-icon{transition:none}.dg-nativenav-btn.is-active .dg-nativenav-icon{transform:none}}.dg-match-panel{text-align:center;flex-direction:column;gap:14px;width:100%;display:flex}.dg-match-title{font-size:1.4rem}.dg-match-lead{color:var(--ink-soft);font-size:.93rem}.dg-sheet-overlay{z-index:130;background:#27304a73;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.dg-sheet{background:var(--paper-2);border:2px solid var(--ink);width:100%;max-width:460px;max-height:calc(100dvh - 56px);padding:10px 20px calc(20px + env(safe-area-inset-bottom,0px));border-bottom:none;border-radius:18px 18px 0 0;flex-direction:column;gap:14px;display:flex;overflow-y:auto}.dg-sheet-grab{background:var(--line);border-radius:999px;align-self:center;width:44px;height:5px}.dg-sheet-id{border-bottom:2px dashed var(--line);align-items:center;gap:12px;padding-bottom:12px;display:flex}.dg-sheet-avatar{border:2px solid var(--ink);background:var(--accent-soft);width:44px;height:44px;color:var(--accent);font-family:var(--font-head);-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.3rem;display:flex;transform:rotate(-3deg)}.dg-sheet-who{flex-direction:column;gap:1px;min-width:0;display:flex}.dg-sheet-name{font-family:var(--font-head);text-overflow:ellipsis;white-space:nowrap;font-size:1.15rem;overflow:hidden}.dg-sheet-email{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.dg-sheet-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.dg-sheet-row-label{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);font-size:.82rem;font-weight:800}.dg-sheet-actions{flex-direction:column;align-items:stretch;gap:10px;padding-top:2px;display:flex}.dg-sheet-delete{align-self:center;min-height:40px;font-size:.85rem}.dg-sheet-links{border-top:2px dashed var(--line);justify-content:center;align-items:center;gap:8px;padding-top:8px;display:flex}.dg-sheet-link{min-height:32px;color:var(--ink-soft);text-underline-offset:2px;align-items:center;padding:6px 4px;font-size:.78rem;font-weight:700;text-decoration:underline;display:inline-flex}.dg-sheet-links-sep{color:var(--line);font-size:.78rem}@media (width>=700px){.dg-home.dg-home--native{max-width:clamp(500px,64vw,640px)}.dg-home.dg-home--native .dg-home-layout:before{max-height:clamp(72px,14svh,200px)}.dg-home.dg-home--native .dg-home-main{gap:24px}.dg-home.dg-home--native .dg-logo{font-size:clamp(3.7rem,7.5vw,4.75rem)}.dg-home.dg-home--native .dg-logo-squiggle{width:clamp(172px,22vw,228px)}.dg-home.dg-home--native .dg-tagline{max-width:min(30em,88%);font-size:clamp(1rem,.85rem + .5vw,1.15rem)}.dg-home.dg-home--native .dg-panel{padding:clamp(18px,2.6vw,27px)}.dg-home.dg-home--native .dg-play-panel,.dg-home.dg-home--native .dg-match-panel{gap:16px}.dg-home.dg-home--native .dg-field-label{font-size:.85rem}.dg-home.dg-home--native .dg-input{min-height:50px;font-size:1.05rem}.dg-home.dg-home--native .dg-btn{min-height:48px}.dg-home.dg-home--native .dg-btn--big{padding:14px 32px;font-size:1.16rem}.dg-home.dg-home--native .dg-match-title{font-size:1.55rem}.dg-home.dg-home--native .dg-match-lead,.dg-home.dg-home--native .dg-invite-lead{font-size:1rem}}.dg-game-screen{isolation:isolate;flex-direction:column;min-height:100dvh;display:flex}.dg-game-header{padding:calc(10px + env(safe-area-inset-top,0px)) calc(14px + env(safe-area-inset-right,0px)) 10px calc(14px + env(safe-area-inset-left,0px));border-bottom:2px solid var(--ink);background:var(--paper-2);align-items:center;gap:10px;display:flex}.dg-game-title{text-align:center;font-family:var(--font-head);letter-spacing:.04em;flex:1;font-size:1.15rem;transform:rotate(-.6deg)}.dg-back-btn{min-height:38px;padding:6px 12px;font-size:.85rem}.dg-header-code{text-align:right;letter-spacing:.1em;min-width:86px;color:var(--ink-soft);font-size:.8rem;font-weight:800}.dg-game-main{padding:20px calc(14px + env(safe-area-inset-right,0px)) calc(34px + env(safe-area-inset-bottom,0px)) calc(14px + env(safe-area-inset-left,0px));flex-direction:column;flex:1;align-items:center;display:flex;overflow-y:auto}.dg-center{text-align:center;flex-direction:column;align-items:center;gap:14px;max-width:420px;margin:auto 0;display:flex}.dg-center-title{font-size:2rem}.dg-count-big{font-family:var(--font-head);color:var(--accent);font-size:5rem;line-height:1}.dg-collect-bar{background:var(--paper-2);border:2px solid var(--ink);border-radius:999px;width:260px;height:12px;overflow:hidden}.dg-collect-fill{background:var(--teal);border-radius:999px;height:100%;transition:width .25s}.dg-conn-error-icon{font-size:2.6rem;line-height:1}.dg-conn-error-msg{color:var(--ink-soft);max-width:340px}.dg-conn-error-actions{flex-direction:column;align-items:stretch;gap:10px;width:min(280px,100%);margin-top:4px;display:flex}.dg-lobby-layout{flex-direction:column;align-items:center;gap:20px;width:100%;margin:auto 0;display:flex}.dg-lobby{flex-direction:column;align-items:center;gap:14px;width:100%;max-width:440px;display:flex}.dg-code-box{width:100%;padding:12px 16px}.dg-code-row{align-items:center;gap:12px;display:flex}.dg-code-label{text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft);flex:none;font-size:.72rem;font-weight:800}.dg-code-value{min-width:0;font-family:var(--font-head);letter-spacing:.22em;color:var(--accent);text-align:center;flex:1;font-size:1.9rem}.dg-copy-btn{text-align:center;flex:none;min-width:104px;min-height:40px;padding:8px 14px;font-size:.9rem}.dg-copy-status{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.dg-player-list{flex-direction:column;gap:10px;width:100%;display:flex}.dg-player-chip{background:var(--paper-2);border:2px solid var(--ink);box-shadow:var(--shadow-sm);border-radius:12px;align-items:center;gap:12px;padding:10px 14px;display:flex}.dg-player-chip--empty{box-shadow:none;background:0 0;border-style:dashed}.dg-player-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.95rem;font-weight:700;overflow:hidden}.dg-player-name em{color:var(--ink-soft);font-style:normal;font-weight:500}.dg-player-name--muted{color:var(--ink-soft);font-weight:500}.dg-host-tag{text-transform:uppercase;letter-spacing:.06em;color:#8a5a14;border:2px solid var(--amber);background:#e9a13b21;border-radius:999px;padding:2px 9px;font-size:.66rem;font-weight:800}.dg-player-chip.is-away .dg-badge,.dg-player-chip.is-away .dg-player-name,.dg-team-slot.is-away .dg-badge,.dg-team-slot.is-away .dg-slot-name{opacity:.5}.dg-away-tag{white-space:nowrap;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);border:2px dashed var(--line);background:#27304a0d;border-radius:999px;flex-shrink:0;padding:2px 9px;font-size:.66rem;font-weight:800}.dg-start-row{flex-direction:column;align-items:center;gap:8px;margin-top:4px;display:flex}.dg-settings{border:2px dashed var(--line);background:#fffdf6b8;border-radius:12px;flex-direction:column;gap:8px;width:100%;padding:11px 13px;display:flex}.dg-settings-label{text-transform:uppercase;letter-spacing:.09em;color:var(--ink-soft);font-size:.7rem;font-weight:800}.dg-mode-toggle{gap:8px;display:flex}.dg-mode-btn{min-width:0;font:inherit;color:var(--ink);background:var(--paper-2);border:2px solid var(--ink);cursor:pointer;box-shadow:var(--shadow-sm);touch-action:manipulation;text-overflow:ellipsis;white-space:nowrap;border-radius:10px;flex:1;min-height:42px;padding:9px 10px;font-size:.86rem;font-weight:700;transition:transform 80ms,background .15s,box-shadow 80ms;overflow:hidden}.dg-mode-btn:hover:not(:disabled){background:#fff}.dg-mode-btn:active:not(:disabled){transform:translate(1px,1px)}.dg-mode-btn.is-active{background:var(--accent);color:#fff;box-shadow:none;opacity:1;cursor:default}.dg-mode-btn:disabled:not(.is-active){opacity:.5;cursor:default}.dg-mode-btn-teams{cursor:pointer;justify-content:center;align-items:center;gap:6px;min-width:0;display:flex}.dg-mode-btn-teams.is-active{cursor:pointer}.dg-mode-btn-label{flex-direction:column;flex:1;align-items:center;gap:1px;min-width:0;display:flex}.dg-mode-btn-main,.dg-mode-btn-sub{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.dg-mode-btn-sub{opacity:.86;font-size:.72rem;font-weight:600}.dg-mode-btn-chevron{flex:none;width:13px;height:13px;transition:transform .18s}.dg-teamcount.is-open .dg-mode-btn-chevron{transform:rotate(180deg)}.dg-mode-static{font-size:.9rem;font-weight:700}.dg-mode-static em{color:var(--ink-soft);font-style:normal;font-weight:500}.dg-settings-notice{color:#8a5a14;font-size:.78rem;font-weight:600}.dg-teamcount{position:relative}.dg-teamcount-opts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.dg-teamcount-btn{font:inherit;color:var(--ink);background:var(--paper-2);border:2px solid var(--ink);cursor:pointer;box-shadow:var(--shadow-sm);touch-action:manipulation;border-radius:10px;flex-direction:column;align-items:center;gap:1px;min-height:46px;padding:7px 6px;transition:transform 80ms,background .15s,box-shadow 80ms;display:flex}.dg-teamcount-btn strong{font-size:.82rem;font-weight:800}.dg-teamcount-btn span{color:var(--ink-soft);font-size:.64rem;font-weight:600}.dg-teamcount-btn:hover:not(:disabled){background:#fff}.dg-teamcount-btn:active:not(:disabled){transform:translate(1px,1px)}.dg-teamcount-btn.is-active{background:var(--ink);color:#fff;box-shadow:none;cursor:default}.dg-teamcount-btn.is-active span{color:#ffffffd1}.dg-teamcount-btn:disabled:not(.is-active){opacity:.42;cursor:default}.dg-roomset{border:2px dashed var(--line);background:#fffdf6b8;border-radius:12px;width:100%;position:relative;overflow:hidden}.dg-roomset.is-open{overflow:visible}.dg-roomset-head{width:100%;font:inherit;color:var(--ink);cursor:pointer;text-align:left;touch-action:manipulation;background:0 0;border:0;align-items:center;gap:10px;min-height:46px;padding:10px 13px;display:flex}.dg-roomset-head:hover{background:#ffffff8c}.dg-roomset-heading{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.dg-roomset-summary{font-family:var(--font-head);letter-spacing:.01em;color:var(--ink);font-size:.98rem}.dg-roomset-action{color:var(--accent);flex:none;align-items:center;gap:5px;font-size:.8rem;font-weight:800;display:inline-flex}.dg-roomset-chevron{width:15px;height:15px;transition:transform .18s}.dg-roomset.is-open .dg-roomset-chevron{transform:rotate(180deg)}.dg-roomset-backdrop{z-index:40;background:#17140f47;animation:.15s dg-roomset-fade;position:fixed;inset:0}@keyframes dg-roomset-fade{0%{opacity:0}to{opacity:1}}.dg-roomset-body,.dg-teamcount-body{z-index:41;padding:13px 16px calc(16px + env(safe-area-inset-bottom,0px));border:2px solid var(--ink);background:var(--paper-2);border-bottom:none;border-radius:18px 18px 0 0;flex-direction:column;gap:12px;max-height:min(72dvh,480px);margin:0;animation:.18s dg-sheet-in;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -10px 26px #27304a47}@keyframes dg-sheet-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.dg-optgroup{flex-direction:column;gap:7px;display:flex}.dg-optgroup-label{text-transform:uppercase;letter-spacing:.09em;color:var(--ink-soft);font-size:.7rem;font-weight:800}.dg-optrow{gap:6px;display:flex}.dg-opt-btn{min-width:0;font:inherit;color:var(--ink);background:var(--paper-2);border:2px solid var(--ink);cursor:pointer;box-shadow:var(--shadow-sm);touch-action:manipulation;border-radius:10px;flex:1;min-height:40px;padding:8px 4px;font-size:.82rem;font-weight:700;transition:transform 80ms,background .15s,box-shadow 80ms}.dg-opt-btn:hover:not(:disabled){background:#fff}.dg-opt-btn:active:not(:disabled){transform:translate(1px,1px)}.dg-opt-btn.is-active{background:var(--accent);color:#fff;box-shadow:none;opacity:1;cursor:default}.dg-opt-btn:disabled:not(.is-active){opacity:.5;cursor:default}.dg-roomset-note{margin-top:1px}@media (width>=880px){.dg-roomset-backdrop{background:0 0;animation:none}.dg-roomset-body,.dg-teamcount-body{border-bottom:2px solid var(--ink);border-radius:12px;max-height:min(60dvh,360px);animation:.15s dg-pop-in;position:absolute;inset:calc(100% + 8px) 0 auto;box-shadow:0 14px 28px #27304a3d}}@keyframes dg-pop-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dg-teams-panel{border:1.5px solid var(--ink);background:#fffdf6e6;border-radius:16px 7px 14px 8px/8px 16px 7px 15px;flex-direction:column;width:100%;max-width:440px;min-height:0;display:flex;overflow:hidden;box-shadow:0 10px 22px #27304a1a}.dg-teams-head{border-bottom:1.5px dashed #27304a47;flex:none;justify-content:space-between;align-items:baseline;gap:8px;padding:10px 14px 9px;display:flex}.dg-teams-title{font-family:var(--font-head);letter-spacing:.03em;font-size:1.02rem;transform:rotate(-.5deg)}.dg-teams-summary{color:var(--ink-soft);white-space:nowrap;flex:none;font-size:.74rem;font-weight:700}.dg-teams-opener{max-width:440px}.dg-teams-close{width:30px;height:30px;font:inherit;color:var(--ink);background:var(--paper);border:1.5px solid var(--ink);cursor:pointer;touch-action:manipulation;border-radius:999px;flex:none;justify-content:center;align-self:center;align-items:center;font-size:.9rem;font-weight:800;line-height:1;display:inline-flex}.dg-teams-close:hover{background:#fff}.dg-teams-body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:thin;flex-direction:column;gap:8px;min-height:0;padding:11px 12px 13px;display:flex;overflow-y:auto}.dg-teams-loose{border:1.5px dashed var(--amber);background:#e9a13b1a;border-radius:10px;flex-direction:column;gap:6px;margin-top:2px;padding:9px 10px;display:flex}.dg-teams-loose-label{text-transform:uppercase;letter-spacing:.07em;color:#8a5a14;font-size:.68rem;font-weight:800}.dg-team-card{border:2px solid var(--line);background:var(--paper-2);box-shadow:var(--shadow-sm);border-left-width:6px;border-radius:10px;flex-direction:column;gap:7px;padding:8px 10px 9px;display:flex}.dg-team-card-head{align-items:center;gap:8px;display:flex}.dg-team-dot{border:1.5px solid var(--ink);background:var(--line);border-radius:50%;flex:none;width:11px;height:11px}.dg-team-card-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.88rem;font-weight:800;overflow:hidden}.dg-team-card-off{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);border:1.5px solid var(--line);border-radius:999px;flex:none;padding:2px 8px;font-size:.62rem;font-weight:800}.dg-team-card.is-off{opacity:.5;border-color:var(--line);box-shadow:none;background:0 0}.dg-team-card--ink:not(.is-off){border-left-color:var(--ink)}.dg-team-card--ink:not(.is-off) .dg-team-dot{background:var(--ink)}.dg-team-card--pastel:not(.is-off){border-left-color:var(--accent)}.dg-team-card--pastel:not(.is-off) .dg-team-dot{background:var(--accent)}.dg-team-card--graphite:not(.is-off){border-left-color:var(--graphite)}.dg-team-card--graphite:not(.is-off) .dg-team-dot{background:var(--graphite)}.dg-team-card--watercolor:not(.is-off){border-left-color:var(--teal)}.dg-team-card--watercolor:not(.is-off) .dg-team-dot{background:var(--teal)}.dg-team-card--chalk:not(.is-off){border-left-color:var(--amber)}.dg-team-card--chalk:not(.is-off) .dg-team-dot{background:var(--amber)}.dg-team-card-slots{flex-direction:column;gap:6px;display:flex}.dg-team-slot{background:#fff9;border:1.5px solid #0000;border-radius:9px;align-items:center;gap:9px;min-height:38px;padding:5px 8px;display:flex}.dg-team-slot--empty{border:1.5px dashed var(--line);background:0 0}.dg-team-slot--filled.is-loose{border-color:var(--line);background:#ffffffc7}.dg-team-slot .dg-badge--empty{width:26px;height:26px;font-size:.85rem}.dg-slot-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.85rem;font-weight:700;overflow:hidden}.dg-slot-name em{color:var(--ink-soft);font-style:normal;font-weight:500}.dg-slot-name--muted{color:var(--ink-soft);font-weight:500}.dg-slot-host{text-transform:uppercase;letter-spacing:.05em;color:#8a5a14;border:1.5px solid var(--amber);background:#e9a13b21;border-radius:999px;flex:none;padding:1px 7px;font-size:.58rem;font-weight:800}.dg-slot-move{min-height:28px;font:inherit;color:var(--accent);background:var(--paper);border:1.5px solid var(--accent);cursor:pointer;touch-action:manipulation;border-radius:999px;flex:none;padding:3px 11px;font-size:.7rem;font-weight:800;transition:background .15s,color .15s}.dg-slot-move:hover{background:var(--accent);color:#fff}.dg-assign-backdrop{z-index:42}.dg-assign-pop{z-index:43;border:2px solid var(--ink);background:var(--paper-2);border-radius:12px;flex-direction:column;gap:5px;width:190px;max-width:calc(100vw - 20px);padding:8px;animation:.14s dg-pop-in;display:flex;position:fixed;box-shadow:0 14px 28px #27304a3d}.dg-assign-pop-title{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);padding:2px 4px;font-size:.66rem;font-weight:800}.dg-assign-pop-btn{font:inherit;text-align:left;color:var(--ink);background:var(--paper);border:2px solid var(--line);cursor:pointer;touch-action:manipulation;border-left-width:6px;border-radius:8px;align-items:center;gap:8px;min-height:38px;padding:8px 10px;font-size:.82rem;font-weight:700;display:flex}.dg-assign-pop-btn:hover:not(:disabled){background:#fff}.dg-assign-pop-btn.is-active{cursor:default;background:#fff;font-weight:800}.dg-assign-pop-btn:disabled:not(.is-active){opacity:.45;cursor:default}.dg-assign-pop-check{color:var(--accent);margin-left:auto;font-weight:900}.dg-assign-pop-full{color:var(--ink-soft);margin-left:auto;font-size:.66rem;font-weight:700}.dg-self-team{flex-direction:column;gap:3px;width:100%;display:flex}.dg-team-switch{min-height:36px;padding:6px 10px;font-size:.8rem}.dg-opp-progress-row{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.dg-opp-progress{border:2px solid var(--ink);background:var(--paper-2);border-radius:999px;padding:6px 12px;font-size:.8rem;font-weight:800}.dg-opp-progress--ink{border-color:var(--ink);color:var(--ink)}.dg-opp-progress--pastel{border-color:var(--accent);color:var(--accent)}.dg-opp-progress--graphite{border-color:var(--graphite);color:var(--graphite)}.dg-opp-progress--watercolor{border-color:var(--teal);color:var(--teal)}.dg-opp-progress--chalk{border-color:var(--amber);color:var(--chalk-ink)}.dg-standings{flex-direction:column;gap:6px;width:100%;max-width:340px;margin:4px 0 0;padding:0;list-style:none;display:flex}.dg-standing{border:2px solid var(--line);background:var(--paper-2);border-left-width:6px;border-radius:10px;align-items:center;gap:10px;padding:8px 12px;font-weight:700;display:flex}.dg-standing-rank{color:var(--ink-soft);text-align:center;min-width:1.2em;font-size:.8rem}.dg-standing-name{text-align:left;flex:1;font-size:.9rem}.dg-standing-score{font-variant-numeric:tabular-nums;font-weight:800}.dg-standing.is-winner{box-shadow:var(--shadow-sm);background:#fff}.dg-standing.is-winner .dg-standing-name:after{content:" 🏆"}.dg-standing--ink{border-left-color:var(--ink)}.dg-standing--pastel{border-left-color:var(--accent)}.dg-standing--graphite{border-left-color:var(--graphite)}.dg-standing--watercolor{border-left-color:var(--teal)}.dg-standing--chalk{border-left-color:var(--amber)}.dg-chat{border:1.5px solid var(--ink);background:linear-gradient(107deg,#27304a06 0 18%,#0000 18% 52%,#27304a05 52% 74%,#0000 74%),linear-gradient(211deg,#ffffff61 0 26%,#0000 26% 60%,#d9cdb221 60% 82%,#0000 82%),#fffdf4;border-radius:6px 16px 8px 18px/14px 7px 16px 9px;flex-direction:column;width:100%;max-width:440px;display:flex;position:relative;box-shadow:0 10px 22px #27304a1a}.dg-chat-head{text-align:left;background:0 0;border:none;border-bottom:1.5px dashed #27304a47;flex-shrink:0;align-items:center;gap:10px;width:100%;padding:10px 16px 9px;display:flex}.dg-chat-head--toggle{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;min-height:44px}.dg-chat:not(.is-open) .dg-chat-head--toggle{border-bottom:none}.dg-chat-title{letter-spacing:.03em;flex:1;font-size:1.02rem;transform:rotate(-.5deg)}.dg-chat-chevron{color:var(--ink-soft);font-size:.9rem}.dg-chat-unread{background:var(--accent);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:21px;height:21px;padding:0 6px;font-size:.72rem;font-weight:800;display:inline-flex}.dg-chat-body{flex-direction:column;flex:1;min-height:0;display:flex}.dg-chat-msgs{overscroll-behavior:contain;background-image:repeating-linear-gradient(#0000 0 27px,#27304a0e 27px 28px);flex-direction:column;flex:1;gap:7px;min-height:0;padding:12px 14px;display:flex;overflow-y:auto}.dg-chat-empty{text-align:center;color:var(--ink-soft);margin:auto;font-size:.84rem;line-height:1.6}.dg-chat-msg{flex-direction:column;align-self:flex-start;gap:2px;max-width:88%;display:flex}.dg-chat-msg--me{align-self:flex-end;align-items:flex-end}.dg-chat-sender{letter-spacing:.05em;color:color-mix(in srgb, var(--sender,var(--ink-soft)) 72%, var(--ink));padding-left:2px;font-size:.67rem;font-weight:800}.dg-chat-text{color:var(--ink);overflow-wrap:anywhere;background:#27304a0f;border-radius:3px 11px 9px;padding:5px 10px 6px;font-size:.88rem;line-height:1.45}.dg-chat-msg--me .dg-chat-text{background:#ff6b4a21;border-radius:11px 3px 11px 9px}.dg-chat-notice{border:1.5px dashed var(--amber);color:#8a5a14;text-align:center;background:#e9a13b1f;border-radius:9px;flex-shrink:0;margin:6px 14px 0;padding:5px 10px;font-size:.76rem;font-weight:600}.dg-chat-form{flex-shrink:0;gap:8px;padding:10px 12px 12px;display:flex;position:relative}.dg-chat-count{color:var(--ink-soft);font-size:.68rem;font-weight:700;position:absolute;top:-6px;right:14px}.dg-chat-input{min-width:0;font:inherit;color:var(--ink);border:1.5px solid var(--ink);background:#ffffffbf;border-radius:10px 12px 10px 13px;flex:1;min-height:42px;padding:8px 12px;font-size:16px}.dg-chat-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.dg-chat-input::placeholder{color:var(--ink-soft);opacity:.65}.dg-chat-send{color:#fff;background:var(--accent);border:1.5px solid var(--ink);cursor:pointer;touch-action:manipulation;border-radius:12px 9px 13px 10px;flex-shrink:0;width:42px;min-height:42px;font-size:1rem;transition:transform 80ms,background .15s}.dg-chat-send:hover:not(:disabled){background:#ff7c5e}.dg-chat-send:active:not(:disabled){transform:translateY(1px)}.dg-chat-send:disabled{opacity:.4;cursor:default}@media (width<=879.98px){.dg-chat-body{z-index:20;border:1.5px solid var(--ink);background:#fffdf4;border-radius:12px 16px/14px 12px 16px;height:min(360px,52dvh);margin-bottom:8px;position:absolute;bottom:100%;left:0;right:0;box-shadow:0 -10px 28px #27304a33}.dg-chat.is-open .dg-chat-head--toggle{border-bottom:none}.dg-teams-panel{z-index:41;border:2px solid var(--ink);background:var(--paper-2);border-bottom:none;border-radius:18px 18px 0 0;max-width:none;max-height:88dvh;animation:.18s dg-sheet-in;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 26px #27304a47}.dg-teams-head{align-items:center}.dg-teams-title{flex:1}.dg-teams-body{padding-bottom:calc(13px + env(safe-area-inset-bottom,0px))}}@media (width>=880px){.dg-lobby-layout{flex-direction:row;justify-content:center;align-items:flex-start;gap:36px}.dg-chat{flex-shrink:0;width:300px;height:428px;margin-top:6px;transform:rotate(.6deg)}.dg-chat:before{content:"";background:linear-gradient(#fffdf680,#e9a13b38);border:1px solid #27304a29;border-radius:2px;width:84px;height:24px;position:absolute;top:-11px;left:50%;transform:translate(-50%)rotate(-3deg)}.dg-lobby-layout--teams{gap:26px}.dg-teams-panel{flex:none;width:284px;max-width:none;max-height:464px;margin-top:6px}}.dg-draw{flex-direction:column;align-items:center;gap:12px;width:100%;max-width:620px;margin:auto 0;display:flex}.dg-draw-top{align-items:center;gap:8px;width:100%;display:flex}.dg-round-pill{color:var(--ink-soft);border:2px solid var(--ink);background:var(--paper-2);border-radius:999px;flex-shrink:0;padding:5px 10px;font-size:.8rem;font-weight:800}.dg-word-banner{text-align:center;font-family:var(--font-head);flex:1;min-width:0;font-size:1.55rem;line-height:1.1}.dg-timer{text-align:center;width:46px;font-family:var(--font-head);color:var(--teal);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:2rem;line-height:1}.dg-timer.is-urgent{color:var(--accent);animation:.6s ease-in-out infinite dg-pulse}.dg-timer.is-gap{color:var(--ink-soft)}@keyframes dg-pulse{50%{transform:scale(1.18)}}.dg-gap-overlay{color:#fff;text-shadow:0 1px 3px #00000080;background:#27304a8c;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:0}.dg-gap-overlay strong{font-family:var(--font-head);font-size:1.6rem}.dg-gap-overlay span{font-size:.9rem}.dg-draw-tools{align-items:center;gap:14px;width:100%;display:flex}.dg-clear-btn{padding:10px 26px}.dg-match{flex-direction:column;gap:12px;width:100%;max-width:960px;display:flex}.dg-match-top{flex-direction:column;align-items:center;gap:10px;display:flex}.dg-turn-banner{border:2px solid var(--ink);background:var(--paper-2);color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;max-width:100%;padding:8px 15px;font-size:.9rem;font-weight:800;overflow:hidden}.dg-turn-banner.is-mine{border-color:var(--accent);color:var(--ink);background:var(--accent-soft);animation:1.6s ease-in-out infinite dg-turn-glow}@keyframes dg-turn-glow{50%{box-shadow:0 0 0 5px var(--accent-soft)}}@media (width<=699.98px){.dg-turn-banner{text-align:center;background:#fff;align-self:stretch;height:40px;padding:0 15px;line-height:36px}}.dg-score-chips{flex-wrap:wrap;gap:8px;display:flex}.dg-score-chip{border:2px solid var(--ink);background:var(--paper-2);border-radius:999px;align-items:center;gap:7px;padding:4px 12px 4px 5px;font-size:.84rem;font-weight:700;display:inline-flex}.dg-score-chip strong{color:var(--accent);font-size:.95rem}.dg-score-chip.is-turn{border-color:var(--accent);background:var(--accent-soft)}.dg-match-clock-row{justify-content:flex-end;align-items:center;min-height:32px;display:flex}.dg-match-timer{font-family:var(--font-head);font-variant-numeric:tabular-nums;color:var(--ink-soft);border:2px solid var(--ink);background:var(--paper-2);border-radius:999px;align-items:center;gap:5px;padding:5px 12px;font-size:1rem;font-weight:800;line-height:1;display:inline-flex}.dg-match-timer-ico{font-size:.95em;line-height:1}.dg-match-timer.is-urgent{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.dg-match-body{flex-direction:column;align-items:stretch;gap:16px;display:flex}.dg-board{flex:1;grid-template-columns:repeat(4,1fr);gap:7px;min-width:0;display:grid;position:relative}.dg-card{aspect-ratio:4/3;cursor:pointer;perspective:700px;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:0;transition:opacity .35s,transform .35s,visibility .35s;position:relative}.dg-card:disabled{cursor:default}.dg-card.is-removed{opacity:0;visibility:hidden;pointer-events:none;transform:scale(.75)}.dg-card-inner{transform-style:preserve-3d;transition:transform .3s cubic-bezier(.4,.9,.4,1);position:absolute;inset:0}.dg-card.is-open .dg-card-inner{transform:rotateY(180deg)}.dg-card-back,.dg-card-front{backface-visibility:hidden;border-radius:9px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.dg-card-back{background:radial-gradient(circle at 30% 25%, var(--accent-soft), transparent 55%), var(--paper-2);border:2px solid var(--ink);color:#27304a4d;font-family:var(--font-head);font-size:1.7rem;transition:border-color .15s,box-shadow .15s}.dg-card:not(:disabled):hover .dg-card-back{border-color:var(--accent);box-shadow:0 5px 14px #ff6b4a40}.dg-card-front{background:#fffef9;border:2px solid #cdbf9f;transform:rotateY(180deg)}.dg-card-front img{object-fit:contain;-webkit-user-drag:none;width:100%;height:100%}.dg-card-missing{color:#8a7a55;text-transform:uppercase;letter-spacing:.06em;font-size:.62rem;font-weight:700}.dg-card.is-wrong .dg-card-inner{animation:.35s both dg-shake}@keyframes dg-shake{25%{transform:rotateY(180deg)translate(-4px)}50%{transform:rotateY(180deg)translate(4px)}75%{transform:rotateY(180deg)translate(-2px)}}.dg-confetti-layer{pointer-events:none;z-index:3;position:absolute;inset:0}.dg-burst{width:0;height:0;position:absolute}.dg-confetti-bit{opacity:0;will-change:transform, opacity;border-radius:1.5px;margin:-3px 0 0 -3px;animation:.64s cubic-bezier(.2,.75,.4,1) forwards dg-confetti-fly;position:absolute;top:0;left:0}.dg-confetti-bit--drop{border-radius:50%}@keyframes dg-confetti-fly{0%{opacity:.95;transform:translate(0)rotate(0)scale(1)}60%{transform:translate(calc(var(--dx) * .82), calc(var(--dy) * .68)) rotate(calc(var(--rot) * .65)) scale(.9);opacity:.85}to{transform:translate(var(--dx), calc(var(--dy) + 22px)) rotate(var(--rot)) scale(.55);opacity:0}}.dg-burst-halo{opacity:0;background:radial-gradient(circle,#ff6b4a52,#27304a1a 55%,#0000 72%);border-radius:50%;width:72px;height:72px;animation:.42s ease-out forwards dg-halo-fade;position:absolute;top:-36px;left:-36px}@keyframes dg-halo-fade{30%{opacity:.6}to{opacity:0}}.dg-matched-rail{background:var(--paper-2);border:2px solid var(--ink);border-radius:var(--radius);width:100%;box-shadow:var(--shadow-sm);flex-direction:column;gap:10px;max-height:220px;padding:14px;display:flex;overflow-y:auto}.dg-matched-rail h4{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);justify-content:space-between;font-size:.74rem;display:flex}.dg-matched-rail h4 span{color:var(--accent)}.dg-matched-pair{align-items:center;gap:10px;animation:.3s dg-pair-in;display:flex}@keyframes dg-pair-in{0%{opacity:0;transform:translateY(6px)}}.dg-matched-thumbs{flex-shrink:0;gap:4px;display:flex}.dg-matched-thumbs img,.dg-matched-thumbs .dg-card-missing{object-fit:contain;background:#fffef9;border:1.5px solid #cdbf9f;border-radius:5px;justify-content:center;align-items:center;width:52px;height:39px;display:inline-flex}.dg-matched-meta{flex-direction:column;min-width:0;display:flex}.dg-matched-meta strong{text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;overflow:hidden}.dg-matched-meta span{color:var(--ink-soft);font-size:.72rem}.dg-finished-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.dg-result-actions{width:100%;max-width:420px;margin:4px auto 0}.dg-result-actions--rematch{flex-direction:column;gap:10px;display:flex}.dg-result-actions--grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.dg-result-actions--grid>.dg-btn{width:100%;margin:0}.dg-result-actions--grid>.dg-btn--primary{order:-1;grid-column:1/-1}@media (width<=560px){.dg-result-actions--grid{grid-template-columns:1fr}}.dg-rematch-status{text-align:center;color:var(--ink-soft);margin:0;font-size:.92rem;font-weight:700}.dg-rematch-status.is-incoming{color:var(--accent);font-size:1rem}.dg-rematch-status.is-warn{color:var(--ink-soft);font-weight:600}.dg-rematch-cta{letter-spacing:.01em}.dg-rematch-pending{justify-content:center;align-items:center;gap:10px;margin-top:-2px;display:flex}.dg-rematch-count{color:var(--ink-soft);font-variant-numeric:tabular-nums;text-align:right;min-width:34px;font-size:.9rem;font-weight:800}.dg-rematch-withdraw{background:var(--paper-2)}.dg-gallery{flex-direction:column;gap:14px;width:100%;max-width:980px;display:flex}.dg-g-top{align-items:center;gap:10px;display:flex}.dg-g-back{flex-shrink:0;min-height:38px;padding:6px 12px;font-size:.85rem}.dg-g-title{text-align:center;letter-spacing:.03em;flex:1;min-width:0;font-size:1.3rem;transform:rotate(-.6deg)}.dg-g-count{text-align:right;min-width:72px;color:var(--ink-soft);flex-shrink:0;font-size:.76rem;font-weight:800}.dg-g-tabs{flex-wrap:wrap;align-self:center;gap:8px;width:100%;max-width:420px;display:flex}.dg-g-tab{font:inherit;color:var(--ink);background:var(--paper-2);border:2px solid var(--ink);cursor:pointer;min-height:44px;box-shadow:var(--shadow-sm);touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:999px;flex:auto;padding:9px 12px;font-size:.9rem;font-weight:700;transition:transform 80ms,background .15s,box-shadow 80ms}.dg-g-tab:hover:not(.is-active){background:#fff}.dg-g-tab:active:not(.is-active){transform:translate(1px,1px)}.dg-g-tab.is-active{background:var(--accent);color:#fff;box-shadow:none;cursor:default}.dg-g-tab--ink.is-active{background:var(--ink)}.dg-g-tab--pastel.is-active{background:var(--accent)}.dg-g-tab--graphite.is-active{background:var(--graphite)}.dg-g-tab--watercolor.is-active{background:var(--teal)}.dg-g-tab--chalk.is-active{background:var(--amber)}.dg-g-grid{grid-template-columns:repeat(2,1fr);gap:12px 10px;animation:.22s dg-g-in;display:grid}@keyframes dg-g-in{0%{opacity:0;transform:translateY(6px)}}.dg-g-card{font:inherit;color:var(--ink);background:var(--paper-2);border:2px solid var(--ink);box-shadow:var(--shadow-sm);cursor:zoom-in;text-align:center;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:10px;flex-direction:column;padding:6px 6px 7px;transition:transform .12s,box-shadow .12s;display:flex}.dg-g-card:nth-child(odd){transform:rotate(-.5deg)}.dg-g-card:nth-child(2n){transform:rotate(.45deg)}@media (hover:hover){.dg-g-card:hover{transform:rotate(0)translateY(-2px);box-shadow:4px 5px #27304a21}}.dg-g-card:active{transform:rotate(0)translate(1px,1px);box-shadow:1px 1px #27304a1c}.dg-g-thumb{aspect-ratio:4/3;background:radial-gradient(at 50% 40%,#ffffffe6 55%,#d9cdb24d 100%),#fffef9;border:1.5px solid #cdbf9f;border-radius:7px;justify-content:center;align-items:center;display:flex;overflow:hidden}.dg-g-thumb img{object-fit:contain;-webkit-user-drag:none;width:100%;height:100%}.dg-g-missing{color:#8a7a55;text-transform:uppercase;letter-spacing:.06em;font-size:.62rem;font-weight:700}.dg-g-label{flex-direction:column;gap:1px;min-width:0;padding-top:6px;display:flex}.dg-g-word{font-family:var(--font-head);text-overflow:ellipsis;white-space:nowrap;font-size:.98rem;line-height:1.15;overflow:hidden}.dg-g-artist{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;font-weight:600;overflow:hidden}.dg-g-lightbox{z-index:90;background:#27304a8c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.dg-g-lb-panel{background:var(--paper-2);border:2px solid var(--ink);border-radius:var(--radius);width:100%;max-width:560px;box-shadow:var(--shadow);outline:none;flex-direction:column;gap:10px;padding:14px;display:flex}.dg-g-lb-head{align-items:flex-start;gap:10px;display:flex}.dg-g-lb-meta{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.dg-g-lb-word{font-family:var(--font-head);overflow-wrap:anywhere;font-size:1.45rem;line-height:1.1}.dg-g-lb-artist{color:var(--ink-soft);font-size:.78rem;font-weight:600}.dg-g-lb-close{flex-shrink:0;width:40px;min-height:40px;padding:0;font-size:1rem}.dg-g-lb-paper{aspect-ratio:4/3;touch-action:pan-y;-webkit-user-select:none;user-select:none;background:radial-gradient(at 50% 40%,#ffffffe6 55%,#d9cdb259 100%),#fffef9;border:2px solid #cdbf9f;border-radius:10px;justify-content:center;align-self:center;align-items:center;width:100%;max-width:min(100%,133.333dvh - 306.667px);display:flex;overflow:hidden;transform:rotate(-.35deg)}.dg-g-lb-paper img{object-fit:contain;-webkit-user-drag:none;width:100%;height:100%}.dg-g-lb-nav{justify-content:space-between;align-items:center;gap:10px;display:flex}.dg-g-lb-step{min-height:44px;padding:8px 14px;font-size:.88rem}.dg-g-lb-counter{font-variant-numeric:tabular-nums;color:var(--ink-soft);font-size:.85rem;font-weight:800}@media (width>=560px){.dg-g-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=760px){.dg-g-grid{grid-template-columns:repeat(4,1fr)}}@media (width>=960px){.dg-g-grid{grid-template-columns:repeat(5,1fr)}}@media (prefers-reduced-motion:reduce){.dg-g-grid{animation:none}.dg-g-card,.dg-g-tab{transition:none}}@media (width>=700px){.dg-game-header{padding:calc(12px + env(safe-area-inset-top,0px)) calc(20px + env(safe-area-inset-right,0px)) 12px calc(20px + env(safe-area-inset-left,0px))}.dg-game-title{font-size:1.35rem}.dg-game-main{padding:26px calc(20px + env(safe-area-inset-right,0px)) calc(40px + env(safe-area-inset-bottom,0px)) calc(20px + env(safe-area-inset-left,0px))}.dg-word-banner{font-size:2.1rem}.dg-timer{width:56px;font-size:2.4rem}.dg-board{grid-template-columns:repeat(5,1fr);gap:10px}.dg-match-top{flex-flow:wrap}.dg-match-body{flex-direction:row;align-items:flex-start}.dg-matched-rail{flex-shrink:0;width:250px;max-height:62vh}}.dg-reconnect-overlay{z-index:135;background:#27304a80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.dg-reconnect-card{background:var(--paper-2);border:2px solid var(--ink);border-radius:var(--radius);width:100%;max-width:360px;box-shadow:var(--shadow);text-align:center;flex-direction:column;align-items:center;gap:12px;padding:22px 20px;display:flex}.dg-reconnect-title{font-size:1.3rem;font-family:var(--font-head)}.dg-reconnect-desc{color:var(--ink-soft);font-size:.95rem;line-height:1.4}.dg-reconnect-count{font-family:var(--font-head);color:var(--accent);font-variant-numeric:tabular-nums;font-size:3rem;line-height:1}.dg-reconnect-spinner{border:3px solid var(--paper);border-top-color:var(--accent);border-radius:50%;width:34px;height:34px;animation:.9s linear infinite dg-reconnect-spin}.dg-reconnect-toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:136;background:var(--teal,var(--accent));color:#fff;border:2px solid var(--ink);box-shadow:var(--shadow);border-radius:999px;padding:8px 18px;font-weight:600;position:fixed;transform:translate(-50%)}.dg-inputs-locked{pointer-events:none}@keyframes dg-reconnect-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.dg-reconnect-spinner{animation:none}.dg-card-inner,.dg-card,.dg-collect-fill,.dg-chat-send{transition:none}.dg-timer.is-urgent,.dg-turn-banner.is-mine,.dg-card.is-wrong .dg-card-inner,.dg-matched-pair,.dg-confetti-bit{animation:none}}.dg-doc{width:100%;max-width:680px;padding:calc(28px + env(safe-area-inset-top,0px)) calc(18px + env(safe-area-inset-right,0px)) calc(40px + env(safe-area-inset-bottom,0px)) calc(18px + env(safe-area-inset-left,0px));margin:0 auto}.dg-doc-card{background:var(--paper-2);border:2px solid var(--ink);box-shadow:var(--shadow);border-radius:16px 8px 14px 9px/9px 15px 8px 16px;padding:26px 22px 22px}.dg-doc-head{border-bottom:1.5px dashed #27304a47;margin-bottom:6px;padding-bottom:14px}.dg-doc h1{font-family:var(--font-head);letter-spacing:.02em;margin:0 0 8px;font-size:1.7rem;transform:rotate(-.4deg)}.dg-doc-meta{color:var(--ink-soft);margin:0;font-size:.82rem;font-weight:600;line-height:1.5}.dg-doc section{margin-top:18px}.dg-doc h2{margin:0 0 8px;font-size:1.08rem;font-weight:800}.dg-doc h3{color:var(--ink);margin:14px 0 4px;font-size:.92rem;font-weight:800}.dg-doc p{color:var(--ink);margin:4px 0 0;font-size:.9rem;line-height:1.65}.dg-doc ul{flex-direction:column;gap:6px;margin:6px 0 0;padding-left:20px;font-size:.9rem;line-height:1.55;display:flex}.dg-doc a{color:var(--accent);font-weight:700}.dg-doc-en{border:1.5px dashed var(--line);background:#d9cdb224;border-radius:10px;padding:12px 14px}.dg-doc-nav{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.dg-doc-nav .dg-btn{align-items:center;text-decoration:none;display:inline-flex}