/* Draw & Guess: a sketchbook table. Cream paper, ink navy, and the same inks players draw with. */
.dg-stage,.dg-page,.dg-lobby{--dg-ink:#201b38;--dg-ink-2:#352c52;--dg-paper:#fffdf8;--dg-cream:#fbf4e8;--dg-line:#eadfcd;--dg-muted:#6f6480;--dg-coral:#e36f69;--dg-honey:#edb750;--dg-leaf:#559778;--dg-sky:#468eaa;--dg-plum:#7d5ba6;--dg-pumpkin:#f08a3c;--dg-shadow:#e4d5bf}
.party-stage.draw-room-stage{background:radial-gradient(#e7dbc8 1.1px,transparent 1.3px) 0 0/22px 22px,var(--dg-cream,#fbf4e8);border-color:#eadfcd}
.draw-room-stage .party-seat{background:#fff}
.dg{display:grid;gap:14px;color:var(--dg-ink)}
/* Top bar: round, word or hint tiles, countdown */
.dg-top{display:grid;grid-template-columns:minmax(120px,auto) minmax(0,1fr) auto;grid-template-areas:"round word clock";align-items:center;gap:8px 14px;padding:10px 12px 10px 18px;border-radius:22px;background:var(--dg-ink);color:#fff8ec;box-shadow:0 5px 0 #120e24}
.dg-round{grid-area:round;margin:0;font-size:.82rem;font-weight:700;color:#cfc6e6;line-height:1.3}
.dg-word{grid-area:word;display:grid;justify-items:center;gap:6px;min-width:0;text-align:center}
.dg-word-title{font-size:clamp(1.05rem,2.4vw,1.35rem)}
.dg-word-kicker{font-size:.72rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#cfc6e6}
.dg-tiles{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px;perspective:600px}
.dg-tile-word{display:inline-flex;gap:3px}
.dg-tile{display:inline-grid;place-items:center;width:clamp(19px,3.4vw,34px);height:clamp(26px,4.4vw,42px);border-radius:7px;background:#fff8ec;color:var(--dg-ink);font:800 clamp(.95rem,2.3vw,1.45rem)/1 var(--display,sans-serif);text-transform:uppercase;box-shadow:inset 0 -3px 0 #e7d8bf}
.dg-tile[data-blank]{background:#ffffff14;box-shadow:inset 0 -3px 0 #ffffff66}
.dg-tile[data-mark]{width:auto;min-width:8px;background:none;box-shadow:none;color:#fff8ec}
.is-word .dg-tile{background:#fff8ec}.is-got .dg-tile{background:#c9ecd9;box-shadow:inset 0 -3px 0 #9bd3b5}.is-reveal .dg-tile:not([data-mark]){background:var(--dg-honey);box-shadow:inset 0 -3px 0 #c98f22}
.dg-tile.is-flip{animation:dg-flip .62s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--k,0)*85ms)}
@keyframes dg-flip{0%{transform:rotateX(90deg);background:var(--dg-honey)}62%{transform:rotateX(-14deg)}100%{transform:none}}
.dg-clock{grid-area:clock;position:relative;width:54px;height:54px;display:grid;place-items:center}
.dg-clock svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.dg-ring-track{fill:none;stroke:#ffffff24;stroke-width:5}
.dg-ring-arc{fill:none;stroke:#7fd1a6;stroke-width:5;stroke-linecap:round;transition:stroke-dashoffset .2s linear,stroke .3s}
.dg-clock[data-urgent=true] .dg-ring-arc{stroke:#ff8f87}
.dg-clock[data-urgent=true] .dg-secs{color:#ffb2ac;animation:dg-pulse 1s ease-in-out infinite}
.dg-secs{position:relative;font-weight:900;font-size:1.05rem;font-variant-numeric:tabular-nums}
@keyframes dg-pulse{50%{transform:scale(1.18)}}
/* Main grid: paper and tools on the left, scores, feed and guess box on the right */
.dg-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,310px);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"paper scores" "paper feed" "tools guess";gap:14px 18px;align-items:start}
.dg-area-paper{grid-area:paper}.dg-area-tools{grid-area:tools}.dg-area-guess{grid-area:guess}.dg-area-feed{grid-area:feed}.dg-area-scores{grid-area:scores}
.dg-paper{position:relative;width:100%;max-width:min(100%,calc((100svh - 220px)*4/3));justify-self:center;border-radius:18px;overflow:hidden;background:var(--dg-paper);box-shadow:0 2px 0 var(--dg-shadow),0 18px 34px #2a1c3a24;touch-action:none}
.dg-canvas{display:block;width:100%;height:auto;aspect-ratio:4/3;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}
.dg[data-role=artist][data-stage=draw] .dg-canvas{cursor:crosshair}
.dg-canvas:focus-visible{outline:3px solid var(--dg-plum);outline-offset:-3px}
.dg-layer{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
.dg-toasts{position:absolute;top:10px;left:50%;transform:translateX(-50%);display:grid;justify-items:center;gap:6px;pointer-events:none;width:max-content;max-width:92%}
.dg-toast{margin:0;padding:7px 15px;border-radius:999px;background:var(--dg-ink);color:#fff;font-weight:800;font-size:.95rem;box-shadow:0 6px 16px #20183a33;animation:dg-toast 2.4s cubic-bezier(.2,.8,.2,1) both}
.dg-toast.is-you{background:var(--dg-leaf);font-size:1.15rem;padding:10px 20px}.dg-toast.is-artist{background:var(--dg-plum)}
@keyframes dg-toast{0%{opacity:0;transform:translateY(-8px) scale(.85)}12%{opacity:1;transform:none}80%{opacity:1}100%{opacity:0;transform:translateY(-6px)}}
.dg-confetti{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
/* Choosing */
.dg-choose{pointer-events:auto;display:grid;gap:10px;justify-items:center;text-align:center;width:min(94%,600px);padding:10px}
.dg-choose h3{margin:0;font-size:clamp(1.05rem,2.6vw,1.6rem)}
.dg-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%}
.dg-choice{display:grid;align-content:center;gap:4px;min-height:clamp(64px,13vw,104px);padding:8px;border:2px solid var(--dg-line);border-radius:16px;background:#fff;color:var(--dg-ink);font:inherit;cursor:pointer;box-shadow:0 4px 0 var(--dg-shadow);transition:transform .15s,box-shadow .15s}
.dg-choice strong{font-size:clamp(.98rem,2.3vw,1.3rem);line-height:1.15;overflow-wrap:break-word;hyphens:auto}
.dg-choice:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 7px 0 var(--dg-shadow)}
.dg-choice:focus-visible{outline:3px solid var(--dg-plum);outline-offset:2px}
.dg-choice:disabled{opacity:.6}
.dg-level{font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--dg-leaf)}
.dg-choice[data-level=medium] .dg-level{color:var(--dg-sky)}.dg-choice[data-level=hard] .dg-level{color:var(--dg-coral)}.dg-choice[data-level=custom] .dg-level{color:var(--dg-plum)}
.dg-hint{margin:0;font-size:.85rem;color:var(--dg-muted)}
.dg-link{pointer-events:auto;min-height:44px;padding:8px 12px;border:0;background:none;color:var(--dg-ink);font:inherit;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.dg-wait{display:grid;justify-items:center;gap:14px;text-align:center;color:var(--dg-muted);font-weight:700;padding:16px}
.dg-wait p{margin:0}
.dg-pen{position:relative;width:120px;height:40px;background:linear-gradient(var(--dg-plum),var(--dg-plum)) 0 34px/0 4px no-repeat;border-radius:3px;animation:dg-line 2.4s ease-in-out infinite}
.dg-pen::after{content:'';position:absolute;left:0;top:4px;width:58px;height:13px;border-radius:3px 6px 6px 3px;background:linear-gradient(90deg,#f6c95c 0 66%,#f2d8b3 66% 86%,var(--dg-ink) 86%);transform-origin:100% 50%;transform:translateX(-58px) rotate(-32deg);animation:dg-pen 2.4s ease-in-out infinite}
@keyframes dg-line{0%{background-size:0 4px}70%,100%{background-size:100% 4px}}
@keyframes dg-pen{0%{left:0}70%{left:100%}100%{left:100%;opacity:0}}
/* Reveal */
.dg-reveal{position:absolute;left:50%;bottom:10px;width:min(560px,calc(100% - 20px));transform:translateX(-50%);display:grid;justify-items:center;gap:4px;padding:12px 14px;border-radius:16px;background:#fffdf8ee;box-shadow:0 10px 30px #20183a2e;text-align:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.dg-reveal-reason{margin:0;font-weight:800;color:var(--dg-muted);font-size:.9rem}
.dg-reveal-word{position:relative;font:800 clamp(1.5rem,4.6vw,2.6rem)/1.05 var(--display,sans-serif);letter-spacing:-.02em;text-transform:capitalize;animation:dg-pop .75s cubic-bezier(.2,.9,.3,1.35) both .12s}
.dg-reveal-word::before,.dg-reveal-word::after{content:'✦';position:absolute;top:-.35em;font-size:.55em;color:var(--dg-honey);animation:dg-twinkle 1.4s ease-in-out .4s both}
.dg-reveal-word::before{left:-.9em}.dg-reveal-word::after{right:-.9em;animation-delay:.6s}
@keyframes dg-pop{0%{opacity:0;transform:scale(.4) rotate(-6deg)}100%{opacity:1;transform:none}}
@keyframes dg-twinkle{0%{opacity:0;transform:scale(.2) rotate(-40deg)}50%{opacity:1;transform:scale(1.25)}100%{opacity:.85;transform:none}}
.dg-gains{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:4px 0 0;padding:0;list-style:none}
.dg-gains li{display:inline-flex;gap:6px;align-items:center;padding:3px 10px;border-radius:999px;background:#fff;border:1.5px solid var(--hue,var(--dg-line));font-size:.88rem;font-weight:700}
.dg-gains strong{color:var(--dg-leaf)}
.dg-reveal-next{margin:2px 0 0;font-size:.82rem;color:var(--dg-muted)}
/* Tools */
.dg-tools{display:grid;gap:6px;padding:8px;border-radius:18px;background:#fff;border:1px solid var(--dg-line);box-shadow:0 4px 0 #ece0cf}
.dg-tool-row{display:grid;grid-template-columns:repeat(8,minmax(44px,1fr));gap:2px}
.dg-tool{position:relative;display:grid;place-items:center;min-width:44px;min-height:46px;margin:0;padding:0;border:0;border-radius:12px;background:transparent;color:var(--dg-ink);font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.dg-tool:hover{background:#f4ecf6}.dg-tool:focus-visible{outline:3px solid var(--dg-plum);outline-offset:1px}.dg-tool:active{transform:scale(.92)}
.dg-swatch::before{content:'';width:30px;height:30px;border-radius:50%;background:var(--ink);box-shadow:inset 0 0 0 2px #0000001c;transition:transform .15s}
.dg-swatch[aria-pressed=true]::before{transform:scale(1.08);box-shadow:0 0 0 3px #fff,0 0 0 5px var(--dg-ink)}
.dg-swatch[data-eraser]::before{background:repeating-linear-gradient(45deg,#fff 0 4px,#ece3f1 4px 8px);box-shadow:inset 0 0 0 2px #9a8ca6}
.dg-swatch[data-eraser][aria-pressed=true]::before{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--dg-ink),inset 0 0 0 2px #9a8ca6}
.dg-size::before{content:'';width:var(--dot);height:var(--dot);border-radius:50%;background:currentColor}
.dg-size[aria-pressed=true]{background:var(--dg-ink);color:#fff}
.dg-edit{grid-template-rows:auto auto;align-content:center;gap:1px}
.dg-edit-icon{font-size:1.2rem;line-height:1}.dg-edit-label{font-size:.68rem;font-weight:800}
.dg-edit:disabled{opacity:.35;cursor:default;transform:none;background:transparent}
.dg-pass[data-armed]{background:var(--dg-coral);color:#fff}
.dg-tool-note{margin:0;padding:0 6px;font-size:.84rem;color:var(--dg-muted);min-height:1.2em}
/* Guess box and side panels */
.dg-guess{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}
.party-shell .dg-guess input{margin:0;padding:13px 15px;border:2px solid var(--dg-line);border-radius:14px;font-size:1.05rem;background:#fff}
.party-shell .dg-guess input:focus-visible{outline:3px solid var(--dg-plum);outline-offset:1px;border-color:var(--dg-plum)}
.dg-btn{min-height:48px;padding:0 18px;border:0;border-radius:14px;background:var(--dg-ink);color:#fff;font:inherit;font-weight:800;cursor:pointer;box-shadow:0 4px 0 #0d0a1c}
.dg-btn:disabled{opacity:.45;cursor:default}.dg-btn:focus-visible{outline:3px solid var(--dg-plum);outline-offset:2px}
.dg-guess-note{grid-column:1/-1;margin:0;min-height:1.25em;font-size:.88rem;font-weight:700;color:#8a5a00}
.dg-feed,.dg-scores{background:#fff;border:1px solid var(--dg-line);border-radius:18px;padding:12px 12px 10px;box-shadow:0 4px 0 #ece0cf;min-width:0}
.dg-side-title{margin:0 0 8px;font-size:.74rem;letter-spacing:.09em;text-transform:uppercase;color:var(--dg-muted)}
.dg-feed-list{display:grid;align-content:start;gap:6px;max-height:min(300px,38svh);margin:0;padding:0;list-style:none;overflow:auto;overscroll-behavior:contain}
.dg-line{font-size:.95rem;line-height:1.35;overflow-wrap:anywhere}
.dg-wrong strong{margin-right:6px;color:color-mix(in srgb,var(--hue) 75%,#201b38)}
.dg-got{justify-self:start;display:inline-flex;align-items:center;gap:7px;padding:4px 12px 4px 5px;border-radius:999px;background:#e2f4ea;color:#1f5e3e;font-weight:800}
.dg-tick{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--dg-leaf);color:#fff;font-size:.78rem}
.dg-close{padding:6px 10px;border-radius:10px;background:#fff3d6;color:#6d4a00}
.dg-empty{color:var(--dg-muted);font-size:.88rem}
.dg-score-list{display:grid;gap:4px;margin:0;padding:0;list-style:none}
.dg-score{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:5px 8px;border-radius:12px}
.dg-score[data-rank="1"]{background:#fff4d6}
.dg-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--hue,#7d5ba6);color:#fff;font-weight:800;font-size:.95rem}
.dg-name{overflow:hidden;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.dg-badge{font-size:.72rem;font-weight:800;border-radius:999px;padding:2px 8px;white-space:nowrap}
.dg-badge:empty{display:none}.dg-badge[data-kind=draw]{background:#efe6f6;color:#5d3f8a}.dg-badge[data-kind=got]{background:#e2f4ea;color:#1f5e3e}.dg-badge[data-kind=away]{color:var(--dg-muted)}
.dg-points{min-width:3ch;text-align:right;font-variant-numeric:tabular-nums}
.dg-plus{position:absolute;right:calc(3ch + 22px);top:6px;color:var(--dg-leaf);font-weight:900;pointer-events:none;animation:dg-float 1.25s ease-out both}
@keyframes dg-float{0%{opacity:0;transform:translateY(8px)}20%{opacity:1}100%{opacity:0;transform:translateY(-18px)}}
.dg-host-row:empty{display:none}.dg-host-row{margin-top:6px}.dg-host-row .dg-link{font-size:.88rem;padding:6px 4px}
/* Lobby */
.dg-lobby{margin:4px 0 22px}.dg-lobby h3{margin:0 0 10px;font-size:1.25rem}
.dg-lobby-summary{display:inline-block;margin:0 0 8px;padding:10px 16px;border-radius:14px;background:#fff;border:1px solid var(--dg-line);font-weight:700}
.dg-setting{margin:10px 0}.dg-setting-label{margin:0 0 6px;font-size:.8rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--dg-muted)}
.dg-options{display:flex;flex-wrap:wrap;gap:8px}
.dg-option{display:grid;gap:2px;min-width:72px;min-height:48px;padding:8px 14px;border:2px solid var(--dg-line);border-radius:14px;background:#fff;color:var(--dg-ink);font:inherit;text-align:left;cursor:pointer}
.dg-option strong{font-size:.98rem}.dg-option span{font-size:.75rem;color:var(--dg-muted)}
.dg-option[aria-checked=true]{border-color:var(--dg-ink);box-shadow:inset 0 0 0 1px var(--dg-ink);background:#f6f0ff}
.dg-option[aria-checked=true] strong::after{content:' ✓'}
.dg-option[data-locked]{opacity:.6;cursor:not-allowed}.dg-option[data-locked] span{color:var(--dg-plum);font-weight:800}
.dg-option:focus-visible{outline:3px solid var(--dg-plum);outline-offset:2px}
.dg-custom{margin:10px 0;max-width:640px}.dg-custom label{margin:0}.dg-custom textarea{font-size:1rem}
.dg-lobby-note{margin:6px 0;font-weight:700;color:#8a3b35;min-height:1em}
/* Ending */
.dg-end{text-align:center;justify-items:center}
.dg-end-meta{margin:0;font-size:.85rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--dg-muted)}
.dg-end-title{margin:0;font-size:clamp(1.9rem,4.4vw,3rem)}
.dg-podium{display:flex;justify-content:center;align-items:flex-end;gap:12px;width:100%;max-width:560px;margin:18px auto 8px;padding:0;list-style:none}
.dg-step{display:grid;justify-items:center;align-content:end;gap:5px;flex:1;min-width:0}
.dg-step strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dg-step .dg-avatar{width:56px;height:56px;font-size:1.5rem;box-shadow:0 0 0 4px #fff,0 6px 14px #20183a2b;animation:dg-pop .6s cubic-bezier(.2,.9,.3,1.35) both;animation-delay:calc(var(--d)*.28s + .5s)}
.dg-step[data-place="1"] .dg-avatar{width:70px;height:70px;font-size:1.9rem}
.dg-step-score{font-size:.9rem;color:var(--dg-muted);font-weight:700}
.dg-step-block{display:grid;place-items:start center;width:100%;height:var(--h,70px);padding-top:10px;border-radius:14px 14px 6px 6px;background:var(--hue);color:#fff;font:900 1.4rem/1 var(--display,sans-serif);transform-origin:bottom;animation:dg-rise .9s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--d)*.28s);box-shadow:inset 0 -8px 0 #00000014}
.dg-step[data-place="1"]{--h:150px}.dg-step[data-place="2"]{--h:104px}.dg-step[data-place="3"]{--h:72px}
@keyframes dg-rise{from{transform:scaleY(0)}to{transform:none}}
.dg-final{display:grid;gap:4px;width:100%;max-width:420px;margin:6px auto;padding:0;list-style:none}
.dg-final li{display:grid;grid-template-columns:2ch minmax(0,1fr) auto;gap:10px;padding:7px 12px;border-radius:12px;background:#fff;border:1px solid var(--dg-line);text-align:left}
.dg-final-rank{color:var(--dg-muted);font-weight:800}
.dg-gallery{width:100%;margin-top:14px;text-align:left}.dg-gallery h3{text-align:center}
.dg-gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,230px));justify-content:center;gap:12px}
.dg-gallery figure{margin:0;padding:8px;border-radius:14px;background:#fff;border:1px solid var(--dg-line);box-shadow:0 3px 0 #ece0cf}
.dg-gallery canvas{display:block;width:100%;height:auto;border-radius:8px}
.dg-gallery figcaption{display:grid;gap:1px;padding:6px 2px 0}.dg-gallery figcaption strong{text-transform:capitalize}.dg-gallery figcaption span{font-size:.8rem;color:var(--dg-muted)}
/* Phones and narrow windows */
@media (max-width:860px){
 .dg-main{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-template-areas:"paper" "tools" "guess" "feed" "scores";gap:10px}
 .dg-feed-list{max-height:150px}
}
@media (max-width:560px){
 .party-stage.draw-room-stage{padding:10px 8px 16px}
 .dg{gap:10px}
 .dg-top{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"round clock" "word clock";padding:8px 8px 10px 14px;border-radius:18px}
 .dg-word{justify-items:start;text-align:left}.dg-tiles{justify-content:flex-start;gap:5px 10px}.dg-tile-word{gap:2px}
 .dg-paper{border-radius:14px}
 .dg-tools{padding:4px;border-radius:14px}.dg-tool-row{grid-template-columns:repeat(8,minmax(0,1fr));gap:0}.dg-tool{min-width:0;min-height:44px}
 .dg-swatch::before{width:26px;height:26px}
 .dg-choose{gap:6px;padding:6px}.dg-choice strong{font-size:.86rem}.dg-choose .dg-hint{display:none}.dg-choices{gap:6px}.dg-choice{min-height:60px;padding:6px 4px;border-radius:12px}
 .dg-reveal{bottom:6px;width:calc(100% - 12px);padding:8px 10px}.dg-reveal-next{display:none}
 .dg-podium{gap:6px}.dg-step .dg-avatar{width:46px;height:46px;font-size:1.2rem}.dg-step[data-place="1"] .dg-avatar{width:56px;height:56px}
 .dg-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (prefers-reduced-motion:reduce){.dg *,.dg-lobby *{animation:none!important;transition:none!important}}
html[data-motion=off] .dg *{animation:none!important;transition:none!important}
/* Landing page */
.dg-page .section{max-width:1280px;margin-left:auto;margin-right:auto}
.dg-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:clamp(24px,5vw,64px);align-items:center}
.dg-hero h1{margin:18px 0;font-size:clamp(3rem,7vw,6.2rem);line-height:.95;letter-spacing:-.055em}
.dg-hero-hook{max-width:560px;margin:0 0 14px;font-size:clamp(1.3rem,2.3vw,1.8rem);font-weight:750;line-height:1.25}
.dg-hero p{max-width:560px;line-height:1.6}
.dg-hero-links{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin:24px 0 14px}
.dg-facts{font-size:.92rem;font-weight:700;color:var(--dg-muted)}
.dg-hero-art{position:relative;overflow:hidden;aspect-ratio:3/2;border-radius:30px;background:var(--dg-cream);box-shadow:0 24px 50px #20183a33;transform:rotate(.6deg)}
.dg-hero-art img{display:block;width:100%;height:100%;object-fit:cover}
.dg-how h2,.dg-scoring h2,.dg-tiers h2,.dg-faq h2,.dg-phone h2{margin:0 0 14px;font-size:clamp(2rem,4vw,3.4rem);line-height:1.03;letter-spacing:-.045em}
.dg-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:26px}
.dg-steps article{padding:24px;border-radius:24px;background:#fff6e8;border:1px solid #f1e2c9}
.dg-steps article:nth-child(2){background:#fdeceb;border-color:#f6d3d0}.dg-steps article:nth-child(3){background:#e9f5ef;border-color:#cfe7da}
.dg-steps svg{display:block;width:60px;height:60px}
.dg-steps h3{margin:10px 0 8px;font-size:1.35rem}.dg-steps p{margin:0;font-size:.97rem;line-height:1.55}
.dg-scoring{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(20px,4vw,56px);align-items:center}
.dg-scoring ul{display:grid;gap:12px;margin:18px 0 0;padding:0;list-style:none}.dg-scoring li{line-height:1.5}
.dg-hint-demo{display:grid;justify-items:start;gap:10px;padding:26px;border-radius:26px;background:var(--dg-ink);color:#fff8ec;box-shadow:0 8px 0 #120e24}
.dg-hint-demo p{margin:0;font-weight:800}.dg-hint-demo small{color:#cfc6e6;line-height:1.45}
.dg-demo-row{display:flex;gap:4px}.dg-demo-row i{display:grid;place-items:center;width:30px;height:38px;border-radius:7px;background:#ffffff14;box-shadow:inset 0 -3px 0 #ffffff66;font:800 1.2rem/1 var(--display,sans-serif);font-style:normal;text-transform:uppercase}
.dg-demo-row i:not(:empty){background:#fff8ec;color:var(--dg-ink);box-shadow:inset 0 -3px 0 #e7d8bf}
.dg-tier-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}
.dg-tier{padding:26px;border-radius:24px;border:1px solid #e3dfea;background:#fff}.dg-tier:last-child{background:var(--dg-ink);border-color:var(--dg-ink);color:#fff6e6}
.dg-tier h3{margin:0 0 6px;font-size:1.5rem}.dg-tier p{margin:0;font-size:.94rem;opacity:.86}.dg-tier ul{display:grid;gap:10px;margin:16px 0 0;padding-left:20px;line-height:1.45}
.dg-packs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:18px}
.dg-packs article{padding:16px;border-radius:18px;background:#fff;border:1px solid var(--dg-line)}
.dg-packs h3{margin:0;font-size:1.1rem}.dg-packs p{margin:4px 0 0;font-size:.88rem;line-height:1.45}.dg-pack-size{font-weight:800;color:var(--dg-plum)}
.dg-phone p{max-width:760px;line-height:1.6}
.dg-faq details{border-bottom:1px solid #e6e1ea;padding:14px 0}.dg-faq summary{cursor:pointer;font-weight:750;font-size:1.06rem}.dg-faq details p{margin:10px 0 0;line-height:1.6;max-width:820px}
@media (max-width:900px){.dg-hero,.dg-scoring{grid-template-columns:1fr}.dg-steps{grid-template-columns:1fr}.dg-packs{grid-template-columns:repeat(2,minmax(0,1fr))}.dg-tier-grid{grid-template-columns:1fr}}
@media (max-width:420px){.dg-demo-row i{width:24px;height:32px;font-size:1rem}.dg-hint-demo{padding:18px}}