: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}.catalog-panel,.workspace-panel,.puzzle-panel{padding:1rem}.panel-heading{display:flex;justify-content:space-between;gap:1rem;margin-bottom:1rem;color:#cbd5e1}.panel-heading strong{color:#f8fafc}.catalog-grid{display:grid;gap:.75rem}.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-panel button{border-radius:999px;padding:.85rem 1.25rem;color:#0f172a;background:#a7f3d0;cursor:pointer;font-weight:800}.control-panel 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}.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.wordle .cell{min-height:4rem;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}.notes-list{margin:1rem 0 0;padding-left:1.25rem;color:#cbd5e1}@media(max-width:940px){.catalog-layout,.control-panel{grid-template-columns:1fr}.stock-row,.foundation-row,.tableau-row{grid-template-columns:repeat(auto-fit,minmax(5.5rem,1fr))}}