.dc-page{--dc-canvas:#06182b;--dc-surface:#0c2942;--dc-surface-alt:#173b56;--dc-deep:#03111f;--dc-ink:#fff4d6;--dc-ink-dim:#b8ccda;--dc-accent:#39d6d0;--dc-accent-ink:#031b2b;--dc-glass:#beeef1;--dc-glass-edge:#8bdde5;--dc-focus:#77eaf0;--dc-warning:#f6c56d;--dc-brass-light:#f1cf82;--dc-coral:#ff806f;--dc-overlay:#020d18}.dc-hero{padding-block:clamp(1rem,4vw,2.5rem) clamp(2rem,6vw,4rem)}.dc-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"head""modes""stage""notes";gap:.6rem;display:grid}.dc-head{grid-area:head}.dc-head h1{margin:.25rem 0 0;font-size:clamp(1.45rem,6vw,3.1rem);line-height:1.04}.dc-head .lede{margin-top:.9rem;display:none}.dc-preview-flag{color:var(--color-ink-2);margin-left:.5rem;font-size:.72rem;line-height:1.3;display:inline-block}.dc-modes-wrap{grid-area:modes}.dc-stage-wrap{grid-area:stage;min-width:0}.dc-notes{grid-area:notes}.dc-modes{border:1px solid var(--color-rule-2);background:var(--color-paper-2);border-radius:.75rem;grid-template-columns:1fr 1fr;gap:.25rem;width:min(100%,26rem);padding:.25rem;display:inline-grid}.dc-modes button{touch-action:manipulation;min-height:2.75rem;color:var(--color-ink);font:700 .95rem var(--font-body);text-align:center;cursor:pointer;background:0 0;border:0;border-radius:.55rem;padding:.55rem .8rem}.dc-modes button[aria-pressed=true]{background:var(--color-ink);color:var(--color-paper)}.dc-modes button:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.dc-mode-note,.dc-app-note,.dc-privacy{max-width:34rem;color:var(--color-ink-2);margin:.2rem 0 .6rem;font-size:.92rem;line-height:1.55}.dc-app-note strong{color:var(--color-ink)}.dc-privacy{margin-top:.9rem;font-size:.86rem}.dc-nojs{border:1px solid var(--color-rule-2);background:var(--color-paper-2);text-align:center;border-radius:.75rem;margin:0;padding:1rem}@media (width>=62rem){.dc-grid{grid-template:"head stage""modes stage""notes stage"1fr/minmax(0,1fr) minmax(0,30rem);align-items:start;column-gap:clamp(2rem,5vw,4.5rem)}.dc-head .lede{display:block}.dc-head h1{font-size:clamp(2.4rem,4.2vw,3.6rem)}.dc-mode-note{margin-top:.7rem}}.dc-cta-links{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.dc-cta-page{justify-content:flex-start;margin:.4rem 0 .2rem}.dc-store{touch-action:manipulation;background:var(--color-ink);min-height:2.75rem;color:var(--color-paper);text-align:center;border-radius:999px;justify-content:center;align-items:center;padding:.55rem 1.1rem;font-weight:700;text-decoration:none;display:inline-flex}.dc-store:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.dc-copy h2{margin:2.2rem 0 .7rem;font-size:clamp(1.5rem,4.6vw,2.15rem);line-height:1.08}.dc-copy h2:first-child{margin-top:0}.dc-copy p,.dc-copy li{line-height:1.65}.dc-copy p{margin:0 0 .9rem}.dc-copy ul,.dc-copy ol{margin:0 0 1rem;padding-left:1.25em}.dc-faq h3{margin:1.5rem 0 .35rem;font-size:1.1rem}.dc-faq p{margin:0;line-height:1.6}.dc-more-links{flex-wrap:wrap;gap:.25rem 1.25rem;margin-top:1.6rem;display:flex}.dc-more-links a{touch-action:manipulation;align-items:center;min-height:2.75rem;font-weight:700;display:inline-flex}.dc-stage{color-scheme:dark;background:radial-gradient(120% 70% at 50% 0%, #39d6d029, transparent 60%), linear-gradient(180deg, var(--dc-surface) 0%, var(--dc-canvas) 55%, var(--dc-deep) 100%);width:min(100%,30rem);min-height:27rem;color:var(--dc-ink);font-family:var(--font-body);text-align:center;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:1.25rem;margin-inline:auto;padding:.85rem .7rem .9rem;position:relative;overflow:hidden;box-shadow:0 18px 40px #03111f47}.dc-stage,.dc-stage *,.dc-stage :before,.dc-stage :after{box-sizing:border-box}.dc-stage button{touch-action:manipulation;-webkit-tap-highlight-color:transparent;font-family:inherit}.dc-stage button:focus-visible{outline:3px solid var(--dc-focus);outline-offset:2px}.dc-hud{grid-template-columns:4.5rem minmax(0,1fr) 4.5rem;align-items:center;gap:.4rem;display:grid}.dc-stat,.dc-title{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.dc-stat{background:#173b56bf;border-radius:.75rem;padding:.35rem .2rem}.dc-stat b{font-variant-numeric:tabular-nums;font-size:1.45rem;line-height:1.05}.dc-stat small,.dc-title small{color:var(--dc-ink-dim);letter-spacing:.06em;text-transform:uppercase;font-size:.75rem}.dc-title span{font-size:.98rem;font-weight:700;line-height:1.2}.dc-meter{background:#beeef124;border-radius:999px;height:.3rem;margin:.55rem .2rem 0;overflow:hidden}.dc-meter i{border-radius:inherit;background:var(--dc-accent);transform-origin:0;height:100%;transition:transform .22s;display:block;transform:scaleX(0)}.dc-meter i[data-tone=at]{background:var(--dc-brass-light)}.dc-meter i[data-tone=over]{background:var(--dc-coral)}.dc-levels{text-align:center;justify-content:center;align-items:center;gap:.6rem;margin-top:.5rem;font-weight:700;display:flex}.dc-levels[hidden]{display:none}.dc-levels button{background:var(--dc-surface-alt);width:2.75rem;height:2.75rem;color:var(--dc-ink);text-align:center;cursor:pointer;border:1px solid #8bdde566;border-radius:999px;font-size:1.4rem;line-height:1}.dc-levels button:disabled{opacity:.35;cursor:default}.dc-tubes{grid-template-columns:repeat(var(--cols,5), minmax(0, 4.1rem));justify-content:center;gap:.55rem .4rem;padding:1.35rem 0 .4rem;display:grid}.dc-tube{min-width:2.75rem;min-height:2.75rem;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:.9rem;justify-content:center;align-items:flex-end;margin:0;padding:.25rem .15rem;transition:transform .16s;display:flex}.dc-glass{aspect-ratio:1/3.25;background:linear-gradient(90deg,#beeef11a,#beeef108 45%,#beeef11f);border:2px solid #8bdde58c;border-top:0;border-radius:.35rem .35rem 1.6rem 1.6rem/.35rem .35rem 1.2rem 1.2rem;flex-direction:column-reverse;width:100%;max-width:3.3rem;padding:.7rem .2rem .2rem;display:flex;position:relative;overflow:hidden}.dc-glass:before{content:"";background:#beeef18c;border-radius:.3rem;height:.3rem;position:absolute;top:0;left:-2px;right:-2px}.dc-unit{text-align:center;flex:1 1 0;place-items:center;min-height:0;display:grid}.dc-unit+.dc-unit{margin-bottom:1px}.dc-unit.is-full{background:linear-gradient(90deg, var(--shade) 0%, var(--fill) 32%, var(--light) 62%, var(--fill) 86%, var(--shade) 100%);color:var(--mark)}.dc-glass .dc-unit:first-child{border-radius:0 0 1.2rem 1.2rem/0 0 .9rem .9rem}.dc-unit svg{width:62%;max-width:1.35rem;height:auto;display:block}.dc-unit.has-halo svg{filter:drop-shadow(1px 0 0 var(--halo)) drop-shadow(-1px 0 0 var(--halo)) drop-shadow(0 1px 0 var(--halo)) drop-shadow(0 -1px 0 var(--halo))}.dc-tube.is-lifted{transform:translateY(-1rem)}.dc-tube.is-lifted .dc-glass{border-color:var(--dc-focus);box-shadow:0 0 .8rem #77eaf08c}.dc-tube.is-target .dc-glass{border-color:#beeef1cc}.dc-tube.is-complete .dc-glass{border-color:var(--dc-brass-light);box-shadow:0 0 .9rem #f1cf8273}.dc-tube.is-complete .dc-glass:before{background:var(--dc-brass-light);height:.45rem}.dc-tube.is-refused{animation:.32s dc-shake}.dc-unit.is-new{animation:dc-fill .24s ease-out var(--dc-delay,0s) both;transform-origin:bottom}.dc-unit.is-draining{animation:dc-drain .2s ease-in var(--dc-delay,0s) both;transform-origin:bottom}.dc-tube.is-sealing .dc-glass{animation:.64s ease-out dc-brass}.dc-tubes.is-solved .dc-tube.is-complete .dc-glass{animation:dc-brass .64s ease-out calc(var(--i,0) * 45ms) both}@keyframes dc-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes dc-fill{0%{opacity:.4;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@keyframes dc-drain{0%{opacity:1;transform:scaleY(1)}to{opacity:.3;transform:scaleY(0)}}@keyframes dc-brass{0%,to{box-shadow:0 0 .9rem #f1cf8273}40%{border-color:#fff4d6;box-shadow:0 0 1.5rem .25rem #f1cf82e6}}.dc-tip{min-height:2.6em;color:var(--dc-ink-dim);text-align:center;margin:.5rem .4rem 0;font-size:.9rem;line-height:1.35}.dc-tip[data-tone=warn]{color:var(--dc-warning);font-weight:700}.dc-tools{grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.5rem;display:grid}.dc-tool{background:var(--dc-surface-alt);min-height:3rem;color:var(--dc-ink);text-align:center;cursor:pointer;border:1px solid #8bdde559;border-radius:.8rem;justify-content:center;align-items:center;padding:.5rem;font-size:.98rem;font-weight:700;display:flex}.dc-tool:disabled{opacity:.4;cursor:default}.dc-overlay{background:var(--dc-overlay);place-items:center;padding:.9rem;display:grid;position:absolute;inset:0;overflow-y:auto}.dc-overlay[hidden]{display:none}.dc-overlay.is-win{animation:.2s ease-out dc-fade}.dc-overlay.is-win .dc-card{animation:.36s cubic-bezier(.2,.8,.3,1) 60ms both dc-rise}@keyframes dc-fade{0%{opacity:0}}@keyframes dc-rise{0%{opacity:0;transform:translateY(.9rem)}}.dc-card{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:23rem;display:flex}.dc-eyebrow{color:var(--dc-accent);letter-spacing:.1em;text-transform:uppercase;text-align:center;margin:0;font-size:.75rem;font-weight:700}.dc-card h2{color:var(--dc-ink);text-align:center;margin:.35rem 0 .4rem;font-size:clamp(1.5rem,7vw,2rem);line-height:1.1}.dc-standing{color:var(--dc-brass-light);text-align:center;margin:0 0 .3rem;font-weight:700;line-height:1.4}.dc-best{color:var(--dc-ink-dim);text-align:center;margin:0 0 .8rem;font-size:.92rem}.dc-actions{gap:.45rem;width:100%;display:grid}.dc-btn{background:var(--dc-surface-alt);min-height:2.9rem;color:var(--dc-ink);text-align:center;cursor:pointer;border:1px solid #8bdde566;border-radius:999px;justify-content:center;align-items:center;padding:.55rem 1rem;font-size:.98rem;font-weight:700;display:flex}.dc-btn-primary{background:var(--dc-accent);color:var(--dc-accent-ink);border-color:#0000}.dc-share-status{-webkit-user-select:text;user-select:text;min-height:1.3em;color:var(--dc-ink-dim);text-align:center;margin:.4rem 0 0;font-size:.85rem}.dc-cta{text-align:center;background:#173b56b3;border-radius:.9rem;width:100%;margin-top:.5rem;padding:.75rem .6rem}.dc-cta p{color:var(--dc-ink);text-align:center;margin:0 0 .55rem;font-size:.9rem;line-height:1.45}.dc-cta .dc-store{background:var(--dc-ink);color:var(--dc-canvas)}.dc-cta .dc-store:focus-visible{outline-color:var(--dc-focus)}.dc-cta-end{margin:0 0 .6rem}.dc-cta-end .dc-store{background:var(--dc-accent);color:var(--dc-accent-ink)}.dc-cta-line{color:var(--dc-ink-dim);text-align:center;margin:.7rem 0 0;font-size:.85rem;line-height:1.45}.dc-cta-line a{color:var(--dc-ink);text-underline-offset:2px;font-weight:700;text-decoration:underline}.dc-cta-line a:focus-visible{outline:3px solid var(--dc-focus);outline-offset:2px;border-radius:2px}.dc-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=22.5rem){.dc-stage{padding-inline:.45rem}.dc-tubes{gap:.5rem .25rem}.dc-hud{grid-template-columns:3.9rem minmax(0,1fr) 3.9rem}}.dc-reduce .dc-tube,.dc-reduce .dc-meter i{transition:none}.dc-reduce .dc-tube.is-refused,.dc-reduce .dc-unit.is-new,.dc-reduce .dc-unit.is-draining,.dc-reduce .dc-tube.is-sealing .dc-glass,.dc-reduce .dc-tubes.is-solved .dc-tube.is-complete .dc-glass,.dc-reduce .dc-overlay.is-win,.dc-reduce .dc-overlay.is-win .dc-card{animation:none}@media (prefers-reduced-motion:reduce){.dc-tube,.dc-meter i{transition:none}.dc-tube.is-refused,.dc-unit.is-new,.dc-unit.is-draining,.dc-tube.is-sealing .dc-glass,.dc-tubes.is-solved .dc-tube.is-complete .dc-glass,.dc-overlay.is-win,.dc-overlay.is-win .dc-card{animation:none}}