.dgg-btn{position:fixed;top:14px;right:14px;z-index:60;display:flex;align-items:center;gap:8px;height:46px;margin:0;padding:0;border:0;background:none;box-shadow:none;cursor:pointer;appearance:none}
.dgg-btn:focus-visible{outline:2px solid var(--a3);outline-offset:4px;border-radius:8px}
.dgg-btn svg{display:block;width:46px;height:46px;max-width:none;flex:none;filter:drop-shadow(0 3px 8px rgba(0,0,0,.35));transition:transform .25s ease,filter .25s ease,opacity .25s ease .4s}
.dgg-btn:hover svg,.dgg-btn:focus-visible svg{transform:scale(1.1);filter:drop-shadow(0 0 4px #c6dbb2) drop-shadow(0 0 12px rgba(163,190,140,.75)) drop-shadow(0 0 24px rgba(163,190,140,.35))}
body:has(.dgg:popover-open) .dgg-btn svg{opacity:0;transform:scale(.6);transition:transform .2s ease,filter .2s ease,opacity .15s ease 0s}
.dgg-btn .dgg-label{padding:7px 16px 7px 14px;color:var(--fg);font:600 .9rem/1 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;letter-spacing:.06em;text-transform:uppercase;background:color-mix(in srgb,var(--a1) 22%,var(--card));clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 50%,calc(100% - 9px) 100%,9px 100%,0 50%);transition:background-color .2s ease}
.dgg-btn:hover .dgg-label{background:color-mix(in srgb,var(--a1) 36%,var(--card))}
.dgg{--dx:calc(50vw - 37px);--dy:calc(37px - 50vh);width:min(380px,88vw);height:min(380px,88vw);padding:0;border:0;background:transparent;overflow:visible;font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;opacity:0;transform:translate(var(--dx),var(--dy)) scale(.12) rotate(-120deg);transition:opacity .45s ease,transform .6s cubic-bezier(.3,.7,.2,1),display .6s allow-discrete,overlay .6s allow-discrete}
.dgg:popover-open{opacity:1;transform:none}
@starting-style{.dgg:popover-open{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.12) rotate(-120deg)}}
.dgg::backdrop{background:rgba(10,12,16,0);backdrop-filter:blur(0);transition:background-color .5s ease,backdrop-filter .5s ease,display .6s allow-discrete,overlay .6s allow-discrete}
.dgg:popover-open::backdrop{background:rgba(10,12,16,.45);backdrop-filter:blur(4px)}
@starting-style{.dgg:popover-open::backdrop{background:rgba(10,12,16,0);backdrop-filter:blur(0)}}
.dgg a{text-decoration:none!important}
.dgg-f{position:absolute;inset:0;color:var(--fg)!important;background:color-mix(in srgb,var(--a1) var(--s),var(--card));opacity:0;scale:.2;rotate:-70deg;transition:background-color .2s ease,opacity .35s ease,scale .5s cubic-bezier(.2,.8,.3,1.1),rotate .55s cubic-bezier(.2,.8,.3,1)}
.dgg:popover-open .dgg-f{opacity:1;scale:1;rotate:0deg}
.dgg-f::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.35) 50%,transparent 65%);transform:translateX(-100%);transition:transform .65s ease}
.dgg-f:hover::before,.dgg-f:focus-visible::before{transform:translateX(100%)}
.dgg-f:hover,.dgg-f:focus-visible{background:color-mix(in srgb,var(--a1) calc(var(--s) + 20%),var(--card));outline:none}
.dgg-f span{position:absolute;left:var(--x);top:var(--y);width:7em;transform:translate(-50%,-50%);font-size:.9rem;font-weight:600;line-height:1.2;text-align:center}
.dgg-f[aria-current]{background:color-mix(in srgb,var(--a1) 62%,var(--card))}
.dgg-f[aria-current] span{color:var(--bg)}
.dgg-f:nth-of-type(1){clip-path:polygon(50% 50%,50% 0,93.3% 25%);--x:64.4%;--y:25%;--s:30%;transition-delay:0s,150ms,150ms,150ms}
.dgg-f:nth-of-type(2){clip-path:polygon(50% 50%,93.3% 25%,93.3% 75%);--x:78.9%;--y:50%;--s:18%;transition-delay:0s,120ms,120ms,120ms}
.dgg-f:nth-of-type(3){clip-path:polygon(50% 50%,93.3% 75%,50% 100%);--x:64.4%;--y:75%;--s:10%;transition-delay:0s,90ms,90ms,90ms}
.dgg-f:nth-of-type(4){clip-path:polygon(50% 50%,50% 100%,6.7% 75%);--x:35.6%;--y:75%;--s:14%;transition-delay:0s,60ms,60ms,60ms}
.dgg-f:nth-of-type(5){clip-path:polygon(50% 50%,6.7% 75%,6.7% 25%);--x:21.1%;--y:50%;--s:24%;transition-delay:0s,30ms,30ms,30ms}
.dgg-f:nth-of-type(6){clip-path:polygon(50% 50%,6.7% 25%,50% 0);--x:35.6%;--y:25%;--s:38%;transition-delay:0s,0ms,0ms,0ms}
.dgg:popover-open .dgg-f:nth-of-type(1){transition-delay:0s,120ms,120ms,120ms}
.dgg:popover-open .dgg-f:nth-of-type(2){transition-delay:0s,175ms,175ms,175ms}
.dgg:popover-open .dgg-f:nth-of-type(3){transition-delay:0s,230ms,230ms,230ms}
.dgg:popover-open .dgg-f:nth-of-type(4){transition-delay:0s,285ms,285ms,285ms}
.dgg:popover-open .dgg-f:nth-of-type(5){transition-delay:0s,340ms,340ms,340ms}
.dgg:popover-open .dgg-f:nth-of-type(6){transition-delay:0s,395ms,395ms,395ms}
.dgg-seams{position:absolute;inset:0;width:100%;height:100%;max-width:none;pointer-events:none;opacity:0;transition:opacity .25s ease}
.dgg:popover-open .dgg-seams{opacity:1;transition-delay:.45s}
.dgg-seams *{fill:none;stroke:var(--bg);stroke-width:3;vector-effect:non-scaling-stroke;stroke-linejoin:round}
.dgg-home{position:absolute;left:50%;top:50%;width:30%;height:30%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;clip-path:polygon(50% 0,93.3% 25%,93.3% 75%,50% 100%,6.7% 75%,6.7% 25%);background:var(--bg);color:var(--fg)!important;font-size:.68rem;font-weight:700;letter-spacing:.04em;line-height:1.1;opacity:0;scale:.4;transition:background-color .2s ease,opacity .3s ease,scale .45s cubic-bezier(.2,.8,.3,1.2)}
.dgg:popover-open .dgg-home{opacity:1;scale:1;transition-delay:0s,.08s,.08s}
.dgg-home:hover,.dgg-home:focus-visible{background:var(--card);outline:none}
.dgg-home svg{width:34%;height:auto;max-width:none}
.dgg-x{position:absolute;top:2%;right:2%;width:48px;height:48px;margin:0;padding:0;border:0;background:none;box-shadow:none;cursor:pointer;appearance:none;filter:drop-shadow(0 3px 8px rgba(0,0,0,.35));opacity:0;transition:transform .3s cubic-bezier(.2,.8,.3,1.3),opacity .2s ease}
.dgg:popover-open .dgg-x{opacity:1;transition-delay:0s,.55s}
.dgg-x:hover,.dgg-x:focus-visible{transform:rotate(90deg) scale(1.1);outline:none}
.dgg-x svg{display:block;width:100%;height:100%;max-width:none}
.dgg-x-label{position:absolute;top:calc(2% + 50px);right:2%;width:48px;font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#d8dee9;text-align:center;pointer-events:none;opacity:0;transition:opacity .2s ease}
.dgg:popover-open .dgg-x-label{opacity:1;transition-delay:.6s}
.dgg-dba{position:absolute;top:100%;left:50%;translate:-50% 0;width:max-content;max-width:88vw;margin:18px 0 0;color:#d8dee9;font-size:.8rem;line-height:1.4;text-align:center;opacity:0;transition:opacity .2s ease}
.dgg:popover-open .dgg-dba{opacity:1;transition-delay:.6s}
.dgg-dba a{color:#a3be8c!important}
.dgg-dba a:hover{text-decoration:underline!important}
@media (prefers-reduced-motion:reduce){.dgg,.dgg::backdrop,.dgg-f,.dgg-home,.dgg-seams,.dgg-x,.dgg-x-label,.dgg-dba,.dgg-btn svg{transition:none!important}.dgg-f::before{display:none}}
.dgg-btn{--rd:0s}
@supports (overlay:auto){.dgg-btn{--rd:.4s}}
.dgg-btn svg{scale:1;transition:transform .25s ease,filter .25s ease,opacity .3s ease var(--rd),scale .45s cubic-bezier(.3,1.6,.5,1) var(--rd)}
.dgg-btn:hover svg,.dgg-btn:focus-visible svg{transform:scale(1.1);filter:drop-shadow(0 0 2px #c6dbb2) drop-shadow(0 0 6px rgba(163,190,140,.55))}
body:has(.dgg:popover-open) .dgg-btn svg{opacity:0;transform:none;scale:.6;transition:transform .2s ease,filter .2s ease,opacity .15s ease 0s,scale .2s ease 0s}
.dgg-dba{display:block;padding:8px 20px;background:rgba(163,190,140,.14);clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,10px 100%,0 50%);color:#d8dee9!important;transition:opacity .2s ease,background-color .2s ease}
.dgg-dba b{color:#a3be8c;font-weight:600}
.dgg-dba:hover,.dgg-dba:focus-visible{background:rgba(163,190,140,.28);outline:none}
.dgg:popover-open .dgg-dba{transition-delay:.6s,0s}
.dgg-dba::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.22) 50%,transparent 70%);transform:translateX(-120%);animation:dg-sheen 5s ease-in-out 1.2s infinite}
.dgg-dba:hover::after,.dgg-dba:focus-visible::after{animation:dg-sheen-hover .7s ease-out forwards}
@keyframes dg-sheen{0%,72%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
@keyframes dg-sheen-hover{from{transform:translateX(-120%)}to{transform:translateX(120%)}}
@media (prefers-reduced-motion:reduce){.dgg-dba::after{display:none}}
.dgg-f{transition:background-color .2s ease,opacity .35s ease,scale .5s cubic-bezier(.2,.8,.3,1.1),rotate .55s cubic-bezier(.2,.8,.3,1),translate .25s cubic-bezier(.2,.8,.3,1.2)}
.dgg-f span{transition:scale .25s ease}
.dgg-f:not([aria-current]):hover,.dgg-f:not([aria-current]):focus-visible{translate:calc((var(--x) - 50%) * .14) calc((var(--y) - 50%) * .14)}
.dgg-f:not([aria-current]):hover span,.dgg-f:not([aria-current]):focus-visible span{scale:1.08}
.dgg-f[aria-current],.dgg-f[aria-current]:hover,.dgg-f[aria-current]:focus-visible{background:color-mix(in srgb,var(--a1) 62%,var(--card));cursor:default}
.dgg-f[aria-current]::before{display:none}
.dgg-f[aria-current] span::after{content:"You are here";display:block;margin-top:4px;font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;opacity:.8}
.dgg:has(.dgg-f:not([aria-current]):hover) .dgg-seams{opacity:.3;transition-delay:0s}
.dgg-f{translate:0 0;transition:background-color .25s ease,opacity .35s ease,scale .5s cubic-bezier(.2,.8,.3,1.1),rotate .55s cubic-bezier(.2,.8,.3,1),translate .35s cubic-bezier(.25,.8,.25,1)}
.dgg-f:not([aria-current]):hover,.dgg-f:not([aria-current]):focus-visible{translate:calc((var(--x) - 50%) * .05) calc((var(--y) - 50%) * .05)}
.dgg-seams{transition:opacity .3s ease}
.dgg:popover-open .dgg-seams{opacity:1;transition-delay:0s;animation:dg-seams-in .3s ease .45s backwards}
@keyframes dg-seams-in{from{opacity:0}to{opacity:1}}
.dgg:has(.dgg-f:not([aria-current]):hover) .dgg-seams,.dgg:has(.dgg-f:not([aria-current]):focus-visible) .dgg-seams{opacity:0}
.dgg-f[aria-current] span::after{content:none}
.dgg-f[aria-current] span::before{content:"";display:block;width:7px;height:7px;margin:0 auto 7px;background:currentColor;rotate:45deg;opacity:.85}
.dgg-x-label{transition:opacity .2s ease,color .25s ease,letter-spacing .25s ease,translate .25s ease}
.dgg:has(.dgg-x:hover) .dgg-x-label,.dgg:has(.dgg-x:focus-visible) .dgg-x-label{color:#a3be8c;letter-spacing:.16em;translate:0 3px}
@media (prefers-reduced-motion:reduce){.dgg-f,.dgg-seams,.dgg-x-label{transition:none!important;animation:none!important}}
.dgg:popover-open .dgg-x{transition-delay:0s;animation:dg-seams-in .25s ease .55s backwards}
.dgg:popover-open .dgg-x-label{transition-delay:0s;animation:dg-seams-in .25s ease .6s backwards}
.dgg-f[aria-current] span::before{content:none}
.dgg-f[aria-current],.dgg-f[aria-current]:hover,.dgg-f[aria-current]:focus-visible{background:radial-gradient(circle at var(--x) var(--y),color-mix(in srgb,var(--a1) 78%,#fff) 0%,color-mix(in srgb,var(--a1) 62%,var(--card)) 55%,color-mix(in srgb,var(--a1) 45%,var(--card)) 100%)}
.dgg-f[aria-current]::before{display:block;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.3) 50%,transparent 65%);animation:dg-cur-sheen 4.5s ease-in-out 1.2s infinite}
@keyframes dg-cur-sheen{0%,70%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
@media (prefers-reduced-motion:reduce){.dgg-f[aria-current]::before{animation:none;display:none}}
/* dgg-sub v3: Play submenu rolls in, main gem rolls out toward the arrow */
.dgg{--rw:min(380px,88vw);transition:opacity .45s ease,transform .6s cubic-bezier(.3,.7,.2,1),translate .6s cubic-bezier(.45,0,.2,1),rotate .6s cubic-bezier(.45,0,.2,1),display .6s allow-discrete,overlay .6s allow-discrete}
.dgg:has(>.dgg-sub:popover-open){translate:calc(var(--rw) * -.5) calc(var(--rw) * -.866);rotate:-120deg;opacity:0;pointer-events:none}
.dgg-f:nth-of-type(6) span{--x:38%;--y:31%}
.dgg-sub-btn{position:absolute;left:31%;top:18.5%;translate:-50% -50%;rotate:-120deg;z-index:3;width:32px;height:32px;margin:0;padding:0;border:0;border-radius:50%;background:none;color:var(--fg);cursor:pointer;appearance:none;opacity:0;transition:opacity .25s ease,filter .2s ease}
.dgg-sub-btn::before,.dgg-sub-btn::after{content:"";position:absolute;left:50%;top:50%;width:9px;height:9px;border-top:2.5px solid currentColor;border-right:2.5px solid currentColor;rotate:45deg}
.dgg-sub-btn::before{translate:-75% -50%}
.dgg-sub-btn::after{translate:-5% -50%;opacity:.45}
.dgg:popover-open .dgg-sub-btn{opacity:1;transition-delay:.5s,0s}
.dgg-sub-btn:hover,.dgg-sub-btn:focus-visible{outline:none;filter:drop-shadow(0 0 4px color-mix(in srgb,var(--a1) 70%,transparent))}
.dgg-sub-btn:hover::before,.dgg-sub-btn:focus-visible::before{animation:dg-nudge .9s ease-in-out infinite}
.dgg-sub-btn:hover::after,.dgg-sub-btn:focus-visible::after{animation:dg-nudge .9s ease-in-out .12s infinite;opacity:.9}
@keyframes dg-nudge{50%{margin-left:2px}}
.dgg-f:nth-of-type(6)[aria-current]~.dgg-sub-btn{color:var(--bg)}
.dgg-sub{width:var(--rw);height:var(--rw);margin:auto;padding:0;border:0;background:transparent;overflow:visible;pointer-events:auto;color:var(--fg);font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;translate:calc(var(--rw) * .5) calc(var(--rw) * .866);rotate:120deg;opacity:0;transition:translate .6s cubic-bezier(.45,0,.2,1),rotate .6s cubic-bezier(.45,0,.2,1),opacity .45s ease,display .6s allow-discrete,overlay .6s allow-discrete}
.dgg-sub:popover-open{translate:0 0;rotate:0deg;opacity:1}
@starting-style{.dgg-sub:popover-open{translate:calc(var(--rw) * .5) calc(var(--rw) * .866);rotate:120deg;opacity:0}}
.dgg-sub::backdrop{background:none}
.dgg-sf{position:absolute;inset:0;color:var(--fg)!important;background:color-mix(in srgb,var(--a1) var(--s),var(--card));transition:background-color .2s ease}
.dgg-sf::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.35) 50%,transparent 65%);transform:translateX(-100%);transition:transform .65s ease}
.dgg-sf:hover::before,.dgg-sf:focus-visible::before{transform:translateX(100%)}
.dgg-sf:hover,.dgg-sf:focus-visible{background:color-mix(in srgb,var(--a1) calc(var(--s) + 20%),var(--card));outline:none}
.dgg-sf span{position:absolute;left:var(--x);top:var(--y);width:9em;transform:translate(-50%,-50%);font-size:1rem;font-weight:600;line-height:1.2;text-align:center;transition:scale .25s ease}
.dgg-sf:hover span,.dgg-sf:focus-visible span{scale:1.08}
.dgg-sub-n2 .dgg-sf:nth-of-type(1){clip-path:polygon(6.7% 50%,6.7% 25%,50% 0,93.3% 25%,93.3% 50%);--x:50%;--y:25%;--s:34%}
.dgg-sub-n2 .dgg-sf:nth-of-type(2){clip-path:polygon(6.7% 50%,93.3% 50%,93.3% 75%,50% 100%,6.7% 75%);--x:50%;--y:75%;--s:16%}
.dgg-sub-n3 .dgg-sf:nth-of-type(1){clip-path:polygon(50% 50%,6.7% 25%,50% 0,93.3% 25%);--x:50%;--y:20%;--s:34%}
.dgg-sub-n3 .dgg-sf:nth-of-type(2){clip-path:polygon(50% 50%,93.3% 25%,93.3% 75%,50% 100%);--x:72%;--y:64%;--s:20%}
.dgg-sub-n3 .dgg-sf:nth-of-type(3){clip-path:polygon(50% 50%,50% 100%,6.7% 75%,6.7% 25%);--x:28%;--y:64%;--s:12%}
.dgg-sseams{position:absolute;inset:0;width:100%;height:100%;max-width:none;pointer-events:none}
.dgg-sseams *{fill:none;stroke:var(--bg);stroke-width:3;vector-effect:non-scaling-stroke;stroke-linejoin:round}
.dgg-back{position:absolute;left:50%;top:50%;width:30%;height:30%;translate:-50% -50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;margin:0;padding:0;border:0;clip-path:polygon(50% 0,93.3% 25%,93.3% 75%,50% 100%,6.7% 75%,6.7% 25%);background:var(--bg);color:var(--fg);font:700 .7rem/1.1 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;appearance:none;transition:background-color .2s ease}
.dgg-back svg{width:30%;height:auto;max-width:none;transition:translate .2s ease}
.dgg-back:hover,.dgg-back:focus-visible{background:var(--card);outline:none}
.dgg-back:hover svg,.dgg-back:focus-visible svg{translate:-3px 0}
@media (prefers-reduced-motion:reduce){.dgg,.dgg-sub,.dgg-sub-btn,.dgg-sf,.dgg-back,.dgg-back svg{transition:none!important}.dgg-sub-btn::before,.dgg-sub-btn::after{animation:none!important}.dgg-sf::before{display:none}}
/* dgg-glass v4: frosted glass gem + reworked Play hub and Back */
.dgg::before{content:"";position:absolute;inset:-14%;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--a1) 38%,transparent),transparent 75%);pointer-events:none}
.dgg-f,.dgg-sf{background:linear-gradient(160deg,rgba(255,255,255,.18),rgba(255,255,255,0) 45%),color-mix(in srgb,color-mix(in srgb,var(--a1) var(--s),var(--card)) 58%,transparent);-webkit-backdrop-filter:blur(14px) saturate(1.6);backdrop-filter:blur(14px) saturate(1.6)}
.dgg-f:hover,.dgg-f:focus-visible,.dgg-sf:hover,.dgg-sf:focus-visible{background:linear-gradient(160deg,rgba(255,255,255,.28),rgba(255,255,255,0) 50%),color-mix(in srgb,color-mix(in srgb,var(--a1) calc(var(--s) + 24%),var(--card)) 70%,transparent)}
.dgg-f[aria-current],.dgg-f[aria-current]:hover,.dgg-f[aria-current]:focus-visible{background:linear-gradient(160deg,rgba(255,255,255,.3),rgba(255,255,255,0) 50%),radial-gradient(circle at var(--x) var(--y),color-mix(in srgb,var(--a1) 88%,#fff) 0%,color-mix(in srgb,var(--a1) 72%,transparent) 60%,color-mix(in srgb,var(--a1) 55%,transparent) 100%)}
.dgg-seams *,.dgg-sseams *{stroke:rgba(255,255,255,.22);stroke-width:1.5}
.dgg-seams polygon,.dgg-sseams polygon{stroke:rgba(255,255,255,.5);stroke-width:2}
.dgg-home{background:color-mix(in srgb,var(--bg) 70%,transparent);-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4)}
.dgg-home:hover,.dgg-home:focus-visible{background:color-mix(in srgb,var(--card) 80%,transparent)}
.dgg-shub{position:absolute;left:50%;top:50%;width:30%;height:30%;translate:-50% -50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;clip-path:polygon(50% 0,93.3% 25%,93.3% 75%,50% 100%,6.7% 75%,6.7% 25%);background:color-mix(in srgb,var(--bg) 72%,transparent);-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);color:var(--a1);pointer-events:none}
.dgg-shub svg{width:46%;height:auto;max-width:none}
.dgg-shub b{color:var(--fg);font:700 .7rem/1.1 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.dgg-back{position:absolute;left:2%;top:2%;width:48px;height:48px;translate:none;clip-path:none;display:block;margin:0;padding:0;border:0;background:none;cursor:pointer;appearance:none;filter:drop-shadow(0 3px 8px rgba(0,0,0,.35));transition:transform .3s cubic-bezier(.2,.8,.3,1.3);animation:dg-seams-in .25s ease .55s backwards}
.dgg-back svg{display:block;width:100%;height:100%;max-width:none;translate:none}
.dgg-back:hover,.dgg-back:focus-visible{background:none;outline:none;transform:translateX(-4px) scale(1.1)}
.dgg-back:hover svg,.dgg-back:focus-visible svg{translate:none}
.dgg-back-label{position:absolute;top:calc(2% + 50px);left:2%;width:48px;font:600 .72rem/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#d8dee9;text-align:center;pointer-events:none;transition:color .25s ease,letter-spacing .25s ease,translate .25s ease;animation:dg-seams-in .25s ease .6s backwards}
.dgg-sub:has(.dgg-back:hover) .dgg-back-label,.dgg-sub:has(.dgg-back:focus-visible) .dgg-back-label{color:#a3be8c;letter-spacing:.16em;translate:0 3px}
@media (prefers-reduced-motion:reduce){.dgg-back,.dgg-back-label{transition:none!important;animation:none!important}}
/* dgg-deco: faint line-art glyph behind each facet label */
.dgg-f::after,.dgg-sf::after{content:"";position:absolute;left:calc(50% + (var(--x) - 50%) * 1.22);top:calc(50% + (var(--y) - 50%) * 1.22);width:30%;aspect-ratio:1;translate:-50% -50%;background:var(--fg);-webkit-mask:var(--deco,none) center/contain no-repeat;mask:var(--deco,none) center/contain no-repeat;opacity:.12;pointer-events:none;transition:opacity .3s ease,scale .4s ease}
.dgg-sub .dgg-sf::after{width:34%}
.dgg-f:hover::after,.dgg-f:focus-visible::after,.dgg-sf:hover::after,.dgg-sf:focus-visible::after{opacity:.22;scale:1.06}
.dgg-f[aria-current]::after{background:var(--bg);opacity:.18}
.dgg-f span,.dgg-sf span{z-index:1}
@media (prefers-reduced-motion:reduce){.dgg-f::after,.dgg-sf::after{transition:none!important}}
.dgg [data-k="airwaves"]{--deco:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M24 21v21M17 42h14M24 21l-5 21M24 21l5 21M16 13a11 11 0 0 0 0 16M32 13a11 11 0 0 1 0 16M10 8a19 19 0 0 0 0 26M38 8a19 19 0 0 1 0 26M24 18.5a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5z'/%3E%3C/svg%3E")}
.dgg [data-k="chat"]{--deco:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 8h22a4 4 0 0 1 4 4v10a4 4 0 0 1-4 4H18l-7 6v-6H8a4 4 0 0 1-4-4V12a4 4 0 0 1 4-4zM38 16h2a4 4 0 0 1 4 4v10a4 4 0 0 1-4 4h-2v6l-7-6H21'/%3E%3C/svg%3E")}
.dgg [data-k="zine"]{--deco:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 6h24v36H12zM16 11h16M16 15h16M16 20h9v9h-9zM28 21h4M28 25h4M28 29h4M16 34h16M16 38h10'/%3E%3C/svg%3E")}
.dgg [data-k="library"]{--deco:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 40h36M10 40V14h5v26M15 40V18h5v22M21 40V11h6v29M28 40l3-25 5 1-3 24M6 44h36'/%3E%3C/svg%3E")}
.dgg [data-k="search"]{--deco:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M40 24a16 16 0 1 1-32 0 16 16 0 0 1 32 0zM30 18l-4 8-8 4 4-8zM24 8v3M24 37v3M8 24h3M37 24h3'/%3E%3C/svg%3E")}
.dgg [data-k="play"]{--deco:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 16h18a8 8 0 0 1 7.7 5.8l2.6 9.4a4.5 4.5 0 0 1-7.7 4.3L32 32H16l-3.6 3.5a4.5 4.5 0 0 1-7.7-4.3l2.6-9.4A8 8 0 0 1 15 16zM15 21v6M12 24h6M31 23h.01M35 26h.01'/%3E%3C/svg%3E")}
.dgg [data-k="arcade"]{--deco:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M24 6a5 5 0 1 1 0 10 5 5 0 0 1 0-10zM24 16v12M9 28h30l4 12H5zM14 34h5M31 34h.01M36 34h.01'/%3E%3C/svg%3E")}
.dgg [data-k="minecraft map"]{--deco:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 11l11-4 14 4 11-4v30l-11 4-14-4-11 4zM17 7v30M31 11v30M21 19h4v4h-4zM25 23h4v4h-4z'/%3E%3C/svg%3E")}
/* dgg-labels: every label centered in its panel, high contrast; glyphs pushed toward the outer edge */
.dgg-f:nth-of-type(6) span{--x:35.6%;--y:25%}
.dgg-sub-btn{left:23%;top:23%}
.dgg-f span,.dgg-sf span{font-size:.95rem;font-weight:700;letter-spacing:.01em;text-shadow:0 1px 2px rgba(0,0,0,.6),0 0 14px rgba(0,0,0,.45)}
.dgg-sf span{font-size:1rem}
.dgg-f[aria-current] span{text-shadow:0 1px 0 rgba(255,255,255,.35)}
.dgg-f::after{left:calc(50% + (var(--x) - 50%) * 1.3);top:calc(50% + (var(--y) - 50%) * 1.3);width:26%;opacity:.1}
.dgg-sub .dgg-sf::after{left:calc(50% + (var(--x) - 50%) * 1.1);top:calc(50% + (var(--y) - 50%) * 1.1);width:30%;opacity:.1}
.dgg-f:hover::after,.dgg-f:focus-visible::after,.dgg-sf:hover::after,.dgg-sf:focus-visible::after{opacity:.18}
/* dgg-tab: Play submenu opener as a small glass tab off the Play panel's outer edge */
.dgg-sub-btn{left:28.35%;top:12.5%;width:64px;height:30px;translate:-50% calc(-100% - 2px);rotate:-30deg;transform-origin:50% 100%;border-radius:0;clip-path:polygon(0 100%,100% 100%,50% 0);background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0) 70%),color-mix(in srgb,color-mix(in srgb,var(--a1) 38%,var(--card)) 70%,transparent);-webkit-backdrop-filter:blur(12px) saturate(1.5);backdrop-filter:blur(12px) saturate(1.5);color:var(--fg);filter:none;opacity:0;scale:.3;transition:opacity .25s ease,scale .35s cubic-bezier(.2,.8,.3,1.3),background-color .2s ease}
.dgg:popover-open .dgg-sub-btn{opacity:1;scale:1;transition-delay:.5s,.5s,0s}
.dgg-sub-btn::before,.dgg-sub-btn::after{left:50%;top:auto;bottom:6px;width:7px;height:7px;margin:0;border:0;border-top:2px solid currentColor;border-left:2px solid currentColor;rotate:45deg;translate:-50% 0;opacity:1;animation:none}
.dgg-sub-btn::after{bottom:11px;opacity:.5}
.dgg-sub-btn:hover,.dgg-sub-btn:focus-visible{scale:1.12;outline:none;filter:none;background:linear-gradient(180deg,rgba(255,255,255,.3),rgba(255,255,255,0) 70%),color-mix(in srgb,color-mix(in srgb,var(--a1) 60%,var(--card)) 80%,transparent)}
.dgg-sub-btn:hover::before,.dgg-sub-btn:focus-visible::before{animation:dg-tab .8s ease-in-out infinite}
.dgg-sub-btn:hover::after,.dgg-sub-btn:focus-visible::after{animation:dg-tab .8s ease-in-out .1s infinite;opacity:.85}
@keyframes dg-tab{50%{margin-bottom:3px}}
.dgg-f:nth-of-type(6)[aria-current]~.dgg-sub-btn{color:var(--bg);background:linear-gradient(180deg,rgba(255,255,255,.35),rgba(255,255,255,0) 70%),color-mix(in srgb,var(--a1) 75%,transparent)}
.dgg-shub{pointer-events:auto;cursor:pointer;color:var(--a1)!important;transition:background-color .2s ease}
.dgg-shub:hover,.dgg-shub:focus-visible{background:color-mix(in srgb,var(--card) 85%,transparent);outline:none}
.dgg-shub svg{transition:scale .25s ease}
.dgg-shub:hover svg,.dgg-shub:focus-visible svg{scale:1.1}
.dgg-shub b{transition:letter-spacing .25s ease,color .25s ease}
.dgg-shub:hover b,.dgg-shub:focus-visible b{color:var(--a1);letter-spacing:.18em}
.dgg-back:hover,.dgg-back:focus-visible{transform:none}
.dgg-back:hover svg,.dgg-back:focus-visible svg{animation:dg-back .8s ease-in-out infinite}
.dgg-back:hover svg polygon:first-child,.dgg-back:focus-visible svg polygon:first-child{animation:dg-back-trail .8s ease-in-out infinite}
@keyframes dg-back{50%{translate:-6px 0}}
@keyframes dg-back-trail{50%{translate:3px 0;opacity:.3}}
@media (prefers-reduced-motion:reduce){.dgg-sub-btn,.dgg-shub,.dgg-shub svg,.dgg-shub b{transition:none!important}.dgg-sub-btn::before,.dgg-sub-btn::after,.dgg-back svg,.dgg-back svg polygon{animation:none!important}}
/* dgg-clean: crisp labels, cleaner glass, theme-colored Back/Close, smooth hovers */
.dgg::before{display:none}
.dgg-f,.dgg-sf{background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,0) 45%),color-mix(in srgb,color-mix(in srgb,var(--a1) var(--s),var(--card)) 80%,transparent);-webkit-backdrop-filter:blur(16px) saturate(1.15);backdrop-filter:blur(16px) saturate(1.15)}
.dgg-f:hover,.dgg-f:focus-visible,.dgg-sf:hover,.dgg-sf:focus-visible{background:linear-gradient(160deg,rgba(255,255,255,.2),rgba(255,255,255,0) 50%),color-mix(in srgb,color-mix(in srgb,var(--a1) calc(var(--s) + 22%),var(--card)) 88%,transparent)}
.dgg-f[aria-current],.dgg-f[aria-current]:hover,.dgg-f[aria-current]:focus-visible{background:linear-gradient(160deg,rgba(255,255,255,.22),rgba(255,255,255,0) 50%),color-mix(in srgb,var(--a1) 92%,transparent)}
.dgg-home,.dgg-shub{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.dgg-f span,.dgg-sf span{font-weight:650;text-shadow:none}
.dgg-f[aria-current] span{font-weight:700;text-shadow:none}
.dgg-f::after,.dgg-sf::after{background:var(--a1);opacity:.14}
.dgg-f:hover::after,.dgg-f:focus-visible::after,.dgg-sf:hover::after,.dgg-sf:focus-visible::after{opacity:.22}
.dgg-f[aria-current]::after{background:var(--bg);opacity:.16}
.dgg-x [fill="#a3be8c"],.dgg-back [fill="#a3be8c"]{fill:var(--a1)}
.dgg-x [fill="#c6dbb2"],.dgg-back [fill="#c6dbb2"]{fill:color-mix(in srgb,var(--a1) 55%,#fff)}
.dgg-x [fill="#7fa06f"],.dgg-back [fill="#7fa06f"]{fill:color-mix(in srgb,var(--a1) 65%,#000)}
.dgg-x-label,.dgg-back-label{color:color-mix(in srgb,var(--a1) 30%,#eceff4)}
.dgg:has(.dgg-x:hover) .dgg-x-label,.dgg:has(.dgg-x:focus-visible) .dgg-x-label,.dgg-sub:has(.dgg-back:hover) .dgg-back-label,.dgg-sub:has(.dgg-back:focus-visible) .dgg-back-label{color:color-mix(in srgb,var(--a1) 75%,#fff)}
.dgg-back:hover svg,.dgg-back:focus-visible svg,.dgg-back:hover svg polygon:first-child,.dgg-back:focus-visible svg polygon:first-child{animation:none}
.dgg-back svg{transition:translate .35s cubic-bezier(.2,.8,.2,1)}
.dgg-back svg polygon:first-child{opacity:.55;transition:translate .45s cubic-bezier(.2,.8,.2,1) .05s,opacity .3s ease}
.dgg-back:hover svg,.dgg-back:focus-visible svg{translate:-5px 0}
.dgg-back:hover svg polygon:first-child,.dgg-back:focus-visible svg polygon:first-child{translate:-4px 0;opacity:.85}
.dgg-sub-btn:hover::before,.dgg-sub-btn:focus-visible::before{animation:dg-tab2 1.1s cubic-bezier(.45,0,.55,1) infinite}
.dgg-sub-btn:hover::after,.dgg-sub-btn:focus-visible::after{animation:dg-tab2 1.1s cubic-bezier(.45,0,.55,1) .12s infinite}
@keyframes dg-tab2{0%,100%{translate:-50% 0}50%{translate:-50% -3px}}
@media (prefers-reduced-motion:reduce){.dgg-back svg,.dgg-back svg polygon{transition:none!important}}
/* dgg-core: glowing theme-colored core, clickable Desert Glass hub, caption kept in the submenu */
.dg-core{transform-box:fill-box;transform-origin:center;animation:dg-core 3.2s ease-in-out infinite}
@keyframes dg-core{0%,100%{opacity:.7;scale:.88}50%{opacity:1;scale:1.08}}
.dgg-btn:hover .dg-core,.dgg-btn:focus-visible .dg-core,.dgg-home:hover .dg-core,.dgg-home:focus-visible .dg-core{animation-duration:1.3s}
.dgg-home{transition:background-color .25s ease,color .25s ease,letter-spacing .25s ease}
.dgg-home svg{transition:scale .3s cubic-bezier(.2,.8,.3,1.3),translate .3s ease}
.dgg-home:hover,.dgg-home:focus-visible{background:color-mix(in srgb,color-mix(in srgb,var(--a1) 26%,var(--card)) 92%,transparent);color:var(--a1)!important;letter-spacing:.09em;outline:none}
.dgg-home:hover svg,.dgg-home:focus-visible svg{scale:1.15;translate:0 -2px}
.dgg-sub .dgg-dba{animation:dg-seams-in .3s ease .45s backwards}
@media (prefers-reduced-motion:reduce){.dg-core{animation:none}.dgg-home,.dgg-home svg{transition:none!important}}
/* dgg-core2: gem-shaped core, gentle glow */
.dg-core{scale:none;animation:dg-core2 3.6s ease-in-out infinite}
.dg-core-halo{animation:dg-halo 3.6s ease-in-out infinite}
@keyframes dg-core2{0%,100%{opacity:.8}50%{opacity:1}}
@keyframes dg-halo{0%,100%{opacity:.1}50%{opacity:.24}}
.dgg-btn:hover .dg-core,.dgg-btn:hover .dg-core-halo,.dgg-btn:focus-visible .dg-core,.dgg-btn:focus-visible .dg-core-halo,.dgg-home:hover .dg-core,.dgg-home:hover .dg-core-halo,.dgg-home:focus-visible .dg-core,.dgg-home:focus-visible .dg-core-halo{animation-duration:1.6s}
@media (prefers-reduced-motion:reduce){.dg-core,.dg-core-halo{animation:none}}
/* dgg-core3: core uses the theme's dot color (with hover preview), soft glow */
html{--core:#88c0d0}
html:has(#t-nl:checked),html[data-dg="nl"]{--core:#5e81ac}html:has(#t-gd:checked),html[data-dg="gd"]{--core:#fabd2f}html:has(#t-gl:checked),html[data-dg="gl"]{--core:#af3a03}html:has(#t-ed:checked),html[data-dg="ed"]{--core:#a7c080}html:has(#t-el:checked),html[data-dg="el"]{--core:#35a77c}html:has(#t-rd:checked),html[data-dg="rd"]{--core:#eb6f92}html:has(#t-rl:checked),html[data-dg="rl"]{--core:#907aa9}
html:has(#tp-list label:hover>#t-nd,#t-nd:focus-visible),html:has(.dg-picker-wrap[data-dg-prev="nd"]){--core:#88c0d0}
html:has(#tp-list label:hover>#t-nl,#t-nl:focus-visible),html:has(.dg-picker-wrap[data-dg-prev="nl"]){--core:#5e81ac}
html:has(#tp-list label:hover>#t-gd,#t-gd:focus-visible),html:has(.dg-picker-wrap[data-dg-prev="gd"]){--core:#fabd2f}
html:has(#tp-list label:hover>#t-gl,#t-gl:focus-visible),html:has(.dg-picker-wrap[data-dg-prev="gl"]){--core:#af3a03}
html:has(#tp-list label:hover>#t-ed,#t-ed:focus-visible),html:has(.dg-picker-wrap[data-dg-prev="ed"]){--core:#a7c080}
html:has(#tp-list label:hover>#t-el,#t-el:focus-visible),html:has(.dg-picker-wrap[data-dg-prev="el"]){--core:#35a77c}
html:has(#tp-list label:hover>#t-rd,#t-rd:focus-visible),html:has(.dg-picker-wrap[data-dg-prev="rd"]){--core:#eb6f92}
html:has(#tp-list label:hover>#t-rl,#t-rl:focus-visible),html:has(.dg-picker-wrap[data-dg-prev="rl"]){--core:#907aa9}
.dgg-btn stop,.dgg-home stop{transition:stop-color .35s ease}
.dg-core{filter:drop-shadow(0 0 1.5px var(--core,#88c0d0))}
.dg-core-halo{transition:fill .35s ease;animation-name:dg-halo2}
@keyframes dg-halo2{0%,100%{opacity:.18}50%{opacity:.38}}
/* dgg-sub2: Arcade games submenu, opened from a tab on Arcade's outer edge */
.dgg-sub2{translate:calc(var(--rw) * .5) calc(var(--rw) * -.866);rotate:120deg;pointer-events:auto}
@starting-style{.dgg-sub2:popover-open{translate:calc(var(--rw) * .5) calc(var(--rw) * -.866);rotate:120deg;opacity:0}}
.dgg-sub:has(>.dgg-sub2:popover-open){translate:calc(var(--rw) * -.5) calc(var(--rw) * .866);rotate:-120deg;opacity:0;pointer-events:none}
.dgg-tab2{position:absolute;left:28.35%;top:87.5%;z-index:3;width:64px;height:30px;margin:0;padding:0;border:0;translate:-50% -100%;rotate:-150deg;transform-origin:50% 100%;clip-path:polygon(0 100%,100% 100%,50% 0);background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0) 70%),color-mix(in srgb,color-mix(in srgb,var(--a1) 30%,var(--card)) 80%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--fg);cursor:pointer;appearance:none;transition:scale .3s cubic-bezier(.2,.8,.3,1.3);animation:dg-tab-in .35s cubic-bezier(.2,.8,.3,1.3) .6s backwards}
@keyframes dg-tab-in{from{opacity:0;scale:.3}}
.dgg-tab2::before,.dgg-tab2::after{content:"";position:absolute;left:50%;bottom:6px;width:7px;height:7px;border-top:2px solid currentColor;border-left:2px solid currentColor;rotate:45deg;translate:-50% 0}
.dgg-tab2::after{bottom:11px;opacity:.5}
.dgg-tab2:hover,.dgg-tab2:focus-visible{scale:1.12;outline:none;background:linear-gradient(180deg,rgba(255,255,255,.3),rgba(255,255,255,0) 70%),color-mix(in srgb,color-mix(in srgb,var(--a1) 55%,var(--card)) 88%,transparent)}
.dgg-tab2:hover::before,.dgg-tab2:focus-visible::before{animation:dg-tab2 1.1s cubic-bezier(.45,0,.55,1) infinite}
.dgg-tab2:hover::after,.dgg-tab2:focus-visible::after{animation:dg-tab2 1.1s cubic-bezier(.45,0,.55,1) .12s infinite;opacity:.85}
@media (prefers-reduced-motion:reduce){.dgg-tab2{transition:none!important;animation:none!important}.dgg-tab2::before,.dgg-tab2::after{animation:none!important}}
.dgg [data-k="supertux"]{--deco:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M24 6v36M8.4 15l31.2 18M8.4 33l31.2-18M20 9l4 3 4-3M20 39l4-3 4 3'/%3E%3C/svg%3E")}
.dgg [data-k="hexgl"]{--deco:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 14l12 10-12 10M20 14l12 10-12 10M32 14l12 10-12 10'/%3E%3C/svg%3E")}
.dgg [data-k="a dark room"]{--deco:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M24 6c3 7 11 11 11 20a11 11 0 0 1-22 0c0-5 3-8 5-11 1 4 3 6 5 6-2-6 0-11 1-15z'/%3E%3C/svg%3E")}
.dgg [data-k="hextris"]{--deco:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M24 6l15.6 9v18L24 42 8.4 33V15zM24 17l6 3.5v7L24 31l-6-3.5v-7z'/%3E%3C/svg%3E")}
.dgg [data-k="2048"]{--deco:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 10h12v12H10zM26 10h12v12H26zM10 26h12v12H10zM26 26h12v12H26z'/%3E%3C/svg%3E")}
.dgg [data-k="all games"]{--deco:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 9h8v8H9zM20 9h8v8h-8zM31 9h8v8h-8zM9 20h8v8H9zM20 20h8v8h-8zM31 20h8v8h-8zM9 31h8v8H9zM20 31h8v8h-8zM31 31h8v8h-8z'/%3E%3C/svg%3E")}