.hexagonal-cell{--hc-blue:var(--hc-color-0);color:#e5e5e5;margin:1.5rem auto 2rem;max-width:900px;font-size:1rem;line-height:1.5}.hexagonal-cell [data-palette=prism],.hexagonal-cell[data-palette=prism]{--hc-color-0:#25deff;--hc-color-1:#ffca28;--hc-color-2:#f448ea;--hc-core-0:#b5f6ff;--hc-core-1:#fff1b0;--hc-core-2:#ffc1fa}.hexagonal-cell [data-palette=aurora],.hexagonal-cell[data-palette=aurora]{--hc-color-0:#32ff8b;--hc-color-1:#ff648b;--hc-color-2:#9874ff;--hc-core-0:#c1f8ce;--hc-core-1:#ffdfe3;--hc-core-2:#e8e4ff}.hexagonal-cell [data-palette=solar],.hexagonal-cell[data-palette=solar]{--hc-color-0:#ffe34b;--hc-color-1:#ff582d;--hc-color-2:#06b1f7;--hc-core-0:#fff7c0;--hc-core-1:#ffe0d8;--hc-core-2:#d1edfe}@supports (color:color(display-p3 1 0 0)){@media(color-gamut:p3){.hexagonal-cell [data-palette=prism],.hexagonal-cell[data-palette=prism]{--hc-color-0:color(display-p3 .1 .87 1);--hc-color-1:color(display-p3 1 .79 .06);--hc-color-2:color(display-p3 .96 .2 .94)}.hexagonal-cell [data-palette=aurora],.hexagonal-cell[data-palette=aurora]{--hc-color-0:color(display-p3 .42 1 .56);--hc-color-1:color(display-p3 .97 .38 .53);--hc-color-2:color(display-p3 .58 .45 1)}.hexagonal-cell [data-palette=solar],.hexagonal-cell[data-palette=solar]{--hc-color-0:color(display-p3 1 .89 .16);--hc-color-1:color(display-p3 .96 .34 .16);--hc-color-2:color(display-p3 .2 .69 1)}}}.hexagonal-cell button{font:inherit;font-size:.875rem;padding:.5rem .8rem;border:1px solid #35353e;border-radius:.4rem;background:#191920;color:#bbbcc7;cursor:pointer;transition:background .15s,color .15s}.hexagonal-cell button:hover{background:#282832;color:#fff}.hexagonal-cell button[aria-pressed=true]{background:#e7edf6;border-color:#e7edf6;color:#11131a}.hexagonal-cell button:disabled{opacity:.4;cursor:default}.hexagonal-cell :focus-visible{outline:2px solid var(--hc-blue);outline-offset:4px}.hc-stage{position:relative;background:radial-gradient(ellipse at 50% 52%,#0b0d20,#04050d 70%);border:1px solid #292d43;border-radius:.65rem;overflow:hidden;isolation:isolate}.hc-stage canvas{display:block;width:100%;aspect-ratio:4 / 3;cursor:grab}.hc-stage canvas:active{cursor:grabbing}.hc-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#a9a9bb;padding:2rem;text-align:center}.hc-error{color:#f4b5af}.hc-stage-info{position:absolute;top:.8rem;left:.9rem;pointer-events:none;background:#050510c9;padding:.3rem .55rem;border-radius:.25rem;font-size:.75rem;color:#b5bbce}.hc-toolbar,.hc-buttons,.hc-tabs{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.hc-toolbar{margin:1rem 0;justify-content:space-between;gap:.75rem}.hc-facts{display:flex;justify-content:center;align-items:center;gap:.2rem 1rem;flex-wrap:wrap;text-align:center}.hc-facts strong{font-weight:500}.hc-facts span{color:#9a9baa;font-size:.875rem}.hexagonal-cell .hc-help{text-align:center;font-size:.875rem;color:#999ba9;margin:.65rem 0 1rem}.hc-settings{border-top:1px solid #2b2b35;padding-top:.75rem;margin-top:1rem}.hc-settings summary{cursor:pointer;font-size:.875rem;color:#aaaebd}.hc-controls{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;align-items:center;margin-top:1rem}.hc-controls label{flex:1 1 200px;font-size:.875rem;color:#bfc2d0}.hc-controls output{float:right;font-variant-numeric:tabular-nums;color:#ededf3}.hc-controls input[type=range]{display:block;width:100%;margin-top:.6rem;accent-color:var(--hc-blue)}.hc-controls .hc-check{flex:0 1 auto;display:flex;gap:.5rem;align-items:center}.hc-check input{accent-color:var(--hc-blue)}.hc-tabs{margin-bottom:.85rem}.hc-tabs span{margin-left:auto;font-size:.875rem;color:#a2a5b6}.hc-diagram{display:block;width:100%}.hc-draggable{cursor:grab;touch-action:none}.hc-draggable:active{cursor:grabbing}.hc-count{color:#aaadbd;font-size:.875rem;font-variant-numeric:tabular-nums}.hc-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1.3rem;margin:.8rem 0;color:#bac0cf;font-size:.875rem}.hc-legend span{display:flex;align-items:center;gap:.5rem}.hc-legend i{width:.5rem;height:.5rem;display:inline-block}.hc-center{justify-content:center}.hc-controls input:disabled{opacity:.35}.hc-controls select{display:block;margin-top:.5rem;width:100%;padding:.45rem .6rem;border:1px solid #3b4055;border-radius:.35rem;background:#111420;color:#e6eafa;font:inherit}.hc-panel[hidden]{display:none}.hc-lightbar{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem;justify-content:space-between;margin:.6rem 0 .9rem}.hc-schemes{display:flex;gap:.4rem;flex-wrap:wrap}.hc-schemes button{display:flex;align-items:center;gap:.55rem;background:transparent;border-color:transparent}.hc-schemes button[aria-pressed=true]{background:#191e2c;border-color:#4b5875;color:#fff}.hc-palette-swatch{display:flex;gap:3px;align-items:center}.hc-palette-swatch i{display:block;width:5px;height:14px;border-radius:2px}.hc-palette-swatch i:nth-child(1){background:var(--hc-color-0)}.hc-palette-swatch i:nth-child(2){background:var(--hc-color-1)}.hc-palette-swatch i:nth-child(3){background:var(--hc-color-2)}.hexagonal-cell .hc-fullscreen{background:transparent;border-color:#30374b}.hexagonal-cell:fullscreen{max-width:none;width:100%;height:100%;overflow:auto;margin:0;padding:1rem clamp(.75rem,3vw,3rem);background:#05060c;box-sizing:border-box}.hexagonal-cell:fullscreen .hc-stage canvas{aspect-ratio:auto}.hexagonal-cell::backdrop{background:#05060c}@media(prefers-reduced-motion:reduce){.hexagonal-cell button{transition:none}}@media(max-width:640px){.hc-tabs span{flex-basis:100%;margin-left:0}}@media(max-width:540px){.hc-toolbar{justify-content:center}.hc-stage canvas{aspect-ratio:1 / 1}.hc-facts{flex-direction:column}.hexagonal-cell button{min-height:44px}}