:root{color:#e5e7eb;background:#0f172a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{border:0}input{width:100%;border:1px solid #334155;border-radius:.8rem;padding:.75rem .9rem;color:#e5e7eb;background:#111827}.app-shell{width:min(1240px,calc(100vw - 2rem));margin:0 auto;padding:4rem 0}.hero-panel,.catalog-panel,.workspace-panel,.puzzle-panel{border:1px solid rgba(148,163,184,.22);border-radius:1.5rem;background:#0f172ac7;box-shadow:0 24px 80px #0206175c}.hero-panel{padding:clamp(2rem,5vw,4rem)}.eyebrow{margin:0 0 1rem;color:#a7f3d0;font-size:.8rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}h1,h2,p{margin-top:0}h1{max-width:880px;margin-bottom:1.5rem;font-size:clamp(2.4rem,7vw,5rem);line-height:.96}h2{margin-bottom:.75rem;font-size:clamp(2rem,4vw,3.5rem);line-height:1}.hero-copy,.workspace-copy p,.status-line{color:#cbd5e1;font-size:1.05rem}.catalog-layout{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.4fr);gap:1rem;margin-top:1rem;transition:grid-template-columns .18s ease}.catalog-layout.catalog-collapsed{grid-template-columns:minmax(5rem,.18fr) minmax(0,1fr)}.catalog-panel,.workspace-panel,.puzzle-panel{padding:1rem}.catalog-panel{align-self:start}.panel-heading{display:flex;justify-content:space-between;gap:1rem;margin-bottom:1rem;color:#cbd5e1}.panel-heading strong{color:#f8fafc}.catalog-count{min-width:max-content}.catalog-heading-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:flex-end}.catalog-collapse-button{border:1px solid rgba(167,243,208,.42);border-radius:999px;padding:.35rem .65rem;color:#0f172a;background:#a7f3d0;cursor:pointer;font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.catalog-collapse-button:hover,.catalog-collapse-button:focus-visible{box-shadow:0 0 0 3px #a7f3d047;outline:none}.catalog-grid{display:grid;gap:.75rem}.catalog-rail{display:grid;min-height:18rem;place-items:center;gap:1rem;color:#cbd5e1;text-align:center}.catalog-rail span{color:#a7f3d0;font-size:.75rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase;writing-mode:vertical-rl}.catalog-rail strong{max-width:8ch;color:#f8fafc;font-size:.9rem;line-height:1.1}.catalog-card{display:grid;gap:.35rem;width:100%;border:1px solid #334155;border-radius:1rem;padding:1rem;color:#cbd5e1;background:#111827;cursor:pointer;text-align:left}.catalog-card:hover,.catalog-card.selected{border-color:#a7f3d0}.catalog-card strong{color:#f8fafc;font-size:1.1rem}.status{width:max-content;border-radius:999px;padding:.2rem .55rem;color:#0f172a;background:#cbd5e1;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.status.playable{background:#a7f3d0}.status.prototype{background:#fde68a}.status.planned{background:#c4b5fd}.workspace-copy{display:grid;gap:.75rem;margin-bottom:1rem}.tag-row,.puzzle-meta{display:flex;flex-wrap:wrap;gap:.6rem}.tag-row span,.puzzle-meta span{border-radius:999px;padding:.35rem .7rem;color:#cbd5e1;background:#1e293b}.control-panel{display:grid;grid-template-columns:2fr repeat(2,minmax(7rem,.65fr)) auto;gap:1rem;align-items:end;border-top:1px solid #1e293b;padding-top:1rem}.control-actions,.puzzle-actions{display:flex;flex-wrap:wrap;gap:.6rem}.control-panel button,.puzzle-actions button{border-radius:999px;padding:.85rem 1.25rem;color:#0f172a;background:#a7f3d0;cursor:pointer;font-weight:800}.control-actions button:nth-child(2),.puzzle-actions button{color:#e5e7eb;background:#334155}.control-panel button:disabled,.puzzle-actions button:disabled{cursor:not-allowed;opacity:.62}label{display:grid;gap:.4rem;color:#cbd5e1;font-size:.9rem;font-weight:700}.status-line{margin:1rem 0 0}.puzzle-panel{margin-top:1rem}.puzzle-meta{margin-bottom:1rem}.grid{display:grid;gap:.35rem}.cell{display:grid;min-height:3rem;place-items:center;border:1px solid #334155;border-radius:.75rem;color:#cbd5e1;background:#111827;font-weight:800}input.cell-input{min-height:3rem;padding:0;text-align:center;text-transform:uppercase}.cell.interactive-cell{cursor:pointer;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.cell.interactive-cell:hover,.cell.interactive-cell:focus-visible,.cell-input.interactive-cell:focus{border-color:#a7f3d0;box-shadow:0 0 0 3px #a7f3d047;outline:none;transform:translateY(-1px)}.cell:disabled,.cell-input:disabled{cursor:default;opacity:1}.cell.selected-grid-cell{border-color:#facc15;box-shadow:0 0 0 3px #facc1552;transform:translateY(-2px)}.cell.given{color:#0f172a;background:#a7f3d0}.cell.accent{color:#f8fafc;background:#7c3aed}.cell.answer{color:#0f172a;background:#facc15}.cell.hint{color:#0f172a;background:#93c5fd}.cell.disabled{border-color:transparent;color:transparent;background:transparent;box-shadow:none}.grid.word-guess .cell{min-height:4rem;font-size:1.3rem;text-transform:uppercase}.grid.peg-solitaire .cell{border-radius:999px}.cards-layout{display:grid;gap:1rem}.card-row{display:grid;gap:.75rem}.stock-row{grid-template-columns:repeat(2,minmax(7rem,1fr));max-width:18rem}.foundation-row{grid-template-columns:repeat(4,minmax(5rem,1fr))}.tableau-row{grid-template-columns:repeat(7,minmax(4.5rem,1fr));align-items:start}.card-stack{display:grid;gap:.5rem;min-width:0}.card-stack-heading{display:grid;gap:.15rem;color:#cbd5e1;font-size:.8rem}.card-stack-heading strong{color:#f8fafc}.card-stack-heading span{color:#94a3b8}.playing-card-list{display:grid;gap:.35rem}.tableau .playing-card-list{grid-auto-rows:1.6rem;padding-bottom:4.8rem}.playing-card{position:relative;display:grid;min-height:4.4rem;place-items:center;border:1px solid #cbd5e1;border-radius:.55rem;color:#0f172a;background:#f8fafc;cursor:pointer;font-size:clamp(.9rem,2vw,1.2rem);font-weight:900;box-shadow:0 10px 24px #02061747;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.playing-card:hover:not(:disabled),.playing-card:focus-visible{border-color:#a7f3d0;box-shadow:0 0 0 3px #a7f3d04d,0 10px 24px #02061747;outline:none;transform:translateY(-2px)}.playing-card:disabled{cursor:default;opacity:1}.playing-card.red{color:#b91c1c}.playing-card.black{color:#111827}.playing-card.back{border-color:#60a5fa;background:linear-gradient(135deg,#60a5fae0,#3b82f6a8),repeating-linear-gradient(45deg,rgba(15,23,42,.2) 0 4px,transparent 4px 8px)}.playing-card.placeholder{border-style:dashed;color:#64748b;background:#0f172a94;box-shadow:none}.playing-card.drop-target{border-color:#a7f3d0;color:#a7f3d0;cursor:pointer}.selected-card{border-color:#facc15;box-shadow:0 0 0 3px #facc1559,0 10px 24px #02061747;transform:translateY(-4px)}.card-action-hint{position:absolute;right:.35rem;bottom:.25rem;color:#64748b;font-size:.55rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.puzzle-actions{margin-top:1rem}.notes-list{margin:1rem 0 0;padding-left:1.25rem;color:#cbd5e1}@media(max-width:940px){.catalog-layout,.catalog-layout.catalog-collapsed,.control-panel{grid-template-columns:1fr}.catalog-rail{min-height:auto;justify-items:start;text-align:left}.catalog-rail span{writing-mode:horizontal-tb}.stock-row,.foundation-row,.tableau-row{grid-template-columns:repeat(auto-fit,minmax(5.5rem,1fr))}}.solitaire-summary{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.solitaire-summary span{border:1px solid rgba(167,243,208,.22);border-radius:999px;padding:.35rem .65rem;color:#d1fae5;background:#064e3b47;font-size:.78rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase}.card-board-top-row{display:grid;grid-template-columns:minmax(12rem,.6fr) minmax(18rem,1fr);gap:1rem;align-items:start}.card-board-top-row .stock-row{max-width:none}.tableau-row{overflow-x:auto;padding:.15rem .15rem 5.4rem;scrollbar-color:#475569 transparent}.tableau-row .card-stack{min-width:5.2rem}.playing-card{aspect-ratio:.72;min-height:5.25rem;overflow:hidden}.tableau .playing-card-list{grid-auto-rows:1.45rem}.card-corner{position:absolute;display:grid;gap:.02rem;justify-items:center;line-height:.86}.card-corner-top{top:.35rem;left:.35rem}.card-corner-bottom{right:.35rem;bottom:.35rem;transform:rotate(180deg)}.card-center-suit{font-size:clamp(1.45rem,4vw,2.4rem);line-height:1;opacity:.92}.card-back-mark{display:grid;width:2.8rem;height:2.8rem;place-items:center;border:2px solid rgba(248,250,252,.5);border-radius:999px;color:#eff6ff;font-size:.78rem;letter-spacing:.12em}.playing-card.placeholder span{font-size:clamp(1.1rem,3vw,1.8rem);opacity:.8}.playing-card.drop-target{box-shadow:inset 0 0 0 2px #a7f3d047}@media(max-width:940px){.card-board-top-row{grid-template-columns:1fr}.tableau-row{grid-template-columns:repeat(7,minmax(4.85rem,1fr))}}select{width:100%;border:1px solid #334155;border-radius:.8rem;padding:.75rem .9rem;color:#e5e7eb;background:#111827}.catalog-layout.catalog-collapsed{grid-template-columns:minmax(4.5rem,.22fr) minmax(0,1fr)}.catalog-panel.collapsed{padding:.75rem}.catalog-panel.collapsed .panel-heading{display:grid;gap:.6rem;justify-items:center;text-align:center}.catalog-panel.collapsed .catalog-count{max-width:6rem;min-width:0;overflow:hidden;color:#f8fafc;font-size:.75rem;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.catalog-mini-list{display:grid;gap:.55rem}.catalog-mini-card{display:grid;min-height:2.75rem;place-items:center;border:1px solid #334155;border-radius:.9rem;color:#cbd5e1;background:#111827;cursor:pointer;font-size:.72rem;font-weight:900;letter-spacing:.08em}.catalog-mini-card:hover,.catalog-mini-card:focus-visible,.catalog-mini-card.selected{border-color:#a7f3d0;color:#0f172a;background:#a7f3d0;outline:none}.sudoku-workspace .workspace-copy{grid-template-columns:auto 1fr;align-items:center}.sudoku-workspace .workspace-copy h2{margin-bottom:0}.grid.sudoku{gap:0;width:min(100%,42rem);overflow:hidden;border:2px solid #e5e7eb;border-radius:1rem;background:#475569;box-shadow:0 24px 80px #02061761}.grid.sudoku .cell{min-height:clamp(2.45rem,7vw,4.3rem);border:1px solid rgba(148,163,184,.42);border-radius:0;color:#dbeafe;background:#0f172a;font-size:clamp(1.15rem,3vw,2rem);font-weight:800}.grid.sudoku .cell.box-left{border-left-width:3px;border-left-color:#e5e7eb}.grid.sudoku .cell.box-top{border-top-width:3px;border-top-color:#e5e7eb}.grid.sudoku .cell.given{color:#f8fafc;background:#1e293b}.grid.sudoku .cell.answer{color:#dbeafe;background:#0f172a}.grid.sudoku .cell.hint,.grid.sudoku .cell.conflict-cell,.grid.sudoku .cell.mistake-cell{color:#450a0a;background:#fecaca}.grid.sudoku .cell.peer-cell{background:#172554}.grid.sudoku .cell.same-value-cell{color:#0f172a;background:#bfdbfe}.grid.sudoku .cell.correct-cell{color:#052e16;background:#bbf7d0}.grid.sudoku .cell.mistake-cell{color:#450a0a;background:#fecaca}.grid.sudoku .cell.selected-grid-cell,.grid.sudoku .cell-input.interactive-cell:focus{border-color:#facc15;box-shadow:inset 0 0 0 2px #facc15;outline:none;transform:none}.sudoku-digit-pad{display:grid;grid-template-columns:repeat(10,minmax(2.6rem,1fr));gap:.45rem;width:min(100%,42rem)}.sudoku-digit-pad button{border:1px solid #334155;border-radius:.75rem;padding:.8rem .45rem;color:#e5e7eb;background:#111827;cursor:pointer;font-weight:900}.sudoku-digit-pad button:hover:not(:disabled),.sudoku-digit-pad button:focus-visible{border-color:#a7f3d0;box-shadow:0 0 0 3px #a7f3d038;outline:none}.sudoku-digit-pad button:disabled{cursor:not-allowed;opacity:.45}.sudoku-seed-panel{display:grid;grid-template-columns:minmax(9rem,.8fr) minmax(14rem,1.2fr) auto;gap:1rem;align-items:end;border-top:1px solid #1e293b;padding-top:1rem}.sudoku-input-hint{grid-column:1 / -1;margin:-.25rem 0 0;color:#94a3b8;font-size:.9rem}@media(max-width:940px){.catalog-layout.catalog-collapsed,.sudoku-seed-panel{grid-template-columns:1fr}.catalog-mini-list,.sudoku-digit-pad{grid-template-columns:repeat(auto-fit,minmax(3rem,1fr))}}:root{scroll-behavior:smooth}.app-tabs{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.5rem}.app-tabs a{border:1px solid rgba(167,243,208,.34);border-radius:999px;padding:.45rem .8rem;color:#a7f3d0;font-size:.78rem;font-weight:900;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.app-tabs a[aria-current=page]{color:#0f172a;background:#a7f3d0}.app-tabs a:hover,.app-tabs a:focus-visible{box-shadow:0 0 0 3px #a7f3d038;outline:none}.site-view{display:grid;width:min(1240px,calc(100vw - 2rem));margin:1rem auto;gap:1rem;border:1px solid rgba(148,163,184,.22);border-radius:1.5rem;padding:clamp(1.25rem,3vw,2rem);background:#0f172ac7;box-shadow:0 24px 80px #02061747}.site-kicker{margin:0;color:#a7f3d0;font-size:.75rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.site-view h2,.site-view h3,.site-view p{margin:0}.site-view h2{color:#f8fafc;font-size:clamp(1.6rem,3vw,2.4rem);line-height:1}.site-view h3{color:#f8fafc;font-size:1.05rem}.site-view p{color:#cbd5e1}.view-copy{max-width:720px}.site-changelog article,.about-view article{display:grid;gap:.4rem;border-top:1px solid #1e293b;padding-top:1rem}.site-changelog time{color:#94a3b8;font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.site-footer{display:grid;width:min(1240px,calc(100vw - 2rem));grid-template-columns:minmax(0,1fr) auto;gap:.75rem 1rem;align-items:center;margin-inline:auto;margin-bottom:2rem;border:1px solid rgba(148,163,184,.22);border-radius:1.5rem;padding:1rem;background:#0f172ac7;box-shadow:0 24px 80px #02061747}.site-footer div,.site-footer nav{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.site-footer strong{color:#f8fafc}.site-footer span{border-radius:999px;padding:.2rem .55rem;color:#0f172a;background:#facc15;font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.site-footer nav{justify-content:flex-end}.site-footer a{color:#a7f3d0;font-weight:800;text-decoration:none}.site-footer a:hover,.site-footer a:focus-visible{text-decoration:underline;text-underline-offset:.2em}.site-footer p{grid-column:1 / -1;margin:0;color:#cbd5e1;font-size:.9rem}@media(max-width:720px){.site-footer{grid-template-columns:1fr}.site-footer nav{justify-content:flex-start}}