.dg-shell{--dg-maxh:min(42svh,26rem);--dg-p1:#4F6E9C;--dg-p1-edge:#33507A;--dg-p2:#C0573F;--dg-p2-edge:#8E3B28;--dg-fr:clamp(0.35rem,1.6vw,0.6rem)}@media (min-width:640px){.dg-shell{--dg-maxh:min(52vh,34rem)}}@media (min-width:900px){.dg-shell{--dg-maxh:min(46vh,30rem)}}.dg-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.45rem;margin-bottom:.55rem}.dg-seg{display:inline-flex;padding:3px;background:var(--pp-board);border-radius:999px}.dg-seg button{min-height:38px;padding:0 .8rem;border:0;border-radius:999px;background:transparent;color:var(--pp-muted);font:inherit;font-size:.88rem;font-weight:800;cursor:pointer;white-space:nowrap;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.dg-seg button[aria-pressed=true]{color:var(--pp-paper);background:var(--pp-walnut);box-shadow:0 2px 0 var(--pp-walnut-edge)}.dg-btn:focus-visible,.dg-seg button:focus-visible,.dg-sel select:focus-visible{outline:3px solid var(--pp-focus);outline-offset:1px}.dg-sel select{min-height:44px;padding:0 1.9rem 0 .8rem;color:var(--pp-ink);font:inherit;font-size:.88rem;font-weight:800;background:var(--pp-paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%236E4B32' stroke-width='2'/%3E%3C/svg%3E") no-repeat right .7rem center;border:1.5px solid var(--pp-line);border-radius:999px;appearance:none;-webkit-appearance:none;cursor:pointer}.dg-players{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.4rem;max-width:30rem;margin:0 auto .55rem}.dg-player{display:flex;align-items:center;gap:.45rem;min-width:0;padding:.3rem .6rem;border-radius:14px;background:var(--pp-board);border:2px solid transparent;transition:border-color .16s ease,background-color .16s ease}.dg-player:last-child{flex-direction:row-reverse;text-align:right}.dg-player.is-turn{background:#fff;border-color:var(--dg-c);box-shadow:0 3px 0 rgb(62 42 28/15%)}.dg-player__dot{flex:none;width:1rem;height:1rem;border-radius:999px;background:var(--dg-c);box-shadow:inset 0 -2px 0 rgb(0 0 0/25%)}.dg-player__name{overflow:hidden;color:var(--pp-ink);font-size:.86rem;font-weight:800;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.dg-player__name small{display:block;color:var(--pp-muted);font-size:.7rem;font-weight:700}.dg-player__score{margin-left:auto;font-family:var(--font-display),Fraunces,Georgia,serif;font-size:1.35rem;font-variant-numeric:tabular-nums}.dg-player:last-child .dg-player__score{margin-left:0;margin-right:auto}.dg-vs{color:var(--pp-muted);font-size:.75rem;font-weight:800}.dg-stage{position:relative;display:flex;justify-content:center;container-type:inline-size}.dg-frame{padding:var(--dg-fr);background:repeating-linear-gradient(100deg,rgb(255 255 255/4%) 0 7px,transparent 7px 15px),var(--pp-walnut);border-radius:20px;box-shadow:inset 0 2px 0 rgb(255 255 255/18%),0 6px 0 var(--pp-walnut-edge)}.dg-board{display:block;width:min(calc(100cqi - 2 * var(--dg-fr)),var(--dg-maxh),34rem);height:auto;aspect-ratio:var(--dg-ar,1);background:linear-gradient(135deg,rgb(255 255 255/18%),transparent 60%),#E6CFA4;border-radius:12px;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:pointer}.dg-board.is-locked{cursor:default}.dg-status{min-height:1.6rem;margin:.6rem auto 0;color:var(--pp-ink);font-size:.92rem;font-weight:800;text-align:center}.dg-status small{color:var(--pp-muted);font-weight:700}.dg-result{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.4rem .7rem;max-width:30rem;margin:.55rem auto 0;padding:.6rem .9rem;color:#fff;text-align:center;background:var(--pp-cta);border-radius:16px;box-shadow:0 4px 0 var(--pp-cta-edge)}.dg-result strong{font-family:var(--font-display),Fraunces,Georgia,serif;font-size:1.2rem}.dg-result .pp-btn{min-height:40px;padding:0 1rem;color:var(--pp-ink)}.dg-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin:.6rem auto 0}.dg-controls .pp-btn{min-height:46px;min-width:6.5rem;padding:0 .9rem;font-size:.92rem}.dg-help{max-width:34rem;margin:.5rem auto 0;color:var(--pp-muted);font-size:.78rem;line-height:1.4;text-align:center}.dg-thinking{display:inline-flex;gap:3px;margin-left:.35rem;vertical-align:middle}.dg-thinking i{width:5px;height:5px;border-radius:999px;background:var(--pp-walnut);animation:dg-bob .9s ease-in-out infinite}.dg-thinking i:nth-child(2){animation-delay:.15s}.dg-thinking i:nth-child(3){animation-delay:.3s}@keyframes dg-bob{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(-3px);opacity:1}}@media (max-width:480px){.dg-bar{gap:.35rem;margin-bottom:.45rem}.dg-seg button{padding:0 .5rem;font-size:.8rem}.dg-sel select{min-height:40px;font-size:.8rem;padding:0 1.5rem 0 .65rem;background-position:right .55rem center}.dg-player{padding:.25rem .45rem}.dg-player__score{font-size:1.2rem}.dg-status{margin-top:.45rem;font-size:.86rem}.dg-result{gap:.3rem .6rem;margin-top:.45rem;padding:.4rem .7rem}.dg-result strong{font-size:1.02rem}.dg-result .pp-btn{min-height:38px;padding:0 .8rem;font-size:.86rem}}@media (prefers-reduced-motion:reduce){.dg-thinking i{animation:none}}.db-guide{stroke:rgb(110 75 50/16%);stroke-width:.05;stroke-dasharray:.08 .12}.db-guide,.db-line{stroke-linecap:round}.db-line{stroke-width:.13}.db-line.p1{stroke:var(--dg-p1)}.db-line.p2{stroke:var(--dg-p2)}.db-line.is-last{filter:drop-shadow(0 0 .06px #fff);stroke-width:.17}.db-preview{stroke-width:.17;stroke-linecap:round;opacity:.55}.db-preview.p1{stroke:var(--dg-p1)}.db-preview.p2{stroke:var(--dg-p2)}.db-box.p1{fill:rgb(79 110 156/30%)}.db-box.p2{fill:rgb(192 87 63/28%)}.db-box-label{font:800 .38px/1 system-ui,sans-serif;text-anchor:middle;dominant-baseline:central}.db-box-label.p1{fill:var(--dg-p1-edge)}.db-box-label.p2{fill:var(--dg-p2-edge)}.db-dot{fill:#5B3D29}.db-dot-hi{fill:rgb(255 255 255/45%)}.gm-grid{stroke:rgb(70 45 25/62%);stroke-width:.045}.gm-star{fill:rgb(70 45 25/80%)}.gm-coord{fill:rgb(70 45 25/55%);font:700 .36px/1 system-ui,sans-serif;text-anchor:middle;dominant-baseline:central}.gm-ghost{opacity:.5}.gm-cross{stroke:var(--pp-mustard);stroke-width:.06;opacity:.9}.gm-pending-ring{fill:none;stroke:var(--pp-mustard);stroke-width:.08;stroke-dasharray:.16 .1}.gm-last{fill:var(--pp-brick)}.gm-win-line{stroke:var(--pp-mustard);stroke-width:.16;stroke-linecap:round;opacity:.9}.gm-win-ring{fill:none;stroke:var(--pp-mustard);stroke-width:.09}.gm-place{min-width:7.5rem}.dg-mini{display:inline-block;margin:0;text-align:center}.dg-mini svg{display:block;width:var(--dg-mini,8.5rem);height:auto}.dg-mini figcaption{max-width:12rem;margin-top:.3rem;color:var(--pp-muted);font-size:.78rem;font-weight:700}.dg-minis{display:flex;flex-wrap:wrap;gap:1rem}