*{box-sizing:border-box}body{margin:0;font-family:Hiragino Maru Gothic ProN,BIZ UDGothic,Yu Gothic,sans-serif;background:#f4f7f5;color:#253038}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;gap:20px;padding:10px 18px;background:#2e7d5b;color:#fff}.app-title{font-size:22px;font-weight:700;color:#fff;text-decoration:none}.app-nav{display:flex;gap:14px}.app-nav a{color:#d8f3e6;text-decoration:none;font-size:14px}main{flex:1}.page{max-width:760px;margin:0 auto;padding:20px 16px 60px}.home{text-align:center}.home h1{font-size:40px;margin:30px 0 6px}.subtitle{font-size:18px;margin:0 0 4px}.note{color:#5a6b64;font-size:14px}.home-buttons{justify-content:center;margin-top:24px}.app-footer{padding:12px;text-align:center;font-size:12px;color:#7a8a83}.big-button{border:2px solid #2e7d5b;border-radius:14px;background:#fff;color:#253038;padding:10px 16px;font-size:16px;cursor:pointer;min-height:56px;min-width:90px}.big-button:hover:not(:disabled){background:#e7f5ee}.big-button:disabled{opacity:.4;cursor:default}.big-button-active{background:#2e7d5b;color:#fff}.big-button-active .furi{color:#cfe9dd}.furigana-label{display:inline-flex;flex-direction:column;line-height:1.2}.furi{font-size:10px;color:#6a7d75}.furi-text{font-size:16px;font-weight:600}.number-spinner{display:inline-flex;align-items:center;gap:12px}.spinner-label{font-size:16px;font-weight:600}.spinner-btn{width:56px;height:56px;font-size:20px;border-radius:50%;border:2px solid #2e7d5b;background:#fff;cursor:pointer}.spinner-btn:disabled{opacity:.35}.spinner-value{font-size:30px;font-weight:700;min-width:60px;text-align:center}.step-bar{display:flex;gap:6px;list-style:none;padding:0;margin:0 0 14px}.step{flex:1;display:flex;align-items:center;gap:8px;padding:8px 10px;background:#e3e9e6;border-radius:10px;font-size:15px;font-weight:600;color:#7a8a83}.step-num{width:26px;height:26px;border-radius:50%;background:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:14px}.step-current{background:#2e7d5b;color:#fff}.step-done{background:#9ec9b6;color:#fff}.card{background:#fff;border-radius:14px;padding:16px 18px;margin-bottom:16px;box-shadow:0 1px 4px #00000014}.card-title{margin:0 0 12px;font-size:17px}.texture-editor{display:flex;flex-direction:column;gap:14px}.tool-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.palette-row{display:flex;gap:6px;flex-wrap:wrap}.swatch{width:40px;height:40px;border-radius:10px;border:2px solid rgba(0,0,0,.2);cursor:pointer}.swatch-active{outline:3px solid #253038;outline-offset:2px}.canvas-row{display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap}.pixel-canvas{touch-action:none;border-radius:8px;box-shadow:0 1px 4px #00000026;cursor:crosshair;max-width:100%}.preview-box{display:flex;flex-direction:column;gap:6px}.preview-label{font-size:13px;color:#5a6b64}.preview-canvas{image-rendering:pixelated;width:128px;height:128px;background:#e8e8e8;border-radius:8px}.java-dojo{display:flex;flex-direction:column;gap:14px}.lesson-tabs{display:flex;gap:8px;flex-wrap:wrap}.lesson-goal{font-size:15px;background:#fff8e1;border-radius:10px;padding:10px 12px;margin:0 0 10px}.code-editor{border:2px solid #cfd8d3;border-radius:10px;overflow:hidden;margin-bottom:10px}.code-editor .cm-editor{max-height:380px}.run-row{margin-bottom:6px}.run-button{background:#2e7d5b;color:#fff;font-weight:700}.run-button:hover:not(:disabled){background:#256a4d}.run-button .furi-text{font-size:18px}.console{background:#1f2723;color:#d9e5df;border-radius:10px;padding:12px 14px;font-family:Consolas,Courier New,monospace;font-size:14px;white-space:pre-wrap;word-break:break-all;margin:0 0 8px}.console-out{color:#b5f2cf}.console-error{color:#ffb3a7}