.puzz-grid-cell{position:absolute;background:var(--grid-cell-bg, var(--cell, #1b2c3a));border:1px solid var(--grid-cell-border, var(--cell-border, #243b4d));border-radius:var(--grid-cell-radius, 6px)}.puzz-grid-root{position:absolute;border-radius:var(--grid-radius, 8px);transition:box-shadow .25s}.puzz-grid-root.solved{box-shadow:0 0 0 3px var(--good, #4caf6f),0 0 18px 2px #4caf6f80}.puzz-piece-layer{position:absolute;top:0;left:0;pointer-events:none}.puzz-tile,.puzz-tile-look{border-radius:var(--grid-radius, 8px);font-weight:700;font-family:inherit;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35);-webkit-user-select:none;user-select:none}.puzz-tile{position:absolute;display:flex;align-items:center;justify-content:center;pointer-events:auto;cursor:pointer}.puzz-tile.static{cursor:default}.puzz-tile.ghost{opacity:.5;pointer-events:none}.puzz-tile.cursor{opacity:.4;pointer-events:none}.puzz-tile-shadow,.puzz-tile-look{box-shadow:0 2px 4px #00000040}.puzz-tile-shadow.selected,.puzz-tile-look.selected{box-shadow:0 0 0 3px var(--accent, #5eb8e8),0 2px 4px #00000040}.puzz-tile-shadow.invalid,.puzz-tile-look.invalid{box-shadow:0 0 0 3px var(--bad, #d9534f),0 2px 4px #00000040}.puzz-connector{position:absolute;border-radius:var(--grid-connector-radius, 4px)}.puzz-connector.ghost{opacity:.5}.puzz-wall-outline,.puzz-wall-fill{fill:none;stroke-linecap:round;stroke-linejoin:round}:root{--color-background: #0c141c;--color-surface: #111c26;--color-surface-raised: #1b2c3a;--color-primary: #5eb8e8;--color-secondary: #00cec9;--color-accent: #fdcb6e;--color-success: #4caf6f;--color-danger: #d9534f;--color-warning: #f39c12;--color-text: #e9f1f6;--color-text-muted: #7594a6;--color-border: #243b4d}:root{--bg: var(--color-background);--panel: var(--color-surface);--panel-2: #0f1923;--card-border: var(--color-border);--brass: var(--color-primary);--text: var(--color-text);--text-muted: var(--color-text-muted);--valid: var(--color-success);--conflict: #d65b4a;--tangle-cell: var(--color-surface-raised);--grid-cell-bg: var(--tangle-cell)}*{box-sizing:border-box}html,body{margin:0;padding:0}html{height:100%}body{background:var(--bg);color:var(--text);font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;height:100dvh;max-height:100dvh;overflow:hidden;display:flex;padding:10px 14px}#pageContainer{display:flex;flex-direction:column}#header{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-shrink:0;padding:10px 16px;border-bottom:1px solid var(--card-border);overflow:hidden}#footer{display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:10px 16px;border-top:1px solid var(--card-border);overflow:hidden}.footer-brand{display:flex;flex-direction:column;align-items:center;line-height:1.2;font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;text-decoration:none}.footer-line1{font-weight:700;font-size:.75rem;letter-spacing:-.01em;color:var(--text)}.footer-brand:hover .footer-line1{color:var(--brass)}.brand{display:flex;align-items:baseline;min-width:0;text-decoration:none;color:inherit;touch-action:manipulation}.brand:hover h1{color:var(--brass)}.brand h1{font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700;font-size:1.4rem;margin:0;letter-spacing:-.01em;color:var(--text)}.tally-panel-header{display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid var(--card-border);margin-bottom:8px;padding-bottom:8px}.box-title{font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700;font-size:.85rem;letter-spacing:-.01em;color:var(--text);flex-shrink:0}.tally-panel-header .tagline{font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.72rem;color:var(--text-muted);letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;text-align:right}.box-header-buttons{display:flex;align-items:center;gap:6px;flex-shrink:0}.tally-total.buttons-only{justify-content:flex-end}#topbar{display:flex;align-items:center;gap:4px;flex-shrink:0}#topbar button,#topbar #homeBtn{font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.8rem;font-weight:600;padding:7px 12px;border-radius:999px;border:1px solid transparent;background:transparent;color:var(--text-muted);cursor:pointer;transition:background .15s,color .15s,transform .1s;white-space:nowrap;display:inline-flex;align-items:center;gap:4px;text-decoration:none}#topbar button:hover,#topbar #homeBtn:hover{color:var(--text);background:transparent}#topbar button:active{transform:scale(.96)}#topbar button.primary{background:transparent;color:var(--text);border:2px solid var(--text);padding:6px 16px;font-weight:700}#topbar button.primary:hover{background:#e9f1f61a;color:var(--text);border-color:var(--text)}#helpBtn{font-weight:700}#statusbar{flex-shrink:0;min-height:20px;font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.8rem;color:var(--text-muted);text-align:center;padding:4px 0 2px}#statusbar.win{color:var(--valid);font-weight:700}.layout{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;padding:6px 16px;overflow:hidden}.board-wrap{width:var(--board-computed-width, min(92vw, 50vh, 460px));flex-shrink:0;display:flex;flex-direction:column;gap:8px}.board-stage{position:relative}.board-cells-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.board-cells-layer .puzz-grid-cell{border:none;transition:background .4s ease}svg#board{position:relative;z-index:1;width:100%;height:auto;display:block;overflow:visible}svg#board{touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair}svg#board:focus-visible{outline:2px solid var(--brass);outline-offset:3px}.sidebar{width:var(--tally-computed-width, min(420px, 90vw));max-height:100%;flex-shrink:0;display:flex;flex-direction:column;gap:10px;overflow:hidden}@media (orientation: landscape){.tally-panel{display:flex;flex-direction:column;flex:1}.tally-columns{flex:1;align-items:center!important}}.mini-btn{flex-shrink:0;align-self:flex-end;width:auto;font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;background:transparent;border:1.5px solid var(--card-border);color:var(--text-muted);padding:3px 8px;border-radius:8px;font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.mini-btn:hover{border-color:var(--brass);color:var(--text)}.mini-btn.confirm-pending{background:var(--conflict);border-color:var(--conflict);color:#fff}.mini-btn.confirm-pending:hover{filter:brightness(1.1)}.mode-row{display:flex;justify-content:center;gap:8px}.diff-row{display:flex;justify-content:center;gap:8px;margin-top:10px}.diff-btn{font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:600;background:transparent;border:1.5px solid var(--card-border);color:var(--text-muted);padding:6px 14px;border-radius:999px;font-size:.8rem;letter-spacing:.02em;text-transform:none;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.diff-btn:hover{border-color:var(--brass);color:var(--text)}.diff-btn[data-active=true]{background:var(--brass);border-color:var(--brass);color:#0c141c}.hint{display:none}.tally-panel{background:var(--panel);border:1.5px solid var(--card-border);border-radius:10px;padding:9px 11px;font-size:11.5px}.tally-columns{display:flex;flex-direction:row;align-items:flex-start;gap:9px}.tally-group{flex:1;min-width:0;background:none;border:none;margin:0;padding:0;font:inherit;color:inherit;text-align:left;display:block}.tally-group+.tally-group{border-left:1px solid var(--card-border);padding-left:9px}.tally-columns.selectable .tally-group{cursor:pointer;border-radius:8px;transition:background .15s ease,opacity .15s ease}.tally-columns.selectable .tally-group:hover{background:var(--panel-2)}.tally-columns.selectable .tally-group[data-active=true]{background:color-mix(in srgb,var(--brass) 16%,var(--panel))}.tally-columns.selectable .tally-group[data-active=false]{opacity:.55}.tally-cells{display:flex;flex-direction:column;align-items:center;gap:var(--tally-cell-gap, 6px)}.tally-cell{display:flex;align-items:center;justify-content:center;gap:var(--tally-cell-gap, 6px);min-width:0}.tally-cell .tcell-count{font-size:var(--tally-count-size, 22px);font-weight:700;color:var(--text-muted);white-space:nowrap;font-variant-numeric:tabular-nums;min-width:1.3em}.tally-cell .tcell-count-a{text-align:right}.tally-cell .tcell-count-b{text-align:left}.tally-cell[data-fit=ok] .tcell-count{color:var(--valid)}.tally-cell[data-fit=over] .tcell-count{color:var(--conflict)}.tally-icon{width:var(--tally-icon-size, 34px);height:var(--tally-icon-size, 34px);flex-shrink:0;border-radius:6px;display:block}.tally-total-icon{display:flex;align-items:center;justify-content:center;font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:600;font-size:15px;color:var(--text-muted)}.tally-total{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--card-border);margin-top:8px;padding-top:8px}.tally-total .tally-cell{gap:6px}.tally-total .tally-icon{width:20px;height:20px}.tally-total .tcell-count{font-size:15px;min-width:1em}.gen-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0c141cd9;display:none;align-items:center;justify-content:center;font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text-muted);font-size:13px;letter-spacing:.1em;text-transform:uppercase;z-index:10}.gen-overlay.show{display:flex}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#070c11b8;display:none;align-items:center;justify-content:center;z-index:30;padding:20px}.modal-backdrop.show{display:flex}.modal{position:relative;background:var(--panel);border:1.5px solid var(--card-border);border-radius:14px;padding:22px 24px;width:min(420px,100%);max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #00000080}.modal-x{position:absolute;top:12px;right:14px;background:none;border:none;color:var(--text-muted);font-size:16px;cursor:pointer;line-height:1;padding:4px}.modal-x:hover{color:var(--text)}.modal h2{font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:600;font-size:20px;margin:0 0 12px;text-align:center}.modal h3{font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--brass);font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin:16px 0 4px}.modal h3:first-of-type{margin-top:0}.modal p{font-size:12.5px;line-height:1.5;color:var(--text-muted);margin:0 0 6px}.modal p b{color:var(--text)}.help-subhead{font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--brass);font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin:16px 0 4px}.help-subhead:first-of-type{margin-top:0}.modal-help ul,.help-steps{margin:0 0 6px;padding-left:18px;font-size:12.5px;line-height:1.5;color:var(--text-muted)}.modal-help ul li,.help-steps li{margin:0 0 4px}.modal-copy{margin-bottom:16px!important;text-align:center}.modal-label{font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text-muted);font-size:11px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:2px;text-align:center}.modal-actions{display:flex;justify-content:center;gap:10px;margin-top:18px}.modal-actions button{font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;flex:1;padding:9px 16px;border-radius:8px;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background .15s ease,color .15s ease}.modal-actions .primary{background:transparent;border:1.5px solid var(--brass);color:var(--brass)}.modal-actions .primary:hover{background:var(--brass);color:#0c141c}#helpModal .modal-actions .primary{background:var(--brass);border-color:var(--brass);color:#0c141c}#helpModal .modal-actions .primary:hover{filter:brightness(1.08);background:var(--brass);color:#0c141c}#helpModal .modal{padding:0;position:relative;max-height:100%;overflow:hidden;display:flex;flex-direction:column}#helpModal .help-scroll{flex:1;min-height:0;overflow-y:auto;padding:22px 26px}#helpModal h2{margin:0 0 16px}#helpModal .help-subhead{font-size:12.5px;letter-spacing:.1em;margin:20px 0 6px}#helpModal .help-subhead:first-of-type{margin-top:0}#helpModal p{font-size:14px;line-height:1.55;margin:0 0 8px}#helpModal .help-steps,#helpModal ul{font-size:14px;line-height:1.6;padding-left:22px;margin:0 0 8px}#helpModal .help-steps li,#helpModal ul li{margin:0 0 4px}#helpModal b.help-mode-label{color:var(--text)}#settingsModal .modal-actions button{font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:600;letter-spacing:normal;text-transform:none}.modal-actions .ghost{background:transparent;border:1.5px solid var(--card-border);color:var(--text-muted)}.modal-actions .ghost:hover{border-color:var(--text-muted);color:var(--text)}@media (max-width:720px),(max-aspect-ratio: 4/5){.brand h1{font-size:1.1rem}#header{padding:8px 12px;gap:8px}#footer{padding:8px 12px}#topbar button,#topbar #homeBtn{padding:7px 9px;font-size:.74rem}#topbar button.primary{padding:6px 12px}.layout{gap:6px;padding:5px 12px}.board-wrap{width:var(--board-computed-width, min(92vw, 60vh, 420px));gap:5px}.sidebar{gap:4px}.tally-panel{padding:5px 10px;font-size:12.5px}.tally-panel-header{margin-bottom:6px;padding-bottom:6px}.tally-columns{gap:6px}.tally-group+.tally-group{padding-left:6px}.tally-cells{gap:min(var(--tally-cell-gap, 6px),4px)}.tally-icon{width:min(var(--tally-icon-size, 34px),28px);height:min(var(--tally-icon-size, 34px),28px)}.tally-cell .tcell-count{font-size:min(var(--tally-count-size, 22px),18px)}.tally-cell{gap:min(var(--tally-cell-gap, 6px),4px)}.tally-total{margin-top:6px;padding-top:6px}.hint{font-size:10px;line-height:1.3}}