@font-face{font-family:Sniglet;src:url(/fonts/sniglet-800.woff2) format("woff2");font-weight:800;font-display:swap}@font-face{font-family:Fredoka;src:url(/fonts/fredoka-600.woff2) format("woff2");font-weight:600;font-display:swap}body[data-game=dippy]{--paper: #fbf4e6;--card: #fffaf0;--ink: #22233a;--ink-2: #4b4c63;--ink-3: #66677d;--line: #e8dcc4;--line-2: #d2c29f;--accent: #c24a1c;--accent-ink: #ffffff;--link: #a93d14;--accent-soft: #fbe3c4;--yolk: #f2b632;--gingham: #5688ba;--display: "Sniglet", "Fredoka", system-ui, sans-serif;--tile-font: var(--display);--wm-font: var(--display);--num: "Fredoka", system-ui, sans-serif;--bg-motif: repeating-linear-gradient(90deg, rgba(86, 136, 186, .06) 0 18px, transparent 18px 36px), repeating-linear-gradient(0deg, rgba(86, 136, 186, .05) 0 18px, transparent 18px 36px)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) body[data-game=dippy]{--paper: #151b28;--card: #1e2638;--ink: #f4ecdc;--ink-2: #cfc6b5;--ink-3: #a9a191;--line: #2c3650;--line-2: #3d4968;--accent: #ffad6b;--accent-ink: #2b1405;--link: #ffbd88;--accent-soft: #3a2b1d;--bg-motif: repeating-linear-gradient(90deg, rgba(140, 170, 220, .04) 0 18px, transparent 18px 36px)}}:root[data-theme=dark] body[data-game=dippy]{--paper: #151b28;--card: #1e2638;--ink: #f4ecdc;--ink-2: #cfc6b5;--ink-3: #a9a191;--line: #2c3650;--line-2: #3d4968;--accent: #ffad6b;--accent-ink: #2b1405;--link: #ffbd88;--accent-soft: #3a2b1d}body[data-game=dippy] .cj-wm{color:var(--accent)}body[data-game=dippy] .cj-score .big{font-family:var(--num);font-weight:600}body.dp-noscroll{overflow:hidden}.dp-muted{color:var(--ink-2);font-size:15px}.dp-small{font-size:13.5px}.dp-kicker{display:block;font:600 12.5px/1.2 var(--num);letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.dp-daily{max-width:580px;margin:0 auto}.dp-dayhead,.dp-playhead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:2px 0 4px}.dp-playhead{justify-content:flex-start}.dp-dayhead strong,.dp-playhead strong{display:block;font:800 21px/1.15 var(--display);color:var(--ink)}.dp-dayrule{margin:0 0 8px;font-size:14.5px;color:var(--ink-2)}.dp-host{position:relative;display:flex;justify-content:center}.dp-board{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;user-select:none;-webkit-user-select:none}.dp-hud{display:flex;align-items:center;gap:6px;width:var(--bw, 100%);max-width:100%;min-height:44px}.dp-label{font:600 14px/1 var(--num);color:var(--ink-2)}.dp-label:empty{display:none}.dp-ink{position:relative;flex:1;height:30px;border-radius:99px;background:var(--card);box-shadow:inset 0 0 0 2px var(--line-2);overflow:hidden}.dp-ink i{position:absolute;inset:0 auto 0 0;background:linear-gradient(180deg,#33508f,#22305c);border-radius:99px;transition:width .12s ease-out}.dp-ink:before,.dp-ink:after{content:"";position:absolute;top:4px;bottom:4px;width:2px;background:var(--yolk);z-index:1;border-radius:2px}.dp-ink:before{left:var(--t2, 50%)}.dp-ink:after{left:var(--t3, 75%)}.dp-ink b{position:relative;z-index:2;display:block;text-align:center;font:600 13.5px/30px var(--num);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6);white-space:nowrap}.dp-extra:empty{display:none}.dp-pips{display:inline-flex;gap:4px;padding:0 2px}.dp-pips i{width:12px;height:15px;border-radius:50%/60% 60% 40% 40%;box-shadow:inset 0 0 0 2px var(--line-2);background:var(--card)}.dp-pips i.ok{background:var(--yolk);box-shadow:inset 0 0 0 2px #b9811a}.dp-pips i.no{background:#c0392b;box-shadow:none;opacity:.75}.dp-ibtn{flex:none;width:42px;height:42px;border-radius:12px;border:0;background:var(--card);box-shadow:inset 0 0 0 2px var(--line-2);color:var(--ink);display:grid;place-items:center;cursor:pointer}.dp-ibtn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.dp-ibtn:disabled{opacity:.4;cursor:default}.dp-ibtn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.dp-stage{position:relative;margin-top:6px}.dp-stage canvas{display:block;border-radius:16px;touch-action:none;box-shadow:0 2px 0 var(--line-2),0 10px 26px #3c281424;cursor:crosshair}.dp-coach{position:absolute;left:50%;top:10px;transform:translate(-50%);width:max-content;max-width:88%;margin:0;padding:8px 12px;border-radius:12px;background:#22233ae0;color:#fff;font:600 14px/1.3 var(--num);text-align:center;pointer-events:none;animation:dp-bob 2.4s ease-in-out infinite}.dp-toast{position:absolute;left:50%;bottom:12px;transform:translate(-50%);margin:0;padding:7px 12px;border-radius:10px;background:#22233ae6;color:#fff;font:600 14px/1.25 var(--num);opacity:0;pointer-events:none;white-space:nowrap}.dp-toast.on{animation:dp-toast 2.2s ease-out}.dp-foot{display:flex;gap:8px;justify-content:center;margin-top:10px;width:var(--bw, 100%);max-width:100%}.dp-go{flex:1;font:800 19px/1.1 var(--display);padding:13px 18px;background:var(--accent);color:var(--accent-ink);box-shadow:0 4px #0003}.dp-go small{display:block;font:600 12px/1.2 var(--num);opacity:.9}.dp-skip{flex:none}.dp-foot [hidden],.dp-hud [hidden]{display:none!important}.dp-card small,.cj-btn small{font-weight:600;opacity:.85}.dp-card{position:absolute;inset:44px 0 0;display:grid;place-items:center;padding:16px;z-index:5;animation:dp-fade .25s ease-out}.dp-card-in{width:min(360px,100%);padding:18px 18px 14px;border-radius:18px;background:var(--card);box-shadow:0 0 0 2px var(--line-2),0 18px 40px #00000040;text-align:center}.dp-card-title{margin:0 0 6px;font:800 24px/1.15 var(--display);color:var(--ink)}.dp-card-big{margin:4px 0;font:600 34px/1.1 var(--num);color:var(--ink)}.dp-card-big small{font-size:15px;color:var(--ink-2)}.dp-card-sub{margin:6px 0 10px;color:var(--ink-2);font-size:15px}.dp-card .cj-btns{justify-content:center;flex-wrap:wrap}.dp-sending{font:600 16px var(--num);color:var(--ink-2)}.dp-stars{margin:4px 0;font-size:38px;line-height:1;letter-spacing:4px}.dp-stars span{color:var(--line-2);display:inline-block}.dp-stars span.on{color:var(--yolk);text-shadow:0 2px 0 #b9811a}.dp-stars.pop span.on{animation:dp-star .5s cubic-bezier(.3,1.6,.5,1) both;animation-delay:var(--d)}.dp-outcome{margin:0 0 4px;font:800 20px/1.2 var(--display);color:var(--ink)}.dp-pourlist{list-style:none;padding:0;margin:10px auto;max-width:340px;display:grid;gap:6px}.dp-pourlist li{display:grid;grid-template-columns:70px 1fr auto auto;gap:8px;align-items:center;padding:8px 12px;border-radius:12px;background:var(--card);box-shadow:inset 0 0 0 2px var(--line);text-align:left}.dp-pourlist li.best{box-shadow:inset 0 0 0 2px var(--yolk)}.dp-pourlist li span{color:var(--ink-2);font-size:14px}.dp-pourlist li b{font:600 16px var(--num)}.dp-pourlist li.no b{color:#b03a2e}.dp-pourlist li em{font-style:normal;color:#c58d1d;letter-spacing:1px}.dp-pourlist li small{font:600 11px var(--num);text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}.dp-score{margin:8px auto;border-collapse:collapse;font-size:15px}.dp-score td{padding:3px 10px}.dp-score td:last-child{text-align:right;font:600 15px var(--num)}.dp-reveal{display:flex;flex-direction:column;align-items:center;margin:10px 0}.dp-reveal canvas{border-radius:10px;box-shadow:0 0 0 2px var(--line)}.dp-after{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:12px 0 6px}.dp-return{font-size:14.5px;color:var(--ink-2)}.dp-overlay{position:fixed;inset:0;z-index:60;background:var(--paper);background-image:var(--bg-motif);overflow:auto;padding:0 16px 24px}.dp-ov-head{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;max-width:600px;margin:0 auto;padding:10px 0;background:var(--paper)}.dp-ov-head h2{margin:0;font:800 22px var(--display)}.dp-ov-body{max-width:600px;margin:0 auto}.dp-board-menu{position:absolute;inset:0;z-index:8;display:grid;place-items:center;padding:16px;background:#1416248c;overflow:auto}.dp-menu{width:min(340px,100%);padding:18px;border-radius:18px;background:var(--card);box-shadow:0 18px 40px #0000004d;display:grid;gap:8px}.dp-menu h2{margin:0 0 4px;font:800 24px var(--display);text-align:center}.dp-settings{display:grid;gap:6px;margin-top:6px;padding-top:10px;border-top:2px solid var(--line)}.dp-check{display:flex;gap:10px;align-items:center;font-size:15px;min-height:32px}.dp-check input{width:20px;height:20px;accent-color:var(--accent)}.dp-how summary{cursor:pointer;font-weight:700;padding:6px 0}.dp-how ol{padding-left:20px}.dp-camp{max-width:600px;margin:0 auto}.dp-camp-head{display:flex;justify-content:space-between;align-items:center;margin:4px 0 8px}.dp-camp-total{margin:0 0 0 auto;font:600 17px var(--num)}.dp-camp-total span{color:var(--yolk)}.dp-chapter{margin:14px 0 18px}.dp-chapter h3{margin:0;font:800 19px var(--display)}.dp-chapter h3 small{font:600 14px var(--num);color:var(--ink-2);margin-left:6px}.dp-chapter .dp-muted{margin:2px 0 8px;font-size:14px}.dp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px}.dp-lvl{display:flex;flex-direction:column;align-items:center;gap:2px;padding:9px 4px;min-height:56px;border:0;border-radius:14px;background:var(--card);box-shadow:inset 0 0 0 2px var(--line-2);color:var(--ink);cursor:pointer;font:inherit}.dp-lvl b{font:600 16px var(--num)}.dp-lvl span{font-size:12px;color:#c58d1d;letter-spacing:1px}.dp-lvl.done{box-shadow:inset 0 0 0 2px var(--yolk)}.dp-lvl.skipped span{color:var(--ink-3);letter-spacing:0}.dp-lvl:disabled{opacity:.5;cursor:default}.dp-lvl:not(:disabled):hover{transform:translateY(-1px)}.dp-lvl:focus-visible{outline:3px solid var(--accent);outline-offset:2px}@keyframes dp-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes dp-star{0%{transform:scale(0) rotate(-40deg)}to{transform:scale(1) rotate(0)}}@keyframes dp-bob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,3px)}}@keyframes dp-toast{0%{opacity:0;transform:translate(-50%,6px)}10%,80%{opacity:1;transform:translate(-50%)}to{opacity:0}}@media (prefers-reduced-motion: reduce){.dp-coach,.dp-stars.pop span.on,.dp-card{animation:none}.dp-toast.on{animation:dp-toast 2.2s steps(1)}}
