.ag-puzzle{max-width:580px;margin:auto;box-sizing:border-box}.ag-puzzle *{box-sizing:border-box}.ag-puzzle button{font:inherit;min-height:44px;touch-action:manipulation;cursor:pointer;border:1px solid var(--ag-border,#8491a8);border-radius:7px;background:var(--ag-surface,#faf7f0);color:var(--ag-ink,#172239)}.ag-puzzle button:disabled{cursor:default;opacity:.6}.ag-puzzle button:focus-visible,.ag-puzzle:focus-visible{outline:3px solid var(--ag-accent,#007c91);outline-offset:3px}.ag-help{font-size:.92rem;line-height:1.6}.ag-puzzle-status{min-height:1.6em;text-align:center}.ag-puzzle-controls{display:flex;gap:10px;justify-content:center}.ag-puzzle-controls button{padding:8px 18px}.ag-equation-grid{display:grid;gap:5px}.ag-equation-row{display:grid;gap:4px}.ag-length-5{grid-template-columns:repeat(5,1fr)}.ag-length-6{grid-template-columns:repeat(6,1fr)}.ag-length-7{grid-template-columns:repeat(7,1fr)}.ag-length-8{grid-template-columns:repeat(8,1fr)}.ag-length-9{grid-template-columns:repeat(9,1fr)}.ag-equation-cell{display:flex;align-items:center;justify-content:center;border:1px solid var(--ag-border,#8491a8);border-radius:4px;min-height:38px;font-size:1.2rem;font-weight:700;font-variant-numeric:tabular-nums}.ag-feedback-correct{background:var(--ag-good,#23694f);color:#fff;border-color:var(--ag-good,#23694f)}.ag-feedback-present{background:#e1b943;color:var(--ag-ink,#172239);border-color:#ae810b}.ag-feedback-absent{background:#586474;color:#fff;border-color:#586474}.ag-keypad{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.ag-keypad button:last-child{grid-column:span 2}.ag-path-grid{display:grid;gap:3px;max-width:420px;margin:auto}.ag-grid-4{grid-template-columns:repeat(4,1fr)}.ag-grid-5{grid-template-columns:repeat(5,1fr)}.ag-grid-6{grid-template-columns:repeat(6,1fr)}.ag-path-grid .ag-path-cell{aspect-ratio:1;position:relative;min-width:24px;padding:0;border-radius:5px}.ag-path-cell span{position:relative;z-index:2;display:inline-grid;place-items:center;min-width:24px;min-height:24px;border-radius:50%;font-weight:bold}.ag-path-used{background:#cee7ee!important}.ag-path-used span:not(:empty){background:#075b70;color:white}.ag-path-head{box-shadow:inset 0 0 0 3px #075b70}.ag-path-cell:before,.ag-path-cell:after{content:'';position:absolute;background:#388ba0;z-index:1}.ag-link-up:before{width:6px;left:calc(50% - 3px);top:-4px;height:calc(50% + 4px)}.ag-link-down:after{width:6px;left:calc(50% - 3px);top:50%;height:calc(50% + 4px)}.ag-link-left{border-left:5px solid #388ba0!important}.ag-link-right{border-right:5px solid #388ba0!important}.ag-tubes{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.ag-tubes .ag-tube{width:64px;padding:4px 5px 6px;border:2px solid transparent;background:transparent;opacity:1}.ag-tubes .ag-tube:disabled{opacity:.65}.ag-tube-number{display:block;font-weight:bold;margin-bottom:5px}.ag-tube-body{display:flex;flex-direction:column;border:2px solid #64748b;border-top:0;border-radius:0 0 12px 12px;overflow:hidden}.ag-water-layer{height:36px;display:grid;place-items:center;font-size:.9rem;font-weight:700;color:#fff}.ag-water-empty{background:#e9eef5}.ag-water-color-0{background:#b63c4b}.ag-water-color-1{background:#246da8}.ag-water-color-2{background:#34794a}.ag-water-color-3{background:#b27205}.ag-water-color-4{background:#774ba1}.ag-tubes .ag-tube-selected{border-color:var(--ag-accent,#007c91);background:#e4f1f4}@media(max-width:400px){.ag-equation-cell{min-height:34px;font-size:1.05rem}.ag-tubes{gap:6px}.ag-tubes .ag-tube{width:58px}.ag-water-layer{height:32px}.ag-help{font-size:.85rem}}

.ag-equation{--ag-accent:#a05b30}.ag-number-path{--ag-accent:#176c66}.ag-water-sort{--ag-accent:#486e9a}.ag-puzzle .ag-help{color:var(--ag-muted,#5a645f)}.ag-puzzle .ag-puzzle-status{color:var(--ag-ink,#172239)}.ag-puzzle button{transition:background-color .12s,border-color .12s}.ag-equation .ag-equation-grid{padding:12px;background:var(--ag-surface,#faf7f0);border:1px solid var(--ag-border,#d8d3c7);border-radius:14px}.ag-number-path .ag-path-grid{padding:8px;background:var(--ag-surface,#f4f5ed);border:1px solid var(--ag-border,#d8d3c7);border-radius:14px}.ag-water-sort .ag-tubes{padding:16px 4px;border-bottom:3px solid var(--ag-border,#d8d3c7);background:var(--ag-surface,#f7f4ee);border-radius:14px}.ag-feedback-absent{border-bottom:3px solid var(--ag-muted,#53605b)}.ag-puzzle .ag-puzzle-error{color:var(--ag-danger,#ae3548)}@media(prefers-reduced-motion:reduce){.ag-puzzle button{transition:none}}

.ag-path-grid .ag-link-left{border-left:1px solid var(--ag-border,#8491a8)!important;background-image:linear-gradient(#388ba0,#388ba0);background-size:50% 6px;background-position:left center;background-repeat:no-repeat}.ag-path-grid .ag-link-right{border-right:1px solid var(--ag-border,#8491a8)!important;background-image:linear-gradient(#388ba0,#388ba0);background-size:50% 6px;background-position:right center;background-repeat:no-repeat}.ag-path-grid .ag-link-left.ag-link-right{background-size:100% 6px}