.sok-creative{--creative-green:#315a4a;--creative-paper:#f7f4eb;color:#263e34;font-family:'DM Sans',sans-serif;max-width:1200px;margin:20px auto}.sok-creative button,.sok-creative select,.sok-creative input{font:inherit}.sok-creative button{cursor:pointer;padding:10px 15px;border:1px solid #c8d1c9;border-radius:8px;background:#fff;color:#263e34;min-height:44px}.sok-creative button:hover{background:#edf3ed}.sok-creative button:focus-visible,.sok-creative select:focus-visible{outline:3px solid #aa692e;outline-offset:3px}.sok-creative button:disabled{opacity:.45;cursor:default}.sok-creative button[aria-pressed=true],.sok-creative .creative-primary{background:var(--creative-green);color:#fff}.creative-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:9px;padding:16px;background:var(--creative-paper);border:1px solid #deded2;border-radius:12px}.creative-toolbar label{display:flex;align-items:center;gap:8px}.creative-toolbar select{max-width:100%;padding:12px;border:1px solid #c8d1c9;background:white;border-radius:7px}.creative-library{display:grid;grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:12px;max-height:410px;overflow:auto;padding:15px 3px}.creative-library button{text-align:left;padding:8px;line-height:1.4}.creative-library img{width:100%;height:100px;object-fit:contain;background:#fff}.creative-library span{display:block;font-size:12px;margin-top:6px}.creative-library button.is-current{outline:3px solid var(--creative-green);outline-offset:-3px}.creative-palette{display:flex;gap:7px;flex-wrap:wrap}.sok-creative .creative-swatch{width:32px;min-height:32px;padding:0;border:2px solid #fff;box-shadow:0 0 0 1px #a8b4a9;background:var(--swatch)}.sok-creative .creative-swatch[aria-pressed=true]{outline:3px solid #263e34;outline-offset:1px;background:var(--swatch)}.creative-canvas-wrap{padding:15px;background:#e9e7de;border-radius:12px;margin:15px 0;overflow:hidden;text-align:center}.creative-canvas-wrap canvas{display:block;max-width:100%;width:auto;height:auto;max-height:72vh;margin:auto;touch-action:none;background:#fff;cursor:crosshair;box-shadow:0 3px 20px #12281a15}.creative-status{min-height:26px;font-size:14px;margin:12px 0}.creative-teaching{background:#fff4dc;border-left:4px solid #b67b3e;padding:25px;margin:20px 0}.creative-teaching h2{font:400 32px 'Source Serif 4',serif;margin:0 0 12px}.creative-toolbar input[type=color]{width:40px;height:36px;padding:0;border:0}.creative-toolbar input[type=range]{width:85px}.creative-counter{margin-left:auto;font-size:13px}.creative-instructions{font-size:14px;line-height:1.7;margin:15px 0}.yama-board{position:relative;max-width:740px;width:100%;margin:28px auto;isolation:isolate;background:#e4ece4;border-radius:16px;border:10px solid #315a4a;box-sizing:border-box}.sok-creative .yama-tile{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3px;min-height:0;border:1px solid #beac88;border-bottom:5px solid #b6a17a;border-radius:7px;background:#fffcf0;box-shadow:2px 3px 0 #243a2c45;line-height:1.1;transition:opacity .15s,transform .15s}.yama-tile strong{font-size:clamp(21px,4vw,36px);font-weight:400}.yama-tile small{font-size:clamp(8px,1.25vw,11px);margin-top:4px}.sok-creative .yama-tile[aria-disabled=true]{background:#d6dbcb;color:#697a69;filter:saturate(.4)}.sok-creative .yama-tile[aria-pressed=true]{background:#ffe2a8;color:#263e34;outline:3px solid #ae632a;outline-offset:0;transform:translateY(-3px)}.sok-creative .yama-tile.is-hint{outline:3px solid #b76628;outline-offset:-3px}.yama-win{padding:30px;border-radius:12px;background:#edf4e9;text-align:center}.yama-win h2{font:400 38px 'Source Serif 4',serif}.creative-library[hidden],.creative-teaching[hidden],.yama-win[hidden]{display:none}@media(max-width:600px){.creative-toolbar{padding:12px;gap:8px}.creative-toolbar button{padding:9px 11px;font-size:13px}.creative-counter{margin-left:0;width:100%}.creative-canvas-wrap{padding:5px}.creative-toolbar label{font-size:13px}.creative-library{grid-template-columns:repeat(3,minmax(0,1fr))}.sok-creative-page{max-width:100%}.yama-board{border-width:6px}.sok-creative .yama-tile{border-bottom-width:3px;border-radius:4px}}
.runner-intro{max-width:760px;margin:25px 0}.runner-kicker{font-size:11px;letter-spacing:.16em;color:#866539;font-weight:700}.runner-intro h2{font:400 clamp(32px,5vw,51px)/1.1 'Source Serif 4',Georgia,serif;margin:15px 0}.runner-intro p{line-height:1.8;color:#586a5c}.runner-scene{position:relative;border-radius:16px;overflow:hidden;background:#a9dce3;box-shadow:0 12px 40px #213e3020}.runner-scene canvas{display:block;width:100%;height:auto;touch-action:manipulation;outline-offset:-4px}.runner-overlay{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);width:min(520px,85%);padding:27px;background:#fff9e8ed;border:1px solid #e3d8bb;border-radius:14px;text-align:center;pointer-events:none;box-sizing:border-box}.runner-overlay[hidden]{display:none}.runner-overlay span{display:block;letter-spacing:.13em;font-size:10px;color:#8a6532;font-weight:700}.runner-overlay strong{display:block;font:400 clamp(24px,4vw,39px)/1.1 'Source Serif 4',Georgia,serif;margin:12px 0}.runner-overlay p{font-size:14px;line-height:1.5;margin:0}.runner-bottom{display:flex;align-items:center;gap:20px;padding:14px 0}.runner-bottom button{min-width:130px;min-height:52px;font-weight:700;touch-action:manipulation}.runner-bottom p{font-size:14px;line-height:1.6;margin:0}.runner-journal{margin-top:35px;padding-top:25px;border-top:1px solid #cbd6cb}.runner-journal h2{font:400 35px 'Source Serif 4',Georgia,serif}.runner-journal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.runner-journal-grid article{padding:23px;background:#f5f3e9;border:1px solid #deded0;border-top:3px solid #8ca07a;border-radius:7px}.runner-journal-grid span{font-size:11px;letter-spacing:.1em;text-transform:uppercase}.runner-journal-grid h3{font:400 27px 'Source Serif 4',Georgia,serif;margin:8px 0}.runner-journal-grid small{font-size:12px;color:#796339}.runner-journal-grid p{font-size:14px;line-height:1.7;margin:12px 0 0}.yama-tile small{max-width:100%;overflow-wrap:anywhere}.yama-tile strong{line-height:.95}@media(max-width:600px){.runner-overlay{padding:14px;top:43%}.runner-overlay p{font-size:11px}.runner-overlay strong{margin:7px 0}.runner-overlay span{font-size:8px}.runner-bottom{align-items:flex-start;gap:12px}.runner-bottom button{min-width:90px}.runner-journal-grid{grid-template-columns:1fr}.runner-intro{margin:15px 0}}
.creative-library .is-locked img{filter:blur(5px);opacity:.4}.creative-library .is-locked{cursor:not-allowed}.creative-teaching>button{margin-top:20px}