.quick-games{max-width:1120px;margin:24px auto}.network-progress{color:#52617b;margin-top:18px;font-size:15px}.pipe-grid{gap:4px;max-width:400px;margin:20px auto;display:grid}.pipe-cell{aspect-ratio:1;color:#77849a;touch-action:manipulation;background:#edf1f8;border:1px solid #cbd4e4;border-radius:8px;min-width:0;padding:0}.pipe-cell.connected{color:#3555cb;background:#e4edff}.pipe-cell svg{width:100%;height:100%;display:block}.pipe-cell line{stroke:currentColor;stroke-width:13px}.pipe-cell circle{fill:currentColor}.pipe-cell .pipe-source{fill:#fff}.pipe-cell:focus-visible{outline-offset:2px;outline:3px solid #a36a00}.flood-palette button:focus-visible{outline-offset:2px;outline:3px solid #a36a00}.network-hint{outline-offset:1px;z-index:1;outline:3px solid #a36a00!important}.flood-grid{background:#253354;border:3px solid #253354;border-radius:5px;grid-template-columns:repeat(6,1fr);gap:2px;max-width:360px;margin:20px auto;display:grid;overflow:hidden}.flood-square{aspect-ratio:1;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.flood-owned{box-shadow:inset 0 0 0 2px #ffffffa6}.flood-0{color:#fff;background:#3457c5}.flood-1{color:#fff;background:#ad432d}.flood-2{color:#28344b;background:#f3c34b}.flood-3{color:#fff;background:#176c68}.flood-4{color:#fff;background:#7445a0}.flood-5{color:#3b2340;background:#f1a0c5}.flood-palette{grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0 22px;display:grid}.flood-palette button{touch-action:manipulation;border:2px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:48px;font-size:14px;display:flex}.flood-palette button[aria-pressed=true]{border:3px solid #17243f;box-shadow:inset 0 0 0 2px #fff}.flood-palette button:disabled{cursor:default}@media (max-width:420px){.network-play{padding:12px!important}.pipe-grid{gap:3px}.flood-palette button{gap:5px}}.peg-board{grid-template-columns:repeat(10,minmax(0,1fr));gap:10px 0;max-width:380px;margin:24px auto;display:grid}.peg-learn{justify-content:flex-start;margin:0 0 16px;font-size:15px}.peg-lesson-tip{color:#52617b;margin-bottom:16px;font-size:16px;line-height:1.5}.peg-board button{aspect-ratio:1;color:#63728f;touch-action:manipulation;background:#edf1f8;border:2px solid #b7c3db;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;min-width:0;min-height:52px;margin:0 3px;display:flex}.peg-board button span{font-size:24px;line-height:1}.peg-board button small{font-size:12px;line-height:1.2}.peg-board button.occupied{color:#fff;background:#263458;border-color:#263458}.peg-board button.selected{outline-offset:2px;background:#4058dc;outline:3px solid #4058dc}.peg-board button.landing{color:#263458;background:#e3e8ff;border:3px dashed #4058dc}.peg-board button.hint-target{outline-offset:2px;background:#ffe293;outline:3px solid #a36a00}.peg-board button:focus-visible{outline-offset:3px;outline:3px solid #a36a00}.peg-new{color:#4058dc;margin-left:5px;font-size:12px}.qg-game-tabs{flex-wrap:wrap;gap:6px;height:auto}.qg-game-tabs button{gap:8px;min-height:46px;padding:10px 18px;font-size:16px}.qg-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin:26px 0 20px;display:flex}.qg-heading h2{margin:8px 0;font-size:30px;font-weight:700}.qg-heading p,.qg-guide p{color:#52617b;font-size:16px;line-height:1.6}.qg-layout{grid-template-columns:minmax(0,1.4fr) minmax(240px,1fr);align-items:start;gap:28px;display:grid}.qg-play{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:24px}.qg-status{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-bottom:24px;font-size:14px;display:flex}.qg-board{gap:9px;max-width:380px;margin:auto;display:grid}.qg-board button{aspect-ratio:1;color:#52617b;touch-action:manipulation;background:#e5eaf4;border:2px solid #c5cde0;border-radius:14px;font-size:32px;font-weight:750;transition:background .12s,box-shadow .12s}.qg-board button.lit{color:#725006;background:#ffe293;border-color:#c49b2c}.qg-board.tiles button:not(.blank){color:#fff;background:#263458;border-color:#263458}.qg-board.tiles button:disabled:not(.blank){opacity:.75}.qg-board button.blank{background:0 0;border:2px dashed #b6c1d7}.qg-board button.hinted{outline-offset:2px;outline:4px solid #3757ea}:is(.qg-board button:focus-visible,.qg-tools button:focus-visible,.qg-levels button:focus-visible){outline-offset:3px;outline:3px solid #3757ea}.qg-tools{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:24px;display:flex}.qg-tools button,.qg-levels button{background:var(--card);border:1px solid var(--border);border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:9px 13px;font-size:14px;display:inline-flex}.qg-tools button:disabled,.qg-levels button:disabled{opacity:.45}.qg-message{text-align:center;min-height:44px;margin-top:20px;font-size:15px;line-height:1.5}.qg-message h3{font-size:24px;font-weight:700}.qg-primary{color:#fff;background:#354ed7;border-radius:10px;margin-top:12px;padding:12px 18px}.qg-guide{background:#edf1fc;border-radius:18px;padding:20px}.qg-guide h3{margin-bottom:10px;font-size:18px;font-weight:700}.qg-guide p{margin-bottom:18px}.qg-example{grid-template-columns:repeat(3,1fr);gap:5px;max-width:168px;margin:18px 0;display:grid}.qg-example span{aspect-ratio:1;color:#263458;background:#dbe1f0;border-radius:6px;place-items:center;font-weight:650;display:grid}.qg-example span.on{background:#ffe293}.qg-levels{flex-wrap:wrap;align-items:center;gap:8px;margin-top:20px;display:flex}.qg-levels input{border:1px solid var(--border);background:var(--card);border-radius:8px;width:76px;min-height:44px;padding:8px}.qg-footnote{color:#52617b;max-width:760px;margin-top:18px;font-size:14px;line-height:1.6}@media (max-width:700px){.qg-layout{grid-template-columns:1fr}.qg-play{padding:16px}.qg-board{gap:8px}.qg-board button{font-size:28px}.qg-heading h2{font-size:26px}}@media (prefers-reduced-motion:reduce){.qg-board button{transition:none}}