:root{--bg:#f6f3ec;--bg-raised:#fbf9f3;--code-bg:#efe9da;--border:#e4dfd1;--text:#847f74;--text-h:#2e2b27;--sage:#7a8f73;--sage-bg:#7a8f7326;--gold:#d9a65e;--gold-bg:#d9a65e26;--plum:#b98cc7;--plum-bg:#b98cc726;--blue:#7fa1c0;--blue-bg:#7fa1c026;--danger:#c0705f;--danger-bg:#c0705f1f;--sage-bg2:#7a8f7352;--gold-bg2:#d9a65e52;--plum-bg2:#b98cc752;--blue-bg2:#7fa1c052;--accent:var(--sage);--accent-bg:var(--sage-bg);--accent-border:#7a8f7380;--shadow:0 10px 28px #2e2b2717;--shadow-sm:0 4px 12px #2e2b270f;--radius:16px;--radius-sm:10px;--radius-pill:999px;--sans:"Karla", system-ui, "Segoe UI", Roboto, sans-serif;--heading:"Fraunces", Georgia, serif;--mono:"IBM Plex Mono", ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2,h3{font-family:var(--heading);color:var(--text-h);text-wrap:balance;font-weight:600}h1{letter-spacing:-.4px;margin:32px 0;font-size:44px}@media (width<=1024px){h1{margin:20px 0;font-size:32px}}h2{margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}a{color:var(--text-h);-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border);text-underline-offset:2px}a:hover{-webkit-text-decoration-color:var(--sage);text-decoration-color:var(--sage)}button{font-family:var(--sans);color:var(--bg-raised);background:var(--sage);border-radius:var(--radius-pill);cursor:pointer;border:none;padding:10px 20px;font-size:14px;font-weight:700;transition:filter .15s}button:hover:not(:disabled){filter:brightness(1.06)}button:disabled{cursor:default;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--sage);outline-offset:2px}input,select{font-family:var(--sans);color:var(--text-h);background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px;font-size:14.5px}table{border-collapse:collapse}.sudoku-wrapper{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;align-items:center;gap:16px;padding:22px;display:flex}.sudoku-toolbar{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.sudoku-toggle{font-size:11.5px;font-weight:700;font-family:var(--sans);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text);cursor:pointer;background:0 0;padding:5px 12px}.sudoku-toggle--active{border-color:var(--border);background:var(--code-bg);color:var(--text-h);font-weight:700}.sudoku-stats{font-family:var(--mono);gap:24px;font-size:15px;display:flex}.sudoku-grid{border:1.5px solid var(--text);border-radius:var(--radius-sm);grid-template-rows:repeat(9,40px);grid-template-columns:repeat(9,40px);display:grid;overflow:hidden}.sudoku-cell{text-align:center;width:40px;height:40px;font-size:18px;font-family:var(--mono);border:1px solid var(--border);background:var(--bg-raised);color:var(--text-h);box-sizing:border-box;padding:0;font-weight:600}.sudoku-cell--box-left{border-left:1.5px solid var(--text)}.sudoku-cell--box-top{border-top:1.5px solid var(--text)}.sudoku-cell--given{background:var(--code-bg);cursor:default;font-weight:700}.sudoku-cell--editable{color:var(--blue)}.sudoku-cell--editable:focus{outline:2px solid var(--sage);outline-offset:-2px}.sudoku-cell--peer{background:var(--code-bg)}.sudoku-cell--same-number{background:var(--sage-bg)}.sudoku-cell--selected{background:var(--sage-bg);box-shadow:inset 0 0 0 2px var(--sage)}.sudoku-cell--conflict,.sudoku-cell--wrong{background:var(--danger-bg);color:var(--danger)}.sudoku-notes-grid{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);width:100%;height:100%;display:grid}.sudoku-note{color:var(--text);justify-content:center;align-items:center;font-size:9px;line-height:1;display:flex}.sudoku-remaining{font-family:var(--mono);color:var(--text);flex-wrap:wrap;justify-content:center;gap:12px;font-size:13px;display:flex}.sudoku-submit{padding:8px 24px}.hiddenword-wrapper{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);outline:none;flex-direction:column;align-items:center;gap:16px;padding:22px;display:flex}.hiddenword-grid{flex-direction:column;gap:6px;display:flex}.hiddenword-row{gap:6px;display:flex}.hiddenword-cell{width:44px;height:44px;font-size:20px;font-weight:700;font-family:var(--sans);text-transform:uppercase;border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-raised);color:var(--text-h);box-sizing:border-box;justify-content:center;align-items:center;display:flex}.hiddenword-cell--filled{border-color:var(--text)}.hiddenword-cell--correct{background:var(--sage);border-color:var(--sage);color:var(--bg-raised)}.hiddenword-cell--present{background:var(--gold);border-color:var(--gold);color:var(--bg-raised)}.hiddenword-cell--absent{background:var(--code-bg);border-color:var(--code-bg);color:var(--text)}.hiddenword-status{min-height:20px;color:var(--text-h);font-size:14px}.hiddenword-keyboard{flex-direction:column;gap:8px;width:100%;max-width:480px;display:flex}.hiddenword-keyboard-row{justify-content:center;gap:6px;display:flex}.hiddenword-key{border-radius:var(--radius-sm);background:var(--code-bg);min-width:32px;height:44px;color:var(--text-h);font-family:var(--sans);cursor:pointer;border:none;padding:0 8px;font-size:13px;font-weight:600}.hiddenword-key:hover:not(:disabled){filter:none}.hiddenword-key:disabled{cursor:default;opacity:.6}.hiddenword-key--wide{min-width:52px;font-size:11px}.hiddenword-key--correct{background:var(--sage);color:var(--bg-raised)}.hiddenword-key--present{background:var(--gold);color:var(--bg-raised)}.hiddenword-key--absent{background:var(--border);color:var(--text)}.crowns-wrapper{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;align-items:center;gap:16px;padding:22px;display:flex}.crowns-stats{font-family:var(--mono);gap:24px;font-size:15px;display:flex}.crowns-grid{border:1.5px solid var(--text);border-radius:var(--radius-sm);background:var(--border);gap:2px;padding:2px;display:grid;overflow:hidden}.crowns-cell{width:40px;height:40px;color:var(--text-h);box-sizing:border-box;cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;padding:0;font-size:20px;display:flex}.crowns-cell:focus-visible{outline:2px solid var(--sage);outline-offset:-2px}.crowns-cell--conflict{outline:1.5px solid var(--danger);outline-offset:-1.5px}.crowns-submit{padding:8px 24px}.families-wrapper{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:520px;box-shadow:var(--shadow-sm);box-sizing:border-box;flex-direction:column;align-items:center;gap:16px;margin:0 auto;padding:22px;display:flex}.families-stats{font-family:var(--mono);gap:24px;font-size:15px;display:flex}.families-found-groups{flex-direction:column;gap:8px;width:100%;display:flex}.families-found-group{border-radius:var(--radius-sm);color:var(--bg-raised);text-align:center;padding:10px 14px}.families-found-group--revealed{background:var(--code-bg);color:var(--text);border:1px dashed var(--border)}.families-found-category{text-transform:uppercase;letter-spacing:.5px;font-size:14px;font-weight:700}.families-found-words{font-size:13px}.families-grid{grid-template-columns:repeat(4,1fr);gap:8px;width:100%;display:grid}.families-tile{text-align:center;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--code-bg);color:var(--text-h);cursor:pointer;padding:12px 4px;font-size:13px;font-weight:600}.families-tile--selected{background:var(--sage);border-color:var(--sage);color:var(--bg-raised)}.families-tile:disabled{cursor:default;opacity:.6}.families-message{min-height:20px;color:var(--text-h);font-size:14px}.families-message--loss{font-weight:700}.families-actions{gap:12px;display:flex}.families-submit{padding:8px 24px}.universe-wrapper{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;align-items:center;gap:16px;padding:22px;display:flex}.universe-stats{font-family:var(--mono);gap:24px;font-size:15px;display:flex}.universe-grid{border:1.5px solid var(--text);border-radius:var(--radius-sm);grid-template-rows:44px 12px 44px 12px 44px 12px 44px 12px 44px 12px 44px;grid-template-columns:44px 12px 44px 12px 44px 12px 44px 12px 44px 12px 44px;display:grid;overflow:hidden}.universe-cell{width:44px;height:44px;font-size:18px;font-family:var(--mono);border:1px solid var(--border);background:var(--bg-raised);color:var(--blue);box-sizing:border-box;cursor:pointer;justify-content:center;align-items:center;padding:0;font-weight:600;display:flex}.universe-cell--given{background:var(--code-bg);color:var(--text-h);cursor:default;font-weight:700}.universe-cell--editable:focus-visible{outline:2px solid var(--sage);outline-offset:-2px}.universe-cell--conflict{background:var(--danger-bg);border-color:var(--danger);color:var(--danger)}.universe-cell:disabled{cursor:default}.universe-edge{font-size:12px;font-family:var(--mono);color:var(--gold);pointer-events:none;z-index:1;justify-content:center;align-items:center;font-weight:700;display:flex}.universe-submit{padding:8px 24px}.maze-wrapper{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);outline:none;flex-direction:column;align-items:center;gap:16px;padding:22px;display:flex}.maze-stats{font-family:var(--mono);gap:24px;font-size:15px;display:flex}.maze-grid{display:grid}.maze-cell{box-sizing:border-box;background:0 0;position:relative}.maze-cell--visited{background:var(--sage-bg)}.maze-cell--wall-n{border-top:2.5px solid var(--text-h)}.maze-cell--wall-e{border-right:2.5px solid var(--text-h)}.maze-cell--wall-s{border-bottom:2.5px solid var(--text-h)}.maze-cell--wall-w{border-left:2.5px solid var(--text-h)}.maze-player{background:var(--sage);border-radius:50%;position:absolute;inset:28%}.maze-end-marker{border:2.5px solid var(--gold);border-radius:50%;position:absolute;inset:22%}.colors-wrapper{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;align-items:center;gap:16px;padding:22px;display:flex}.colors-stats{font-family:var(--mono);gap:24px;font-size:15px;display:flex}.colors-grid{border:1.5px solid var(--text);border-radius:var(--radius-sm);display:grid;overflow:hidden}.colors-cell{box-sizing:border-box}.colors-cell--0{background:var(--sage)}.colors-cell--1{background:var(--gold)}.colors-cell--2{background:var(--plum)}.colors-cell--3{background:var(--blue)}.colors-cell--4{background:var(--sage-bg2)}.colors-cell--5{background:var(--gold-bg2)}.colors-message{color:var(--danger);margin:0;font-size:14px;font-weight:700}.colors-swatches{gap:8px;display:flex}.colors-swatch{border-radius:var(--radius-pill);cursor:pointer;border:2px solid #0000;width:36px;height:36px;padding:0}.colors-swatch--0{background:var(--sage)}.colors-swatch--1{background:var(--gold)}.colors-swatch--2{background:var(--plum)}.colors-swatch--3{background:var(--blue)}.colors-swatch--4{background:var(--sage-bg2)}.colors-swatch--5{background:var(--gold-bg2)}.colors-swatch:hover:not(:disabled){filter:none;border-color:var(--text-h)}.colors-swatch:disabled{opacity:.35;cursor:default}.pipes-wrapper{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;align-items:center;gap:16px;padding:22px;display:flex}.pipes-toolbar{gap:6px;display:flex}.pipes-toggle{font-size:11.5px;font-weight:700;font-family:var(--sans);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text);cursor:pointer;background:0 0;padding:5px 12px}.pipes-toggle--active{background:var(--code-bg);color:var(--text-h)}.pipes-stats{font-family:var(--mono);gap:24px;font-size:15px;display:flex}.pipes-grid{border:1.5px solid var(--text);border-radius:var(--radius-sm);display:grid;overflow:hidden}.pipes-cell{box-sizing:border-box;background:var(--bg-raised);border:1px solid var(--border);border-radius:0;justify-content:center;align-items:center;padding:0;display:flex}.pipes-cell:hover:not(:disabled){filter:none;background:var(--code-bg)}.pipes-cell:disabled{cursor:default}.pipes-cell-icon{width:65%;height:65%;stroke:var(--text-h);stroke-width:2.2px;stroke-linecap:round;fill:none;transition:transform .15s}.pipes-cell--correct .pipes-cell-icon{stroke:var(--sage)}.subway-wrapper{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;align-items:center;gap:16px;padding:22px;display:flex}.subway-stats{font-family:var(--mono);gap:24px;font-size:15px;display:flex}.subway-board{position:relative}.subway-bridges{pointer-events:none;position:absolute;top:0;left:0}.subway-bridge-line{stroke:var(--text-h);stroke-width:2.5px;stroke-linecap:round}.subway-island{background:var(--code-bg);border:2px solid var(--text);width:28px;height:28px;color:var(--text-h);font-family:var(--mono);border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:13px;font-weight:700;display:flex;position:absolute;transform:translate(-50%,-50%)}.subway-island:hover:not(:disabled){filter:none;border-color:var(--text-h)}.subway-island:disabled{cursor:default}.subway-island--selected{border-color:var(--sage);box-shadow:0 0 0 3px var(--sage-bg)}.subway-island--satisfied{color:var(--sage);border-color:var(--sage);background:var(--sage-bg)}.app-shell{flex-direction:column;flex:1;width:100%;display:flex}.app-main{flex-direction:column;flex:1;align-items:center;padding:24px;display:flex}.nav-bar{background:var(--bg-raised);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:14px 24px;display:flex}.nav-brand{font-family:var(--heading);color:var(--text-h);align-items:center;gap:9px;font-size:19px;font-weight:600;text-decoration:none;display:flex}.nav-brand-mark{background:var(--sage);border-radius:50%;flex:none;width:26px;height:26px}.nav-links,.nav-account{align-items:center;gap:16px;display:flex}.site-footer{background:var(--bg-raised);border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex}.footer-copyright{color:var(--text);font-size:13px}.footer-links{align-items:center;gap:16px;display:flex}.footer-links a{color:var(--text);font-size:13px}.footer-links a:hover{color:var(--text-h)}.static-page{text-align:left;flex-direction:column;gap:16px;width:100%;max-width:720px;display:flex}.static-page h2{margin-top:8px}.nav-links a{color:var(--text);font-size:14px;font-weight:600;text-decoration:none}.nav-links a:hover{color:var(--text-h)}.nav-username{color:var(--text-h);font-size:14px;font-weight:600}.play-toolbar{align-items:center;gap:12px;margin-bottom:20px;display:flex}.period-label{color:var(--text);margin:-8px 0 4px;font-size:14px}.winner-callout{color:var(--text-h);background:var(--gold-bg);border:1px solid var(--gold);border-radius:var(--radius-sm);margin-bottom:12px;padding:6px 12px;font-weight:600;display:inline-block}.viewer-rank-note{color:var(--text);margin-top:8px;font-size:14px}.daily-badge{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:#9c7530;background:var(--gold-bg);border:1px solid var(--gold);border-radius:var(--radius-pill);padding:5px 12px;font-size:11px;font-weight:700}.result-panel{flex-direction:column;align-items:center;gap:4px;margin-top:16px;display:flex}.form-error{color:var(--danger)}.btn-ghost{color:var(--text-h);border:1px solid var(--border);background:0 0}.btn-ghost:hover:not(:disabled){filter:none;border-color:var(--sage)}.auth-form{text-align:left;flex-direction:column;gap:12px;width:320px;max-width:100%;display:flex}.auth-form label{flex-direction:column;gap:4px;font-size:14px;display:flex}.auth-form input{padding:8px;font-size:15px}.data-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;max-width:720px}.data-table th{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--text);font-size:11px;font-weight:600}.data-table th,.data-table td{border-bottom:1px solid var(--border);text-align:left;padding:10px 16px}.data-table tbody tr:hover{background:var(--code-bg)}.result-actions{align-items:center;gap:12px;margin-top:8px;display:flex}.home-page,.game-selection-page{flex-direction:column;gap:32px;width:100%;max-width:960px;display:flex}.home-hero{text-align:center}.home-section{text-align:left;flex-direction:column;gap:16px;display:flex}.home-section--placeholder{border:1px dashed var(--border);border-radius:var(--radius-sm);padding:16px}.home-placeholder-note{color:var(--text);font-size:15px}.home-see-all-link{align-self:center}.game-panel-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;display:grid}.game-panel{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);color:inherit;text-align:center;flex-direction:column;align-items:center;gap:10px;padding:20px 16px;text-decoration:none;transition:box-shadow .15s,transform .15s;display:flex}.game-panel:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.game-icon{border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.game-icon svg{width:46%;height:46%}.game-icon--sage{background:var(--sage-bg);color:var(--sage)}.game-icon--gold{background:var(--gold-bg);color:#b4823e}.game-icon--plum{background:var(--plum-bg);color:#96699f}.game-icon--blue{background:var(--blue-bg);color:#5c7c9e}.game-panel-icon{border-radius:50%;width:56px;height:56px}.game-panel-name{font-family:var(--heading);color:var(--text-h);font-weight:600}.game-panel-description{color:var(--text);font-size:13.5px}.game-panel-wrapper{position:relative}.game-panel-help-btn{border:1px solid var(--sage);background:var(--sage-bg);width:24px;height:24px;color:var(--text-h);border-radius:50%;padding:0;font-size:13px;font-weight:600;line-height:1;position:absolute;top:10px;right:10px}.help-toolbar-btn{margin-left:auto}.modal-overlay{z-index:100;background:#2e2b2773;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-panel{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);text-align:left;width:100%;max-width:560px;max-height:80vh;padding:26px;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.modal-header h2{color:var(--text-h);margin:0}.modal-close-btn{width:28px;height:28px;color:var(--text);background:0 0;border:none;border-radius:50%;padding:0;font-size:20px;line-height:1}.modal-close-btn:hover:not(:disabled){filter:none;background:var(--code-bg);color:var(--text-h)}.modal-panel section+section{margin-top:16px}.modal-panel h3{color:var(--text-h)}.continue-playing-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.continue-playing-row{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);align-items:baseline;gap:12px;padding:10px 14px;display:flex}.continue-playing-meta{color:var(--text);font-size:14px}