.workspace{background:white;border:1px solid var(--line);border-radius:16px;padding:30px;max-width:100%;overflow-wrap:anywhere}.workspace>label{margin:12px 0}.workspace .actions{margin:20px 0}.workspace>button{margin:8px 8px 8px 0}.workspace input[type=color]{height:52px;max-width:180px}.workspace pre{background:#edf2ed;padding:20px;border-radius:8px;white-space:pre-wrap;overflow-wrap:anywhere}.workspace svg{width:100%;max-height:400px;display:block}.workspace .mini{margin-bottom:14px}.workspace .mini p{white-space:pre-wrap}.workspace .flashcard h2{min-height:70px}.fact-list{display:grid;grid-template-columns:minmax(120px,1fr) 2fr;gap:0;margin:30px 0;border-top:1px solid var(--line)}.fact-list dt,.fact-list dd{margin:0;padding:14px 8px;border-bottom:1px solid var(--line)}.fact-list dt{font-weight:700}.fact-list dd{overflow-wrap:anywhere}.periodic{display:grid;grid-template-columns:repeat(auto-fill,minmax(85px,1fr));gap:8px;margin:24px 0}.element{border:1px solid #9eb79e;border-radius:8px;background:#f1f6eb;padding:9px;display:flex;flex-direction:column;text-decoration:none;min-height:112px}.element strong{font:2rem Georgia}.element span{font-size:.65rem}.element small{font-size:.7rem}.element:hover{background:var(--accent)}.table-wrap{max-width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th,td{padding:12px;border-bottom:1px solid var(--line);vertical-align:top}.gradient-preview{height:180px;border:1px solid var(--line);border-radius:12px;margin:20px 0}.piano{display:flex;gap:4px;margin:25px 0;overflow-x:auto;padding-bottom:10px}.piano button{flex:1;min-width:38px;min-height:150px;background:#f7f7f0;color:var(--ink);padding:8px;border:1px solid #829386;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:12px}.piano button:nth-child(2),.piano button:nth-child(4),.piano button:nth-child(7),.piano button:nth-child(9),.piano button:nth-child(11){background:var(--ink);color:white;min-height:110px}.piano small{color:inherit}.lesson{border-bottom:1px solid var(--line);padding:20px 0}.lesson h2{font-size:1.8rem}.lesson dd{margin:0 0 12px 0}.lesson dt{font-weight:700}.preserve{white-space:pre-wrap}.game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;max-width:480px;margin:24px auto;touch-action:manipulation}.tile{aspect-ratio:1;display:grid;place-items:center;font-size:clamp(1.1rem,4vw,2rem);font-weight:750;padding:7px;background:#e3e9df;color:var(--ink);border:1px solid #b2bfb0;border-radius:8px}.tile.empty{background:white}.tile[data-value='0']{background:#f3f4ee}.tile[data-value='4']{background:#d3e4ac}.tile[data-value='8']{background:#c5dda2}.tile[data-value='16'],.tile[data-value='32']{background:#f3c78e}.tile[data-value='64'],.tile[data-value='128']{background:#edb5ba}.grid5{grid-template-columns:repeat(5,1fr);max-width:350px}.grid8{grid-template-columns:repeat(8,1fr);gap:3px;max-width:480px}.pixel,.mine-cell{aspect-ratio:1;padding:3px;background:#edf1e7;color:var(--ink);border:1px solid #a1aea1;border-radius:3px}.pixel.filled{background:var(--ink);color:var(--accent)}.mine-cell.revealed{background:white}.sudoku9{grid-template-columns:repeat(9,1fr);max-width:500px}.sudoku9 input{font-size:clamp(.8rem,3vw,1.4rem);padding:2px;min-width:0;border:1px solid #c5cfc2}.sudoku9 input:nth-child(4n+2){border-right:1px solid #c5cfc2}.sudoku9 input:nth-child(n+5):nth-child(-n+8){border-bottom:1px solid #c5cfc2}.sudoku9 input:nth-child(9n+3),.sudoku9 input:nth-child(9n+6){border-right:2px solid var(--ink)}.sudoku9 input:nth-child(n+19):nth-child(-n+27),.sudoku9 input:nth-child(n+46):nth-child(-n+54){border-bottom:2px solid var(--ink)}.sudoku9 .hint{background:#fff0bc}.reference-card[hidden]{display:none}@media(max-width:760px){.workspace{padding:18px}.fact-list{grid-template-columns:1fr}.fact-list dt{border-bottom:0;padding-bottom:0}.fact-list dd{padding-top:6px}.workspace .fields{display:block}.workspace .fields label{margin:12px 0}.workspace .game-grid{gap:4px}.workspace .grid8{gap:2px}.workspace .mine-cell{font-size:.8rem;padding:0}.workspace .piano button{min-width:33px}.workspace .piano{gap:2px}.workspace .periodic{grid-template-columns:repeat(3,1fr)}}