/* Daily Classics — shared verbatim by B&B and Gloatle. */
.dc-game{--dc:#f4b860;--dc2:#7d4d9d;color:#f8f5ff;background:linear-gradient(155deg,#17151f,#221c2b);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:14px;max-width:720px;margin:0 auto;box-sizing:border-box;touch-action:manipulation}
.dc-head,.dc-hud,.dc-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.dc-title{font-weight:900;font-size:1.08rem}.dc-day{font:700 .78rem ui-monospace,monospace;opacity:.68}.dc-howto{margin:9px 0 2px;padding:9px 11px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(255,255,255,.045);color:rgba(255,255,255,.86);font-size:.84rem;line-height:1.42}.dc-hud{margin:12px 0;font-weight:750}.dc-board{position:relative;margin:10px auto;max-width:100%}.dc-status{text-align:center;min-height:1.5em;margin:10px 0 4px;color:rgba(255,255,255,.74);font-size:.88rem}.dc-status.done{color:#bdf7c5;font-weight:800}.dc-actions{justify-content:center;margin-top:10px}.dc-btn{border:1px solid rgba(255,255,255,.18);background:#30283b;color:#fff;border-radius:10px;padding:8px 12px;font:750 .85rem inherit;cursor:pointer}.dc-btn.active,.dc-btn.primary{background:var(--dc);color:#211626;border-color:transparent}.dc-btn:disabled{opacity:.4}.dc-cf{--dc:#68c6bd}.dc-pt{--dc:#80c66b}.dc-jc{--dc:#e06b91}.dc-cb{--dc:#d99255}.dc-ss{--dc:#79cf91}
.dc-pipe-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;width:min(92vw,500px);padding:10px;border:1px solid rgba(116,235,245,.6);border-radius:18px;background:linear-gradient(145deg,#0b648f,#139bc5 52%,#086f9c);box-shadow:inset 0 2px 0 rgba(255,255,255,.18),inset 0 -8px 18px rgba(2,39,76,.34),0 12px 30px rgba(0,0,0,.28)}
.dc-pipe{position:relative;aspect-ratio:1;overflow:hidden;padding:0;border:2px solid rgba(129,237,246,.58);border-radius:12px;background:linear-gradient(145deg,#4bc7e2,#209ec7 58%,#157fae);cursor:pointer;box-shadow:inset 0 2px 0 rgba(255,255,255,.24),inset 0 -5px 8px rgba(2,53,101,.22),0 2px 4px rgba(0,34,70,.3);transition:transform .12s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}
.dc-pipe::before{content:"";position:absolute;inset:4px;border:1px solid rgba(187,255,255,.24);border-radius:8px;pointer-events:none}
.dc-pipe:hover{z-index:1;transform:translateY(-1px) scale(1.025);border-color:rgba(224,255,255,.88)}
.dc-pipe:focus-visible{outline:3px solid #fff;outline-offset:2px;z-index:2}
.dc-pipe-svg{position:relative;display:block;width:100%;height:100%;filter:drop-shadow(0 3px 2px rgba(0,35,58,.36));pointer-events:none}
.dc-pipe-shadow,.dc-pipe-rim,.dc-pipe-body,.dc-pipe-water,.dc-pipe-water-glint,.dc-pipe-source-fixture path,.dc-pipe-goal-fixture>path:first-child{fill:none;stroke-linecap:butt;stroke-linejoin:round}
.dc-pipe-shadow{stroke:rgba(0,42,63,.35);stroke-width:38;transform:translate(1px,3px)}
.dc-pipe-rim{stroke:#87969d;stroke-width:35}
.dc-pipe-body{stroke:#edf4f5;stroke-width:27}
.dc-pipe-hub-rim{fill:#87969d}
.dc-pipe-hub{fill:#edf4f5}
.dc-pipe-collar{fill:#f9fcfc;stroke:#a7b5ba;stroke-width:2;filter:drop-shadow(0 2px 1px rgba(25,57,68,.3))}
.dc-pipe-water{stroke:#16afe3;stroke-width:15;stroke-linecap:round;stroke-linejoin:round}
.dc-pipe-water-glint{stroke:rgba(223,250,255,.8);stroke-width:3;stroke-linecap:round;stroke-dasharray:4 10;animation:dcWaterFlow 1.2s linear infinite}
.dc-pipe-source-fixture path{stroke:#cf3f34;stroke-width:29}
.dc-pipe-source-fixture rect{fill:#f16a58;stroke:#bd392f;stroke-width:2}
.dc-pipe-source-fixture circle{fill:#ed5a49;stroke:#c53830;stroke-width:3}
.dc-pipe-goal-fixture>path:first-child{stroke:#2fa866;stroke-width:29}
.dc-pipe-goal-fixture rect{fill:#55d488;stroke:#228b51;stroke-width:2}
.dc-pipe-goal-fixture>path:last-child{fill:#55d488;stroke:#228b51;stroke-width:2}
.dc-pipe-leak-ring{fill:#ff4d5d;stroke:#fff;stroke-width:2}
.dc-pipe-leak-core{fill:#801521}
.dc-pipe.wet{background:linear-gradient(145deg,#58d4ea,#169fcf 60%,#087aae);box-shadow:inset 0 2px 0 rgba(255,255,255,.32),inset 0 -5px 8px rgba(2,53,101,.18),0 0 13px rgba(59,222,255,.32)}
.dc-pipe.leak{border-color:#ff5968;box-shadow:inset 0 2px 0 rgba(255,255,255,.28),inset 0 0 18px rgba(255,65,82,.28),0 0 8px rgba(255,65,82,.42)}
.dc-pipe.source{border-color:#ffb468;background:linear-gradient(145deg,#56cae1,#278eb8)}
.dc-pipe.goal{border-color:#77efa6;background:linear-gradient(145deg,#54cfe1,#258db7)}
.dc-pipe[data-badge]::after{content:attr(data-badge);position:absolute;left:3px;right:3px;bottom:3px;color:#fff;font:900 clamp(.31rem,1.32vw,.52rem)/1 system-ui,sans-serif;letter-spacing:.05em;text-shadow:0 1px 3px #06334d;pointer-events:none}
.dc-flow-stat{color:#8cecff}.dc-leak-stat.danger{color:#ff9299}@keyframes dcWaterFlow{to{stroke-dashoffset:-28}}
.dc-putt,.dc-action-canvas{display:block;width:min(100%,640px);height:auto;border-radius:14px;background:#15131b;touch-action:none;margin:auto}.dc-putt{border:1px solid rgba(155,238,171,.58);border-radius:18px;box-shadow:0 15px 34px rgba(0,0,0,.34),inset 0 0 0 1px rgba(255,255,255,.08);cursor:grab}.dc-putt:active{cursor:grabbing}.dc-putt:focus-visible{outline:3px solid #fff3a7;outline-offset:3px}.dc-putt-course{color:#b9f2c7}.dc-putt-practice .dc-putt-stroke{color:#ffd178}.dc-status.unscored{color:#ffd178}.dc-action-canvas{width:min(100%,420px)}
.dc-breaker-challenge{width:min(100%,420px);box-sizing:border-box;margin:0 auto 8px;padding:8px 12px;border:1px solid rgba(238,174,89,.42);border-radius:999px;background:linear-gradient(90deg,rgba(217,146,85,.18),rgba(217,146,85,.06));color:#ffe0a3;font:850 .78rem/1.25 system-ui,sans-serif;letter-spacing:.015em;text-align:center}.dc-breaker{width:min(100%,420px);border:1px solid rgba(238,174,89,.58);box-shadow:0 12px 28px rgba(0,0,0,.32),inset 0 0 20px rgba(217,146,85,.06);cursor:crosshair}.dc-breaker:focus-visible{outline:3px solid #ffe0a3;outline-offset:3px}.dc-cb .dc-hud{margin:8px 0}.dc-cb .dc-board{margin:6px auto}.dc-cb .dc-status{margin-top:7px}
.dc-jam{display:flex;flex-direction:column;gap:8px;align-items:center}.dc-jam-history{display:flex;flex-direction:column;gap:4px}.dc-jam-row{display:flex;gap:6px;align-items:center}.dc-jam-slot{width:46px;height:46px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.15);border-radius:9px;background:#30283a;color:#fff;font-size:1.35rem}.dc-jam-clue{min-width:70px;font-size:.8rem;color:#ddd}.dc-jam-palette{display:flex;gap:5px;flex-wrap:wrap;justify-content:center;margin-top:6px}
.dc-dpad{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.dc-dpad .dc-btn{font-size:1.15rem;min-width:50px}
.dc-pc{--dc:#f0ce58}.dc-fr{--dc:#73d285}.dc-jz{--dc:#ce79ed}.dc-mt{--dc:#67bdec}.dc-maze,.dc-frogger,.dc-jezzball,.dc-marble{display:block;width:min(100%,600px);height:auto;margin:auto;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:#101923;touch-action:none;box-sizing:border-box}.dc-maze{width:min(100%,380px);aspect-ratio:19/21;height:auto;border:2px solid #315cff;border-radius:17px;background:#02030a;box-shadow:0 0 0 4px #080f2b,0 0 0 6px rgba(50,93,255,.42),0 13px 30px rgba(0,0,0,.5),0 0 24px rgba(35,92,255,.28),inset 0 0 18px rgba(36,81,255,.18);image-rendering:auto}.dc-maze:focus-visible{outline:3px solid #f7e96e;outline-offset:5px;box-shadow:0 0 0 4px #080f2b,0 0 0 7px #315cff,0 0 30px rgba(70,126,255,.65),0 13px 30px rgba(0,0,0,.5)}.dc-frogger{width:min(100%,420px)}.dc-jezzball{width:min(100%,480px);cursor:crosshair}
.dc-marble-stage{--dc-marble-pitch:0deg;--dc-marble-roll:0deg;--dc-marble-shadow-x:0px;--dc-marble-shadow-y:14px;position:relative;isolation:isolate;width:min(94%,420px);margin:9px auto 14px;padding:11px;box-sizing:border-box;border:1px solid #b8864b;border-radius:26px;background:radial-gradient(circle at 7px 7px,#f1d7a1 0 1px,#76502c 1.5px 3px,transparent 3.5px),radial-gradient(circle at calc(100% - 7px) 7px,#f1d7a1 0 1px,#76502c 1.5px 3px,transparent 3.5px),radial-gradient(circle at 7px calc(100% - 7px),#f1d7a1 0 1px,#76502c 1.5px 3px,transparent 3.5px),radial-gradient(circle at calc(100% - 7px) calc(100% - 7px),#f1d7a1 0 1px,#76502c 1.5px 3px,transparent 3.5px),repeating-linear-gradient(103deg,rgba(255,255,255,.025) 0 2px,rgba(0,0,0,.035) 2px 6px),linear-gradient(145deg,#7a4d29,#3a2114 54%,#21130e);box-shadow:inset 0 1px 0 rgba(255,231,186,.32),inset 0 -8px 13px rgba(18,8,4,.48),0 0 0 2px #21150f,0 0 0 4px #9c7548,0 15px 28px rgba(0,0,0,.42);perspective:900px;perspective-origin:50% 40%;transform-style:preserve-3d}
.dc-marble-plane{position:relative;width:100%;aspect-ratio:1;border-radius:17px;background:#14211d;transform:rotateX(var(--dc-marble-pitch)) rotateY(var(--dc-marble-roll));transform-origin:50% 50%;transform-style:preserve-3d;filter:drop-shadow(var(--dc-marble-shadow-x) var(--dc-marble-shadow-y) 12px rgba(0,0,0,.46));will-change:transform,filter}
.dc-marble-plane::before{content:"";position:absolute;z-index:0;inset:1px;border:1px solid rgba(236,209,151,.3);border-radius:17px;background:linear-gradient(145deg,#84613b,#2a1b12 58%,#130c09);box-shadow:inset 0 -10px 12px rgba(0,0,0,.64);transform:translate3d(0,10px,-15px);pointer-events:none}
.dc-marble-plane::after{content:"";position:absolute;z-index:3;inset:0;border:2px solid rgba(220,229,218,.4);border-radius:16px;box-shadow:inset 3px 3px 0 rgba(255,255,255,.12),inset -4px -5px 0 rgba(0,0,0,.28),inset 0 0 14px rgba(0,0,0,.2),0 0 0 1px rgba(31,18,10,.8);transform:translateZ(2px);pointer-events:none}
.dc-marble{position:relative;z-index:1;display:block;width:100%;border:0;border-radius:15px;background:#16241f;box-shadow:inset 0 0 24px rgba(0,0,0,.42);transform:translateZ(0);image-rendering:auto}.dc-marble:focus-visible{outline:3px solid #f6da92;outline-offset:5px}
.dc-marble-ball-shadow,.dc-marble-ball{position:absolute;left:var(--dc-marble-x,50%);top:var(--dc-marble-y,50%);border-radius:50%;pointer-events:none;will-change:left,top,transform}
.dc-marble-ball-shadow{z-index:2;width:6.2%;min-width:18px;aspect-ratio:1;background:radial-gradient(ellipse,rgba(0,0,0,.58) 0 24%,rgba(0,0,0,.26) 48%,transparent 72%);filter:blur(1.5px);transform:translate3d(-38%,-26%,4px) scaleY(.62)}
.dc-marble-ball{z-index:4;width:5.3%;min-width:17px;aspect-ratio:1;border:1px solid rgba(213,249,255,.68);background:radial-gradient(circle at 29% 24%,#fff 0 5%,#dffbff 7%,#8ee0f4 23%,#359bc4 48%,#12618d 72%,#062c48 100%);box-shadow:inset -3px -5px 7px rgba(0,15,34,.5),inset 2px 2px 4px rgba(255,255,255,.44),0 2px 3px rgba(0,0,0,.48),0 0 8px rgba(104,218,255,.25);transform:translate3d(-50%,-50%,16px) rotateY(calc(0deg - var(--dc-marble-roll))) rotateX(calc(0deg - var(--dc-marble-pitch)));transform-origin:50% 50%}
.dc-mt .dc-hud{margin:8px 0 6px}.dc-mt .dc-board{margin:5px auto}.dc-mt .dc-status{margin:6px 0 3px}.dc-mt .dc-actions{margin-top:5px}
.dc-marble-console{display:grid;grid-template-columns:124px minmax(130px,1fr);grid-template-rows:auto 1fr;gap:5px 12px;align-items:center;width:min(100%,420px);padding:9px 11px;box-sizing:border-box;border:1px solid rgba(207,174,116,.42);border-radius:18px;background:linear-gradient(145deg,rgba(76,48,30,.94),rgba(28,20,18,.98));box-shadow:inset 0 1px 0 rgba(255,233,195,.15),inset 0 -5px 9px rgba(0,0,0,.3),0 7px 15px rgba(0,0,0,.25)}
.dc-marble-console::before{content:"HOLD + DRAG TO TILT";grid-column:1/-1;color:#e7ca91;font:900 .63rem/1.1 ui-monospace,monospace;letter-spacing:.11em;text-align:center;text-shadow:0 1px 2px #000}
.dc-marble-stick{--dc-stick-x:0px;--dc-stick-y:0px;position:relative;justify-self:center;width:108px;aspect-ratio:1;overflow:hidden;border:2px solid #a77c47;border-radius:50%;background:radial-gradient(circle at 50% 50%,transparent 0 26%,rgba(231,205,151,.18) 27% 28%,transparent 29% 52%,rgba(0,0,0,.34) 53% 55%,transparent 56%),conic-gradient(from 22.5deg,rgba(241,218,164,.16),transparent 13%,rgba(241,218,164,.12) 25%,transparent 38%,rgba(241,218,164,.12) 50%,transparent 63%,rgba(241,218,164,.12) 75%,transparent 88%,rgba(241,218,164,.16)),radial-gradient(circle at 42% 34%,#4e5551,#1b2322 60%,#0b1010);box-shadow:inset 0 3px 5px rgba(255,255,255,.1),inset 0 -8px 13px rgba(0,0,0,.55),0 2px 0 #20150d,0 4px 9px rgba(0,0,0,.38);cursor:grab;touch-action:none;user-select:none;-webkit-tap-highlight-color:transparent}
.dc-marble-stick::before,.dc-marble-stick::after{position:absolute;left:50%;z-index:1;color:rgba(238,216,174,.72);font:900 12px/1 sans-serif;transform:translateX(-50%);pointer-events:none}.dc-marble-stick::before{content:"▲";top:7px}.dc-marble-stick::after{content:"▼";bottom:7px}
.dc-marble-stick:active{cursor:grabbing}.dc-marble-stick:focus-visible{outline:3px solid #f7de9c;outline-offset:3px}
.dc-marble-stick-knob{position:absolute;z-index:2;left:50%;top:50%;width:45px;aspect-ratio:1;border:1px solid #b7c8c4;border-radius:50%;background:radial-gradient(circle at 35% 27%,#f3f8f4 0 4%,#9eaaa7 7%,#4a5654 39%,#263130 70%,#111918 100%);box-shadow:inset 2px 2px 4px rgba(255,255,255,.25),inset -4px -5px 7px rgba(0,0,0,.5),0 5px 8px rgba(0,0,0,.55),0 0 0 4px rgba(5,9,8,.22);transform:translate3d(calc(-50% + var(--dc-stick-x)),calc(-50% + var(--dc-stick-y)),0);will-change:transform;pointer-events:none}
.dc-marble-console-actions{display:flex;flex-direction:column;gap:7px;min-width:0}.dc-marble-console-actions .dc-btn{width:100%;min-height:42px;padding:7px 9px;border-color:rgba(221,190,132,.35);background:linear-gradient(155deg,#4a3a31,#251e1c);box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 2px 4px rgba(0,0,0,.25);font-size:.78rem;line-height:1.15}.dc-marble-console-actions .dc-btn:hover{border-color:#d8b877;background:linear-gradient(155deg,#5a4638,#2d2421)}.dc-marble-console-actions .dc-btn:active{transform:translateY(1px)}.dc-marble-console-actions .dc-btn:focus-visible{outline:3px solid #f7de9c;outline-offset:2px}
.dc-maze-dpad,.dc-game-controls{display:grid;grid-template-columns:repeat(5,minmax(48px,1fr));gap:6px;max-width:390px;margin:auto}.dc-maze-dpad,.dc-game-controls.dc-four{grid-template-columns:repeat(4,1fr)}.dc-maze-dpad .dc-btn,.dc-game-controls .dc-btn{min-width:48px;font-size:1.15rem;touch-action:none;user-select:none}.dc-frogger-controls,.dc-marble-controls{display:grid;grid-template-columns:repeat(3,56px);grid-template-areas:'. up .' 'left level right' '. down .';gap:5px;justify-content:center}.dc-frogger-controls .dc-btn,.dc-marble-controls .dc-btn{min-width:56px;height:44px;padding:0;font-size:1.2rem;touch-action:none;user-select:none}.dc-frog-up,.dc-tilt-up{grid-area:up}.dc-frog-left,.dc-tilt-left{grid-area:left}.dc-tilt-level{grid-area:level;color:#67bdec}.dc-frog-right,.dc-tilt-right{grid-area:right}.dc-frog-down,.dc-tilt-down{grid-area:down}
.dc-pc .dc-actions{flex-direction:column;align-items:center;gap:8px}.dc-maze-pause{min-height:40px;min-width:112px;margin:0 auto;padding:7px 15px;border-color:rgba(247,233,110,.65);border-radius:999px;background:#171d3d;color:#fff6a8;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 12px rgba(50,93,255,.2)}.dc-maze-pause:focus-visible{outline:3px solid #f7e96e;outline-offset:3px}.dc-maze-dpad{display:grid;grid-template-columns:repeat(3,58px);grid-template-rows:repeat(3,58px);grid-template-areas:'. up .' 'left hub right' '. down .';gap:7px;width:max-content;max-width:100%;margin:0 auto}.dc-maze-dpad::before{content:"";grid-area:hub;border:1px solid rgba(67,111,255,.5);border-radius:16px;background:radial-gradient(circle,#17285f 0 24%,#0a1233 26% 100%);box-shadow:inset 0 0 13px rgba(43,100,255,.32),0 0 10px rgba(35,92,255,.16)}.dc-maze-dpad .dc-btn{position:relative;z-index:1;width:58px;height:58px;min-width:58px;padding:0;border:2px solid #3d6cff;border-radius:16px;background:linear-gradient(155deg,#253c88,#111b49 65%,#090f2c);color:#fff7a0;font-size:1.4rem;line-height:1;box-shadow:inset 0 2px 0 rgba(255,255,255,.14),inset 0 -5px 9px rgba(0,0,0,.3),0 0 13px rgba(45,100,255,.25);touch-action:manipulation;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform .1s ease,background .1s ease,box-shadow .1s ease}.dc-maze-dpad .dc-btn:hover{background:linear-gradient(155deg,#3154b6,#15245f 65%,#0a1234);box-shadow:inset 0 2px 0 rgba(255,255,255,.18),0 0 18px rgba(58,116,255,.4)}.dc-maze-dpad .dc-btn:active{transform:translateY(2px) scale(.96);background:#0d173d}.dc-maze-dpad .dc-btn:focus-visible{outline:3px solid #f7e96e;outline-offset:3px}.dc-maze-up{grid-area:up}.dc-maze-left{grid-area:left}.dc-maze-down{grid-area:down}.dc-maze-right{grid-area:right}
@media(max-width:520px){.dc-game{padding:10px;border-radius:14px}.dc-jam-slot{width:40px;height:40px}.dc-jam-clue{min-width:62px}.dc-hud{font-size:.82rem}.dc-maze{border-radius:14px;box-shadow:0 0 0 3px #080f2b,0 0 0 5px rgba(50,93,255,.38),0 9px 22px rgba(0,0,0,.45),0 0 18px rgba(35,92,255,.22)}.dc-mt{padding:8px}.dc-mt .dc-head{margin-bottom:3px}.dc-mt .dc-howto{margin:4px 0 2px;padding:5px 7px;font-size:.72rem;line-height:1.22}.dc-mt .dc-hud{margin:5px 0 3px;font-size:.77rem}.dc-marble-stage{width:min(100%,295px);margin:4px auto 7px;padding:7px;border-radius:20px}.dc-marble-plane,.dc-marble-plane::before{border-radius:14px}.dc-marble-plane::after{border-radius:13px}.dc-marble{border-radius:12px}.dc-mt .dc-status{min-height:1.2em;margin:3px 0 2px;font-size:.75rem;line-height:1.2}.dc-mt .dc-actions{margin-top:2px}.dc-marble-console{grid-template-columns:82px minmax(118px,1fr);gap:3px 7px;padding:5px 7px;border-radius:14px}.dc-marble-console::before{font-size:.54rem}.dc-marble-stick{width:74px}.dc-marble-stick-knob{width:32px}.dc-marble-console-actions{gap:4px}.dc-marble-console-actions .dc-btn{min-height:32px;padding:4px 6px;font-size:.69rem}}
@media(max-width:520px) and (max-height:900px){.dc-marble-stage{width:min(100%,265px)}.dc-marble-console-actions .dc-btn{min-height:30px}}
@media(max-width:340px){.dc-maze-dpad{grid-template-columns:repeat(3,54px);grid-template-rows:repeat(3,54px);gap:6px}.dc-maze-dpad .dc-btn{width:54px;height:54px;min-width:54px}.dc-mt .dc-howto{font-size:.7rem}.dc-marble-stage{padding:7px}.dc-marble-console{grid-template-columns:88px minmax(104px,1fr);gap:4px 7px;padding:6px}.dc-marble-stick{width:84px}.dc-marble-stick-knob{width:36px}.dc-marble-console-actions .dc-btn{min-height:36px;font-size:.67rem}}
@media(prefers-reduced-motion:reduce){.dc-game *{scroll-behavior:auto!important;transition:none!important;animation:none!important}.dc-maze-dpad .dc-btn:active,.dc-marble-console-actions .dc-btn:active{transform:none}.dc-marble-plane{filter:none}}