.zda{--zd-bg:var(--background);--zd-grid:var(--grid);--zd-ink:var(--foreground);--zd-muted:var(--muted-foreground);--zd-pen:var(--pen);--zd-study:var(--subj-1-ink);--zd-life:var(--subj-3-ink);--zd-card:var(--card);--zd-line:var(--border);--zd-hand:var(--font-hand);--zd-sparks:#d2412f, #f5c400, #3d56b8, #2f7d5b, #ff8a76;--zd-spark-blend:source-over;color:var(--zd-ink)}:where(.dark) .zda{--zd-sparks:#ffe14d, #ff8a76, #9fb3ff, #7fd1a8, #fff;--zd-spark-blend:lighter}.zda *{box-sizing:border-box}.zda-stage{border:2px solid var(--zd-ink);background-color:var(--zd-bg);background-image:linear-gradient(var(--zd-grid) 1px, transparent 1px), linear-gradient(90deg, var(--zd-grid) 1px, transparent 1px);min-height:760px;box-shadow:7px 7px 0 var(--shadow-ink);background-size:24px 24px;border-radius:22px;padding:30px 22px 300px;position:relative;overflow:hidden}.zda-stage:before{content:"";background:var(--zd-pen);opacity:.45;pointer-events:none;width:1px;position:absolute;top:0;bottom:0;left:46px}.zda-head{z-index:2;text-align:center;opacity:0;transition:opacity .8s,transform .8s;position:relative;transform:translateY(14px)}.zda.is-final .zda-head{opacity:1;transform:none}.zda-word{justify-content:center;margin:0;font-size:clamp(46px,8vw,86px);line-height:1;display:flex}.zda-tag{font-family:var(--zd-hand);color:var(--zd-pen);margin:10px 0 4px;font-size:clamp(28px,3.6vw,38px);font-weight:700;line-height:1.1}.zda-sub{max-width:520px;color:var(--zd-muted);margin:0 auto;font-size:15px;line-height:1.45}.zda-legend{color:var(--zd-muted);justify-content:center;gap:14px;margin-top:10px;font-size:13px;display:flex}.zda-legend i{vertical-align:-1px;border-radius:3px;width:10px;height:10px;margin-right:6px;display:inline-block}.zda-plan{z-index:2;opacity:0;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-top:24px;transition:opacity .7s;display:grid;position:relative}.zda.is-magic .zda-plan,.zda.is-final .zda-plan{opacity:1}.zda-day{border:1.5px dashed var(--zd-line);background:color-mix(in srgb, var(--zd-bg) 85%, transparent);border-radius:12px;flex-direction:column;gap:8px;padding:8px;display:flex}.zda-dh{font-family:var(--zd-hand);color:var(--zd-pen);text-align:center;font-size:24px;font-weight:700;line-height:1}.zda-slot{background:color-mix(in srgb, var(--zd-ink) 4%, transparent);border-radius:9px;height:58px;position:relative}.zda-card{background:var(--zd-card);border:1.5px solid var(--zd-ink);box-shadow:4px 4px 0 var(--shadow-ink);will-change:transform;--c:var(--zd-study);--cc:var(--zd-study);border-radius:9px;padding:7px 8px 6px 12px;position:absolute;top:0;left:0;overflow:hidden}.zda-card:before{content:"";background:var(--c);width:4px;position:absolute;top:0;bottom:0;left:0}.zda-card[data-t=zycie]{--c:var(--zd-life);--cc:var(--zd-life)}.zda-card[data-t=wolne]{--c:transparent;--cc:var(--zd-ink);background:var(--marker);text-align:center;border-style:dashed;flex-direction:column;justify-content:center;padding-left:8px;display:flex}.zda-card b{white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:700;display:block;overflow:hidden}.zda-card span{font-family:var(--zd-hand);color:var(--cc);white-space:nowrap;text-overflow:ellipsis;font-size:19px;font-weight:700;line-height:1.05;display:block;overflow:hidden}.zda-card.placed{width:100%;height:100%;box-shadow:2px 2px 0 var(--shadow-ink);position:relative}.zda-card.pop{animation:.35s ease-out zda-pop}@keyframes zda-pop{0%{transform:scale(1.08)}to{transform:scale(1)}}.zda-junk{will-change:transform;filter:drop-shadow(3px 4px 0 color-mix(in srgb, var(--shadow-ink) 35%, transparent));position:absolute;top:0;left:0}.zda-junk svg{width:100%;height:100%;display:block}.zda-chaos{z-index:1;text-align:center;pointer-events:none;opacity:0;place-items:center;padding:0 20px;transition:opacity .5s;display:grid;position:absolute;inset:0}.zda.is-chaos .zda-chaos{opacity:1}.zda-chaos p{letter-spacing:-.02em;margin:0;font-size:clamp(26px,4.6vw,50px);font-weight:800;line-height:1.1;animation:.14s steps(2,end) infinite zda-jitter}.zda-chaos span{font-family:var(--zd-hand);letter-spacing:0;color:var(--zd-pen);margin-top:6px;font-size:clamp(26px,3.4vw,38px);font-weight:700;display:block}@keyframes zda-jitter{0%{transform:translate(1px,-1px)rotate(-.4deg)}to{transform:translate(-1px,1px)rotate(.4deg)}}.zda-maj{z-index:3;width:clamp(260px,33vw,390px);transition:transform 1s cubic-bezier(.2,.9,.25,1.1);position:absolute;bottom:6px;left:50%;transform:translate(-50%,120%)}.zda.is-magic .zda-maj,.zda.is-final .zda-maj{transform:translate(-50%)}.zda-float{position:relative}.zda.is-magic .zda-float{animation:1.6s ease-in-out infinite zda-float}.zda.is-final .zda-float{animation:3.2s ease-in-out infinite zda-float}@keyframes zda-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.zda-maj img{filter:drop-shadow(0 12px 14px #00000040);width:100%;height:auto;display:block;position:relative}.zda-glow{opacity:0;background:radial-gradient(closest-side,#ffe14d8c,#0000);border-radius:50%;transition:opacity .6s;position:absolute;inset:-20% -15% 0}.zda.is-magic .zda-glow{opacity:1;animation:1.1s ease-in-out infinite zda-pulse}.zda.is-final .zda-glow{opacity:.3}@keyframes zda-pulse{50%{transform:scale(1.1)}}.zda-bubble{z-index:2;border:2px solid var(--zd-ink);background:var(--zd-card);width:max-content;max-width:230px;color:var(--zd-ink);box-shadow:3px 3px 0 var(--shadow-ink);font-family:var(--zd-hand);opacity:0;transform-origin:0 100%;border-radius:16px 16px 16px 4px;padding:8px 13px;font-size:24px;font-weight:700;line-height:1.1;transition:opacity .35s,transform .35s;position:absolute;bottom:84%;left:66%;transform:scale(.8)}.zda.is-magic .zda-bubble,.zda.is-final .zda-bubble{opacity:1;transform:none}.zda-fly{z-index:4;pointer-events:none;position:absolute;inset:0}.zda-sparks{z-index:5;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.zda-replay{z-index:6;cursor:pointer;min-height:36px;color:var(--zd-ink);background:var(--zd-card);border:1.5px solid var(--zd-ink);opacity:0;pointer-events:none;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600;transition:opacity .4s;position:absolute;top:14px;right:14px}.zda.is-final .zda-replay{opacity:1;pointer-events:auto}.zda-replay:hover{background:var(--marker)}.zda-replay:focus-visible{outline:2px solid var(--ring);outline-offset:2px}@media (max-width:900px){.zda-stage{min-height:720px;padding:22px 10px 200px}.zda-stage:before{left:22px}.zda-plan{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.zda-day{gap:6px;padding:6px 5px}.zda-dh{font-size:21px}.zda-slot{height:60px}.zda-card{padding:6px 5px 5px 9px}.zda-card b{font-size:11px}.zda-card span{white-space:normal;font-size:16px;line-height:1}.zda-maj{width:min(250px,68vw)}.zda-bubble{max-width:150px;font-size:19px;bottom:80%;left:58%}.zda-replay{padding:6px 10px;top:10px;right:10px}.zda-stage{min-height:0;padding-bottom:236px}.zda-maj{bottom:10px}}@media (max-width:600px){.zda-stage{min-height:0;padding-bottom:255px}.zda-sub{display:none}.zda-plan{margin-top:16px}.zda-maj{width:min(215px,60vw);bottom:8px}.zda-stage{padding-top:16px;padding-bottom:190px}.zda-word{padding:0 30px;font-size:46px}.zda-tag{margin-top:6px;font-size:26px}.zda-slot{height:54px}.zda-card span{font-size:15px}.zda-replay span{display:none}}
