/* One art direction across the scene: painted planes, restrained edges, blue cast shadows. */
:root{--paint-wash:url('../assets/workshop/paint-wash.svg');--scene-shadow:#7e8fb65c;--scene-ink:#423c52;--paper-plane:#eae6da;--cloth-plane:#a99ebc}
.current-lesson{color:var(--scene-ink);background-image:var(--paint-wash);background-size:240px 240px;background-color:var(--paper-plane);border-left-color:#80728f;border-radius:2px 7px 3px 2px;box-shadow:-4px 0 #a496b4,0 3px #c5beb7,0 6px #ded8c9,0 10px #8b7f9c,10px 20px 0 var(--scene-shadow)}
.current-lesson h2{color:#45394d}.current-lesson:before{background:#a584992b}.current-lesson .lesson-path{border-color:#a89ca9}
.notebook-binding i{border-color:#a8a4b0;border-top-color:#d8d9db;border-bottom-color:#746d86;box-shadow:2px 3px 0 #747d9d55;border-radius:45% 54% 42% 56%}
.paper-fold{background:linear-gradient(45deg,#b6afbc 0 49%,#d8d6d1 50% 54%,transparent 55%);filter:none}
.current-lesson>.primary{background-image:var(--paint-wash);background-size:160px;background-color:#9b6185;color:#f0e8e7;box-shadow:inset 0 2px #b589a5,inset 0 -3px #76566f;filter:drop-shadow(3px 4px 0 #7684a855);font-weight:550}
.learning-home-header>a{background-image:var(--paint-wash);background-color:#e5dfce;border-color:#b9adbc;box-shadow:5px 9px 0 var(--scene-shadow);border-radius:1px 3px 1px 2px;color:#594b60}
.folder-face{background-image:var(--paint-wash);background-size:210px;background-color:#a99db8;border:1px solid #8a7e9e;border-top:2px solid #c4bccd;border-radius:2px 6px 3px 4px}
.object-folder{background:#81728f;box-shadow:0 5px #786584,9px 15px 0 var(--scene-shadow);border-radius:2px 4px 3px 5px}
.folder-tab{background:#81728f;border-radius:4px 7px 0 0}.folder-paper{background-image:var(--paint-wash);background-color:#dcd9d1;border-color:#b6acbd;box-shadow:0 -3px #b6abbf;color:#71667b}
.flashcard-face{background-image:var(--paint-wash);background-size:220px;background-color:#e7e2d6;border-color:#aaa2af;border-radius:3px 5px 2px 4px}
.object-flashcards:before{background:#b6acbd;box-shadow:8px 14px 0 var(--scene-shadow);border-radius:3px 5px 2px 4px}.object-flashcards:after{background:#d5d1c9;border-radius:4px 2px 5px 3px}.card-math{color:#8b7896}.card-ring{border-left-color:#d2d0d4;border-right-color:#716a83;border-radius:47% 54% 43% 58%;box-shadow:3px 3px 0 #7c86a466}
.object-toolbox{background:#463d53;border:2px solid #3e374a;box-shadow:0 7px #73617c,10px 20px 0 var(--scene-shadow);border-radius:3px 7px 5px 4px}
.toolbox-lid{background-image:var(--paint-wash);background-size:300px;background-color:#61556d;border:2px solid #8d7a98;border-bottom:4px solid #3d354a;color:#e6dedd;border-radius:2px 5px 3px 2px}.toolbox-lid small{color:#c6b6cb}.toolbox-mark{color:#ad8daa}.toolbox-handle{border-color:#8f819b;box-shadow:inset 0 2px #c1b4c2}.toolbox-latch{background:#b3a5ab;border-color:#d1c3c7;border-bottom-color:#88768a;border-radius:1px 3px 1px 2px}
nav{background-image:var(--paint-wash);background-size:260px;background-color:#51465f;border-color:#41384f;border-top-color:#8e829d;box-shadow:0 -2px 0 #a99fb54d}
nav a{background-image:var(--paint-wash);background-size:130px;background-color:#70647e;border-color:#53475f;border-top-color:#8e829b;box-shadow:0 2px #44394f;border-radius:2px 4px 2px 3px;color:#e1dce6}
nav a[aria-current]{background-image:var(--paint-wash);background-color:#dcd4c3;border-color:#c0b5b0;border-top-color:#e9e2d4;box-shadow:0 2px #97849e}
main:not(.workbench):not([data-page=notebook]),.notebook-page,.study-card,.feedback,.today{background-image:var(--paint-wash);background-size:280px;background-color:var(--paper-plane)}
.notebook-cover{background-image:var(--paint-wash);background-color:var(--cloth-plane)}
.primary,.secondary,.choice{background-image:var(--paint-wash);background-size:180px;border-radius:2px 4px 3px 2px}
.primary{border-top-color:#a3829c;border-left-color:#967e99;background-color:#78617c;box-shadow:0 3px #574660,4px 6px 0 var(--scene-shadow)}
.secondary,.choice{background-color:#ddd8cc;border-top-color:#eee9dc;border-left-color:#e5dfd6;box-shadow:0 3px #9c91a4,4px 6px 0 var(--scene-shadow)}
.primary:hover:not(:disabled){background-color:#68516d}.secondary:hover:not(:disabled),.choice:hover:not(:disabled){background-color:#cfc6d4}.choice[aria-pressed=true]{background-color:#b3a4c2}
.home-objects .toy-actions button{background-image:none;box-shadow:none}

body{background-image:url("../assets/workshop/desk-painted-scene.png");background-color:#dce0e8;background-size:cover;background-position:center top;background-repeat:no-repeat;background-attachment:fixed}
@media(max-width:650px){body{background-size:cover}}

.desk-physics-layer{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}.desk-physics-layer canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.toy-hit-target{position:absolute;transform:translate(-50%,-50%);min-width:44px;min-height:44px;border:0;padding:0;border-radius:35%;background:transparent;box-shadow:none;pointer-events:auto;touch-action:none;cursor:grab}.toy-hit-target:active{cursor:grabbing}.toy-hit-target:focus-visible{outline:2px dashed #705581;outline-offset:1px}.home-objects .toy-stage{overflow:visible;pointer-events:none}.home-objects .dice-result{padding:0}
