:root{--bg: #f7f8fb;--text: #1b1f2a;--panel-bg: #ffffff;--panel-border: #e4e8f0;--accent: #3b82f6;--path-a: #2563eb;--path-b: #ec4899;--multiple: #22c55e;--hex-bg: #ffffff;--hex-border: #cbd5f5;--selected: #0ea5e9;--focus: #f59e0b}[data-theme=dark]{--bg: #0f172a;--text: #e2e8f0;--panel-bg: #111827;--panel-border: #1f2937;--accent: #60a5fa;--path-a: #60a5fa;--path-b: #f472b6;--multiple: #86efac;--hex-bg: #0b1220;--hex-border: #334155;--selected: #38bdf8;--focus: #facc15}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text)}.app{min-height:100vh;display:flex;flex-direction:column;gap:24px;padding:24px;max-width:1200px;margin:0 auto}.top-bar{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.control-panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px;min-width:260px}.control-group{display:flex;flex-direction:column;gap:8px}.control-label{font-weight:600}.toggle,.reset-button{border:1px solid var(--panel-border);background:var(--panel-bg);padding:8px 12px;border-radius:8px;font-weight:600;color:var(--text);cursor:pointer}.reset-container{display:flex;justify-content:flex-end}.checkbox{display:flex;align-items:center;gap:8px}.slider-inline{display:flex;flex-direction:column;gap:6px}.triangle-section{display:flex;justify-content:center}.triangle{display:flex;flex-direction:column;gap:8px;align-items:center;padding:16px}.triangle-row{display:flex;justify-content:center;gap:6px}.triangle-cell{width:var(--cell-size);height:var(--cell-size);border:none;background:transparent;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;color:var(--text)}.hex{background:var(--hex-bg);border:2px solid var(--hex-border);clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0 50%)}.hex--hidden{background:transparent;border-color:transparent}.cell-value{font-weight:600;font-size:clamp(.65rem,1.8vw,.95rem)}.cell-value.hidden{visibility:hidden}.highlight-a{border-color:var(--path-a);box-shadow:inset 0 0 0 2px var(--path-a)}.highlight-b{border-color:var(--path-b);box-shadow:inset 0 0 0 2px var(--path-b);outline:2px dashed var(--path-b);outline-offset:2px}.selected{outline:2px solid var(--selected);outline-offset:2px}.multiple{background:color-mix(in srgb,var(--multiple) 18%,transparent);border-color:color-mix(in srgb,var(--multiple) 55%,var(--hex-border))}.triangle-cell:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.content{display:flex;flex-direction:column;gap:16px}.content-section{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:16px;padding:16px}.site-footer{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--panel-border);padding-top:16px;padding-bottom:80px;align-items:center;text-align:center}.footer-links{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.footer-links a{color:var(--accent);text-decoration:none;font-weight:600}.footer-links a:hover{text-decoration:underline}@media(max-width:767px){:root{--cell-size: 40px}.app{padding:16px}.top-bar{flex-direction:column;align-items:flex-start}.control-panel{width:100%}.triangle{gap:0;padding:4px}.triangle-row{gap:0;margin-top:-6px}.triangle-row:first-child{margin-top:0}}@media(min-width:768px)and (max-width:1023px){:root{--cell-size: 40px}}@media(min-width:1024px){:root{--cell-size: 48px}.app{padding-top:4px}.triangle-section{margin-top:-24px}.triangle,.triangle-row{gap:0}}