:root{color:#2d3b34;font-synthesis:none;--paper:#eee8dc;--ink:#2d3b34;--muted:#74796c;--line:#c9c8b9;--clay:#b75e43;--green:#314b3e;--board-h:min(69vh,680px);--board-w:calc(var(--board-h)/2);background:#eee8dc;font-family:Arial,Helvetica,sans-serif;font-weight:400}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;min-height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none;background-image:radial-gradient(#6a68430a .7px,#0000 .7px);background-size:4px 4px}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible{outline-offset:4px;outline:3px solid #b75e43}button:disabled{opacity:.4;cursor:default}button{transition:background .15s,transform .15s}button:active{transform:translateY(1px)}[hidden]{display:none!important}.masthead{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;height:98px;margin:0 4%;display:flex}.brand{text-align:left;letter-spacing:2.4px;background:0 0;border:0;align-items:center;gap:12px;min-height:48px;padding:0;font-size:17px;font-weight:700;display:flex}.brand img{width:43px;height:43px}.brand small{letter-spacing:2px;margin-top:6px;font-size:8px;font-weight:500;display:block}.edition{letter-spacing:2px;gap:36px;margin-left:auto;margin-right:40px;font-size:9px;display:flex}nav{gap:7px;display:flex}.icon-button{border:1px solid var(--line);background:0 0;border-radius:50%;width:44px;height:44px;font-size:19px}.icon-button:hover{background:#dedbca}.workshop{grid-template-columns:minmax(270px,1fr) var(--board-w) 150px;align-items:center;gap:52px;max-width:1300px;height:calc(100% - 156px);margin:0 auto;padding:26px 55px;display:grid}.left-wing{height:calc(var(--board-h) + 40px);flex-direction:column;justify-content:space-between;max-width:390px;padding:8px 0 2px;display:flex}.eyebrow{letter-spacing:2.1px;align-items:center;gap:9px;font-size:9px;font-weight:600;display:flex}.clay-dot{background:var(--clay);border-radius:50%;width:6px;height:6px}h1{letter-spacing:-7px;margin:31px 0 26px;font-family:Georgia,Times New Roman,serif;font-size:clamp(70px,8.6vw,115px);font-weight:400;line-height:.85}h1 span{color:var(--clay)}.intro{letter-spacing:-.7px;margin:0 0 15px;font-family:Georgia,Times New Roman,serif;font-size:29px;line-height:1.2}.description{color:#6f766b;margin:0 0 26px;font-size:12px;line-height:1.65}.mode-menu{flex-direction:column;gap:8px;display:flex}.mode-button{text-align:left;background:#f5f0e5;border:1px solid #c8c7b7;border-radius:3px;justify-content:space-between;align-items:center;gap:15px;width:100%;min-height:64px;padding:12px 16px;font-size:14px;font-weight:600;display:flex}.mode-button small{color:#737a6e;margin-top:7px;font-size:10px;font-weight:400;display:block}.mode-button.primary{background:var(--green);color:#f3ecd9;border-color:var(--green)}.mode-button.continue{background:#dfd4b9}.mode-button:hover{background:#dedfce}.mode-button.primary:hover{background:#3c5e4c}.arrow{font-size:24px;font-weight:400}.home-best{letter-spacing:1.3px;border-top:1px solid var(--line);justify-content:space-between;margin-top:20px;padding-top:14px;font-size:9px;display:flex}.home-best strong{letter-spacing:0;font-size:13px;font-weight:500}.palette{letter-spacing:1.4px;justify-content:space-between;align-items:center;padding-top:18px;font-size:8px;display:flex}.palette div{gap:6px;display:flex}.palette i{background:var(--glaze);border-radius:3px;width:15px;height:15px;display:block;box-shadow:inset 0 1px 1px #fff5,0 1px #0002}.bench{width:var(--board-w);align-self:center}.bench-top,.bench-bottom{letter-spacing:1.5px;justify-content:space-between;align-items:center;gap:10px;height:27px;font-size:8px;display:flex}.bench-top{margin-bottom:7px}.live-indicator{color:#7c846d;letter-spacing:1px;font-size:7px}.live-indicator:before{content:"";background:#a7b19a;border-radius:50%;width:4px;height:4px;margin-right:6px;display:inline-block}#board{aspect-ratio:1/2;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.bench-bottom>span:nth-child(2){text-align:center}.board-message{text-align:center;color:#fff0cf;pointer-events:none;background:#233c32ea;border-radius:3px;padding:16px 12px;font-family:Georgia,serif;font-size:24px;line-height:1.2;position:absolute;top:44%;left:8%;right:8%;box-shadow:0 5px 25px #0002}.board-message:empty{display:none}.board-corners i{background:#d7c6a37d;border-radius:50%;width:3px;height:3px;position:absolute}.right-wing{height:calc(var(--board-h) + 28px);flex-direction:column;align-self:center;align-items:stretch;padding-top:40px;display:flex}.shelf{border-top:1px solid var(--line)}.shelf-heading{letter-spacing:1.8px;justify-content:space-between;align-items:center;height:34px;font-size:8px;font-weight:600;display:flex}.shelf canvas{width:100%;height:auto;display:block}.shelf-caption{color:#858777;text-align:center;margin-top:4px;font-family:Georgia,serif;font-size:11px;font-style:italic;line-height:1.5;display:block}.queue-shelf{padding-top:4px}.queue-shelf canvas{width:90%;height:auto;margin:0 auto 3px}.queue-shelf canvas:first-of-type{width:100%;margin-bottom:6px}.tiny-dot{background:var(--clay);border-radius:50%;width:5px;height:5px}kbd{color:#606c5e;border:1px solid #bdc2b1;border-radius:3px;justify-content:center;align-items:center;min-width:18px;padding:4px 5px;font:8px/1 Arial,sans-serif;display:inline-flex}.maker-stamp{color:#879580;border:1px solid #afb6a47a;border-radius:50%;justify-content:center;align-self:center;align-items:center;gap:10px;width:95px;height:95px;margin-top:auto;display:flex;transform:rotate(-10deg)}.footer{border-top:1px solid var(--line);color:#7b8272;letter-spacing:1px;justify-content:space-between;align-items:center;gap:15px;height:58px;margin:0 4%;font-size:8px;display:flex}.input-hints{letter-spacing:0;align-items:center;gap:6px;font-size:9px;display:flex}.input-hints i{color:#989e8e;margin:0 4px;font-style:normal}.label{color:#7a826f;letter-spacing:1.6px;font-size:8px;display:block}.left-wing h2{letter-spacing:-1.5px;margin:28px 0 32px;font-family:Georgia,serif;font-size:48px;font-weight:400;line-height:1.05}.score-card{border-bottom:1px solid var(--line);padding:0 0 25px}#score{letter-spacing:-2px;font-family:Georgia,serif;font-size:68px;font-weight:400;line-height:1.2;display:block}.score-mini{justify-content:space-between;gap:12px;margin-top:23px;display:flex}.score-mini b{margin-top:7px;font-size:20px;font-weight:400;display:block}.goal-heading{justify-content:space-between;align-items:center;font-size:9px;display:flex}.progress-track{background:#d5d7c5;border-radius:4px;height:4px;margin-top:12px;overflow:hidden}.progress-track i{background:var(--clay);height:100%;transition:width .2s;display:block}.studio-tip{color:#89927e;align-items:center;gap:16px;padding:4px 0 18px;display:flex}.tip-mark{font-size:34px}.studio-tip p{font:italic 14px/1.6 Georgia,serif}.quiet-button{text-align:left;border:0;border-top:1px solid var(--line);background:0 0;justify-content:space-between;width:100%;min-height:44px;padding:10px 0;font-size:11px;display:flex}.quiet-button span{font-size:18px}.touch-controls{display:none}.overlay{z-index:20;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:#20382cd4;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--paper);overscroll-behavior:contain;scrollbar-width:thin;border:1px solid #ffffff70;border-radius:5px;width:min(520px,100%);max-height:100%;padding:35px 38px 24px;overflow:auto;box-shadow:0 25px 100px #0004}.modal h2{letter-spacing:-1.7px;margin:19px 0 17px;font-family:Georgia,serif;font-size:46px;font-weight:400;line-height:1.08}.modal>p{color:#74806d;margin:0 0 22px;font-size:13px;line-height:1.65}.dialog-actions{flex-direction:column;gap:8px;display:flex}.button{text-align:left;background:0 0;border:1px solid #bdc4af;border-radius:3px;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:13px 17px;font-size:12px;display:flex}.button:hover,.setting-row:hover,.stage-button:hover{background:#daddcc}.button.solid{background:var(--green);border-color:var(--green);color:#f5edda}.modal-foot{color:#89917e;letter-spacing:1.3px;text-align:center;margin-top:21px;font-size:7px}.result-stats{gap:50px;padding:6px 0 26px;display:flex}.result-stats span{letter-spacing:1.5px;font-size:8px;display:block}.result-stats strong{font:40px Georgia,serif}.stage-grid{grid-template-columns:1fr 1fr;gap:7px;margin-bottom:19px;display:grid}.stage-button{text-align:left;background:#f4eee1;border:1px solid #c6cbb8;border-radius:3px;align-items:center;gap:9px;min-height:63px;padding:10px 9px;font-size:11px;display:flex}.stage-number{color:var(--clay);font-size:10px;font-weight:700}.stage-button small{color:#7a826f;margin-top:5px;font-size:8px;line-height:1.4;display:block}.stage-button>span:last-child{margin-left:auto}.settings-list{margin:10px 0 23px}.setting-row{text-align:left;border:0;border-bottom:1px solid var(--line);background:0 0;justify-content:space-between;align-items:center;gap:15px;width:100%;min-height:67px;padding:12px 0;font-size:12px;display:flex}.setting-row small{color:#78816f;max-width:280px;margin-top:6px;font-size:10px;line-height:1.4;display:block}.setting-row b{white-space:nowrap;text-align:center;background:#d9decc;border-radius:20px;min-width:49px;padding:8px 10px;font-size:10px}.controls-card{gap:15px;margin-bottom:20px;display:grid}.controls-card>div{border-top:1px solid var(--line);padding-top:13px}.controls-card h3{margin:0 0 6px;font-family:Georgia,serif;font-size:20px;font-weight:400}.controls-card p{color:#6b7865;margin:0;font-size:11px;line-height:1.9}.controls-card b{color:#354d3e;font-weight:600}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width>=1100px) and (height<=850px){:root{--board-h:70vh}.masthead{height:76px}.workshop{gap:45px;height:calc(100% - 124px);padding:18px 55px}.footer{height:48px}h1{margin:23px 0;font-size:96px}.intro{font-size:25px}.description{margin-bottom:17px}.mode-button{min-height:58px;padding:10px 14px}.palette{padding-top:9px}.left-wing h2{margin:23px 0;font-size:42px}#score{font-size:59px}.goal-card{margin:18px 0}.studio-tip{padding-bottom:10px}.score-card{padding-bottom:20px}.maker-stamp{width:78px;height:78px}}@media (width<=1099px){:root{--board-h:min(67vh,650px)}.masthead{height:78px}.edition{display:none}.workshop{grid-template-columns:minmax(220px,1fr) var(--board-w) 105px;gap:25px;height:calc(100% - 131px);padding:20px 30px}.footer{height:53px}.left-wing h2{font-size:38px}.shelf-caption{font-size:9px}.maker-stamp{width:78px;height:78px}.description{font-size:11px}.intro{font-size:25px}h1{margin:25px 0;font-size:80px}.mode-button{min-height:61px;padding:11px 12px;font-size:12px}.mode-button small{font-size:9px}.palette{font-size:7px}.palette i{width:12px;height:12px}.palette div{gap:4px}.studio-tip p{font-size:12px}.goal-card p{font-size:11px}.footer-mark{display:none}}@media (width<=760px) and (orientation:portrait){:root{--board-h:calc(100dvh - 285px);--board-w:calc(var(--board-h)/2)}.masthead{height:65px;padding-top:env(safe-area-inset-top);gap:12px;margin:0 18px}.brand{letter-spacing:1.8px;gap:9px;font-size:13px}.brand img{width:33px;height:33px}.brand small{letter-spacing:1.4px;font-size:6px}.icon-button{width:44px;height:44px;font-size:18px}nav{gap:3px}.workshop{grid-template-columns:1fr var(--board-w) 64px;height:calc(100% - 97px);padding:0 18px calc(env(safe-area-inset-bottom) + 5px);grid-template-rows:62px 1fr 111px;align-content:start;align-items:start;gap:0 12px;max-width:520px;margin:0 auto}.left-wing{height:auto;display:contents}.left-wing h2,.left-wing .eyebrow,.palette,.studio-tip,.quiet-button,.goal-card{display:none}#ledger{grid-area:1/1/auto/4;align-self:center}.score-card{border:0;justify-content:space-between;align-items:center;gap:12px;padding:0;display:flex}.score-card>.label{display:none}#score{letter-spacing:-.9px;font-size:29px}.score-mini{gap:25px;margin:0}.score-mini b{margin-top:4px;font-size:17px}.score-mini .label{font-size:7px}.bench{grid-area:2/2;align-self:start}.bench-top{letter-spacing:1px;height:16px;margin-bottom:5px;font-size:6px}.live-indicator{letter-spacing:.5px;font-size:5px}.board-frame{border-width:5px}.bench-bottom{letter-spacing:.5px;height:15px;margin-top:3px;font-size:5px}.right-wing{grid-area:2/3;height:auto;padding-top:22px}.shelf-heading{letter-spacing:1px;height:26px;font-size:7px}.shelf-heading kbd{min-width:15px;padding:3px;font-size:7px}.shelf-caption,.maker-stamp{display:none}.hold-shelf{padding-bottom:14px}.queue-shelf{padding-top:4px}.queue-shelf canvas{width:100%;margin:1px auto 6px}.shelf canvas{width:100%}.touch-controls{touch-action:none;flex-direction:column;grid-area:3/1/auto/4;align-self:end;gap:7px;padding-top:5px;display:flex}.touch-row{grid-template-columns:1fr 1fr 1fr 1.15fr;gap:8px;display:grid}.touch-row button{touch-action:none;-webkit-user-select:none;user-select:none;background:#e5e4d4;border:1px solid #b9c2ad;border-radius:5px;justify-content:center;align-items:center;gap:5px;height:46px;min-height:46px;padding:3px;font-size:23px;display:flex}.touch-row button small{letter-spacing:.3px;font-size:7px;font-weight:600}.touch-row .drop-button{color:#fff0da;background:#ad5c43;border-color:#ad5c43;margin-left:5px}.footer{letter-spacing:.6px;height:32px;padding-bottom:env(safe-area-inset-bottom);margin:0 18px;font-size:6px}.footer #save-label{display:none}.input-hints{justify-content:center;gap:3px;width:100%;font-size:7px}.input-hints kbd{min-width:13px;padding:3px;font-size:6px}.board-message{padding:12px 8px;font-size:18px}.modal{padding:26px 24px 20px}.modal h2{font-size:37px}.modal>p{font-size:12px}.stage-button{gap:7px;padding:9px 7px;font-size:10px}.stage-button small{font-size:7px}.stage-grid{gap:6px}.modal .eyebrow{font-size:8px}.setting-row{min-height:66px}.setting-row small{font-size:9px}.controls-card{gap:10px}.controls-card h3{font-size:18px}.controls-card p{font-size:10px}.controls-card>div{padding-top:10px}body[data-screen=home] .workshop{grid-template-rows:1fr;grid-template-columns:minmax(0,1fr) 62px;gap:18px;padding-top:22px;padding-bottom:12px;display:grid}body[data-screen=home] .left-wing{grid-area:1/1;max-width:none;height:100%;padding:0;display:flex}body[data-screen=home] #welcome{display:block}body[data-screen=home] .left-wing .eyebrow,body[data-screen=home] .palette{display:flex}body[data-screen=home] .bench{display:none}body[data-screen=home] .right-wing{grid-area:1/2;align-self:stretch;padding-top:62px}body[data-screen=home] .right-wing .maker-stamp{gap:3px;width:60px;height:60px;margin-top:auto;display:flex}body[data-screen=home] .maker-stamp>span{font-size:20px}body[data-screen=home] .maker-stamp small{font-size:5px}body[data-screen=home] .touch-controls{display:none}body[data-screen=home] h1{letter-spacing:-5px;margin:27px 0 25px;font-size:85px}body[data-screen=home] .intro{font-size:29px}body[data-screen=home] .description{margin-bottom:24px;font-size:12px}body[data-screen=home] .mode-button{min-height:64px;font-size:13px}body[data-screen=home] .mode-button small{font-size:9px}body[data-screen=home] .home-best{margin-top:19px}body[data-screen=home] .right-wing .shelf-caption{font-size:9px;display:block}body[data-screen=home] .shelf-heading{font-size:7px}body[data-screen=home] .hold-shelf{padding-bottom:22px}}@media (width<=760px) and (orientation:portrait) and (height<=740px){body[data-screen=home] h1{margin:21px 0 19px;font-size:72px}body[data-screen=home] .intro{font-size:24px}body[data-screen=home] .description{margin-bottom:17px;font-size:10px}body[data-screen=home] .mode-button{min-height:55px;padding:9px 10px;font-size:12px}body[data-screen=home] .mode-button small{font-size:8px}.home-best{padding-top:10px;margin-top:12px!important}.palette{padding-top:10px}.workshop{grid-template-rows:57px 1fr 111px}:root{--board-h:calc(100dvh - 277px)}}@media (height<=560px) and (orientation:landscape){:root{--board-h:calc(100dvh - 118px);--board-w:calc(var(--board-h)/2)}.masthead{height:56px;margin:0 max(18px,env(safe-area-inset-left))}.brand img{width:29px;height:29px}.brand{gap:8px;font-size:12px}.brand small{letter-spacing:1px;font-size:6px}.edition{display:none}.icon-button{width:44px;height:44px}.workshop{grid-template-columns:minmax(130px,1fr) var(--board-w) 76px minmax(130px,1fr);height:calc(100% - 83px);padding:9px max(18px,env(safe-area-inset-left)) 9px;align-items:start;gap:18px;max-width:1060px}.left-wing{max-width:260px;height:auto;padding:8px 0}.left-wing h2{margin:13px 0;font-size:24px}.left-wing .eyebrow{letter-spacing:1px;font-size:7px}#score{font-size:35px}.score-card{padding-bottom:12px}.score-mini{gap:15px;margin-top:12px}.score-mini b{font-size:16px}.label{letter-spacing:1px;font-size:6px}.goal-card{margin:14px 0}.goal-card p{font-size:9px;line-height:1.45}.goal-heading{font-size:7px}.palette,.studio-tip,.quiet-button{display:none}.right-wing{height:auto;padding-top:26px}.shelf-heading{letter-spacing:1px;height:22px;font-size:6px}.shelf-caption,.maker-stamp{display:none}.hold-shelf{padding-bottom:9px}.queue-shelf canvas{width:75%;margin-bottom:0}.queue-shelf canvas:first-of-type{width:85%;margin-bottom:2px}.bench{align-self:start}.bench-top{letter-spacing:.5px;height:14px;margin-bottom:5px;font-size:6px}.live-indicator{letter-spacing:0;font-size:5px}.bench-bottom{letter-spacing:0;height:12px;margin-top:4px;font-size:5px}.board-frame{border-width:4px}.touch-controls{touch-action:none;flex-direction:column;align-self:center;gap:9px;padding-top:20px;display:flex}.touch-row{grid-template-columns:1fr 1fr;gap:7px;display:grid}.touch-row button{touch-action:none;-webkit-user-select:none;user-select:none;background:#e0e2d0;border:1px solid #b8c3aa;border-radius:4px;justify-content:center;align-items:center;gap:5px;min-height:46px;padding:6px 2px;font-size:22px;display:flex}.touch-row button small{font-size:6px}.touch-row .drop-button{color:#fdf0d8;background:#ae6147;border-color:#ae6147}.footer{height:27px;margin:0 18px}.input-hints{gap:4px;font-size:7px}.input-hints kbd{padding:3px;font-size:6px}.footer #save-label{font-size:6px}.board-message{padding:8px;font-size:15px}.modal{max-width:610px;padding:22px 28px}.modal h2{margin:12px 0;font-size:30px}.modal>p{margin-bottom:14px;font-size:11px}.modal .eyebrow{font-size:7px}.dialog-actions{gap:6px}.button{min-height:44px;padding:10px 13px}.modal-foot{margin-top:12px}.controls-card{grid-template-columns:1fr 1fr 1fr;gap:15px}.controls-card p{font-size:9px}.controls-card h3{font-size:17px}.stage-grid{grid-template-columns:repeat(2,1fr)}.stage-button{min-height:52px}.settings-list{margin-bottom:14px}.setting-row{min-height:54px;padding:9px 0}.setting-row small{font-size:9px}.result-stats{padding-bottom:15px}.result-stats strong{font-size:30px}body[data-screen=home] .workshop{grid-template-columns:minmax(300px,1fr) var(--board-w) 90px;gap:35px;max-width:1000px}body[data-screen=home] .left-wing{max-width:none;height:100%;padding-top:5px;display:block}body[data-screen=home] #welcome{grid-template-columns:1fr 1.2fr;column-gap:20px;display:grid}body[data-screen=home] .eyebrow{grid-area:1/1}body[data-screen=home] h1{letter-spacing:-4px;grid-area:2/1;margin:20px 0 15px;font-size:57px}body[data-screen=home] .intro{grid-area:3/1;margin-bottom:10px;font-size:21px}body[data-screen=home] .description{grid-area:4/1;margin:0;font-size:9px}body[data-screen=home] .mode-menu{grid-area:1/2/5;align-self:center;gap:6px}body[data-screen=home] .mode-button{min-height:54px;padding:8px 10px;font-size:11px}body[data-screen=home] .mode-button small{margin-top:4px;font-size:8px;line-height:1.4}body[data-screen=home] .home-best{grid-column:1/3;margin-top:16px;padding-top:10px;font-size:7px}body[data-screen=home] .touch-controls{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}#app{flex-direction:column;display:flex}.masthead,.footer{flex-shrink:0}.workshop{flex:1;width:100%;min-height:0}@media (width<=760px) and (orientation:portrait){:root{--board-h:min(calc(100dvh - 310px),calc((100vw - 120px)*2))}.workshop{column-gap:10px}.right-wing{align-self:start}.footer{background:var(--paper);position:relative}body[data-screen=home] .workshop{column-gap:18px}}@media (width<=760px) and (orientation:portrait) and (height<=740px){:root{--board-h:min(calc(100dvh - 295px),calc((100vw - 120px)*2))}}@media (width<=760px) and (orientation:portrait){body[data-screen=home] h1{font-size:clamp(60px,18.2vw,78px)}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#050c09;--ink:#d6ffe5;--muted:#85a88e;--line:#244b34;--clay:#65ff87;--green:#61f68b;color:var(--ink);background:#030805;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}body{background-color:#030805;background-image:radial-gradient(at 65% 48%,#0b301b70,#0000 60%),linear-gradient(90deg,#183b251c 1px,#0000 1px),linear-gradient(#183b251c 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:auto,64px 64px,64px 64px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box}body:after{content:"";z-index:30;pointer-events:none;opacity:.36;background:repeating-linear-gradient(#0000 0 3px,#0000001a 4px);position:fixed;inset:0}#app{isolation:isolate;position:relative}.masthead,.workshop,.footer{z-index:1;position:relative}.masthead{border-color:#2c684251}.brand{color:#b9ffd2;letter-spacing:3px}.brand small{color:#61ae7c;letter-spacing:2.5px}.brand img{filter:drop-shadow(0 0 9px #60ff7c40);border-radius:0}.edition{color:#6eae88;letter-spacing:1.8px}.icon-button{color:#8bfdaf;background:#06130d;border-color:#27563a;border-radius:3px;box-shadow:inset 0 0 12px #0e362525}.icon-button:hover{background:#153b25;border-color:#6dfa96}button:focus-visible{outline-offset:4px;outline:2px solid #d6ff7c;box-shadow:0 0 18px #85ff6644}.eyebrow{color:#7ddb99;letter-spacing:2px}.clay-dot,.tiny-dot{background:#67ff8b;box-shadow:0 0 9px #59ff77}.clay-dot{border-radius:0}h1{text-transform:uppercase;letter-spacing:-.065em;color:#ddffe9;text-shadow:0 0 30px #6cff9522;margin:29px 0 25px;font-family:Impact,Arial Black,Arial,sans-serif;font-size:clamp(65px,6.5vw,96px);font-weight:900;line-height:.95}h1 span{color:#69ff8e;text-shadow:0 0 25px #28ff6640}.intro{letter-spacing:-1.1px;color:#b7f7cb;font-family:inherit;font-size:25px;line-height:1.35}.description{color:#83a78e;font-family:inherit;font-size:11px;line-height:1.8}.mode-button{color:#d3ffe0;background:linear-gradient(105deg,#0e2518,#060e0a);border-color:#2b533a;border-radius:2px;font-family:inherit;font-size:12px;position:relative}.mode-button small{color:#88aa91;font-size:9px;line-height:1.4}.mode-button:hover{background:#143720;border-color:#5bbd78}.mode-button.continue{color:#abffd0;background:#102c1c;border-color:#73d091}.arrow{color:inherit}.home-best{color:#7eb994}.home-best strong{color:#ceffde}.palette{color:#72997e}.palette i{box-shadow:0 0 7px color-mix(in srgb,var(--glaze),transparent 75%);border-radius:1px}.bench-top{color:#a3dfb5;letter-spacing:1.8px}.live-indicator{color:#67ed90}.live-indicator:before{background:#79ff90;box-shadow:0 0 8px #80ff96}.board-frame{background:#020b08;border-color:#133221;border-radius:0;outline-color:#5cba79;box-shadow:0 0 0 3px #0d1e14,0 0 30px #26ff6320,0 15px 70px #000b}.board-corners i{background:#aaffb8;border-radius:0;box-shadow:0 0 5px #75ff97}.bench-bottom{color:#70a883}.board-message{color:#a7ffbd;text-shadow:0 0 14px #3fff7655;background:#03160fec;border:1px solid #5ccb7e;border-radius:0;font-family:inherit;font-size:21px;box-shadow:0 0 35px #19ff6028}.shelf{border-color:#2a5d3c}.shelf-heading{color:#86cea1}.shelf-caption{color:#729a7f;font-family:inherit;font-size:9px;font-style:normal}.maker-stamp{color:#55ac77;border-color:#3a86564f;border-radius:3px;transform:none;box-shadow:inset 0 0 24px #1aff5910}.maker-stamp>span{font-family:inherit;font-size:25px}.maker-stamp small{font-size:7px}.footer{color:#67a77e;background:0 0;border-color:#214b3355}.footer-mark{color:#84b794}.input-hints{color:#96bfa3}kbd{color:#a8d5b4;background:#0b1d12;border-color:#38674b;border-radius:1px;font-family:inherit}.input-hints i{color:#468362}.left-wing h2{color:#bdffce;letter-spacing:-1.6px;font-family:inherit;font-size:39px;font-weight:500;line-height:1.16}#score{color:#7bff9a;letter-spacing:-3px;text-shadow:0 0 22px #51ff7233;font-family:inherit;font-size:61px}.label{color:#7cab8c}.score-mini b{color:#bdffd2}.progress-track i{background:#71ff8e;box-shadow:0 0 12px #78ff9a}.goal-card p{color:#90b59c}.studio-tip{color:#4e9b6c}.studio-tip p{color:#6da481;font:11px/1.8 SFMono-Regular,Consolas,monospace}.quiet-button{color:#96dbae}.score-card{border-color:#264c34}.modal{background:linear-gradient(145deg,#0d2116,#040c08);border-color:#397c50;border-radius:2px;box-shadow:0 0 0 5px #06110bc0,0 0 80px #13ff521c}.modal h2{letter-spacing:-1.5px;color:#c7ffdc;font-family:inherit;font-size:35px;font-weight:500;line-height:1.15}.button{color:#befad0;background:#091c10;border-color:#315c3f;border-radius:2px;font-family:inherit}.button:hover,.stage-button:hover,.setting-row:hover{background:#173d25}.button.solid{color:#031b0a;background:#66f28b;border-color:#9affb1;font-weight:600}.button.solid:hover{background:#acffa4}.modal-foot{color:#6d9f7a}.result-stats strong{color:#6cff91;font-family:inherit}.result-stats span{color:#81b294}.stage-button{color:#c3ffd3;background:#0a1c12;border-color:#285539;border-radius:2px}.stage-button small{color:#7faa8e}.setting-row{color:#bdf9cf}.setting-row b{color:#9dfcb5;background:#183b24;border:1px solid #36704a;border-radius:2px}.controls-card h3{color:#b6ffce;font-family:inherit;font-size:19px}.controls-card b{color:#c7ffda}.help-tip{font-family:inherit!important;font-style:normal!important}.touch-row button{color:#aaffc6;background:#0e2919;border-color:#356f49;border-radius:2px;box-shadow:inset 0 0 12px #0a321540}.touch-row button:active{background:#295f37}.touch-row .drop-button{color:#031e0b;background:#67f68b;border-color:#adffb7;box-shadow:0 0 14px #51ff7528}.code-rain{z-index:-1;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.12;position:fixed;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000,#0000 26% 72%,#000);mask-image:linear-gradient(90deg,#000,#0000 26% 72%,#000)}.code-rain span{top:-65%;left:var(--x);writing-mode:vertical-rl;text-orientation:upright;letter-spacing:9px;white-space:pre;color:#68ff8c;animation:codefall var(--duration) linear infinite;animation-delay:var(--delay);text-shadow:0 0 8px #31ff60;font:12px/1.5 monospace;position:absolute}.code-rain span:first-letter{color:#eaffdc}@keyframes codefall{to{transform:translateY(155vh)}}body[data-screen=play] .code-rain{opacity:.055}@media (width>=1100px) and (height<=850px){h1{margin:22px 0;font-size:83px}.intro{font-size:22px}.left-wing h2{font-size:34px}#score{font-size:55px}}@media (width<=1099px){h1{font-size:68px}.intro{font-size:22px}.left-wing h2{font-size:31px}.shelf-caption{font-size:8px}}@media (width<=760px) and (orientation:portrait){body[data-screen=home] h1{letter-spacing:-.065em;margin:28px 0 26px;font-size:clamp(43px,14.4vw,63px)}body[data-screen=home] .intro{letter-spacing:-.8px;font-size:22px}body[data-screen=home] .description{font-size:10px}body[data-screen=home] .mode-button{font-size:11px}body[data-screen=home] .mode-button small{font-size:8px}body[data-screen=home] .shelf-caption{font-size:7px}.footer{background:#030a06}#score{letter-spacing:-1px;font-size:29px}.board-message{font-size:16px}.modal h2{font-size:28px}.modal>p{font-size:11px}.controls-card h3{font-size:16px}.controls-card p{font-size:10px}.code-rain{opacity:.08}.touch-row button{color:#aaffc6;background:#0e2919;border-color:#356f49}.touch-row .drop-button{color:#031e0b;background:#67f68b;border-color:#adffb7}}@media (height<=560px) and (orientation:landscape){body[data-screen=home] h1{letter-spacing:-.055em;font-size:41px}body[data-screen=home] .intro{font-size:17px}.left-wing h2{font-size:23px}#score{letter-spacing:-1px;font-size:35px}.modal h2{font-size:27px}.board-message{font-size:14px}.touch-row button{color:#aaffc6;background:#0e2919;border-color:#356f49}.touch-row .drop-button{color:#031e0b;background:#67f68b;border-color:#adffb7}}@media (prefers-reduced-motion:reduce){.code-rain{display:none}.code-rain span{animation:none}body:after{opacity:.15}}:root{--paper:#040b0a;--ink:#e5fff3;--line:#345d50;--clay:#9dff88;background:#020608;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}body{background:#020608 radial-gradient(at 63%,#123f293b,#0000 58%)}body:after{opacity:.1}#ambient{z-index:-2;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.code-rain{display:none}.masthead{border-bottom:1px solid #b0ffd613;height:88px;margin:0 4%;position:relative}.masthead:after{content:"";background:linear-gradient(90deg,#9cffb6,#0000);width:180px;height:1px;position:absolute;bottom:-1px;left:0;box-shadow:0 0 18px #5aff9966}.brand{letter-spacing:3px;font-family:Arial,sans-serif;font-size:17px}.brand small{color:#9bc6b1;letter-spacing:2px;font:8px/1.4 SFMono-Regular,Consolas,monospace}.brand img{filter:drop-shadow(0 0 13px #5aff8760);width:40px;height:40px}.edition{color:#84cda7;letter-spacing:1.8px;background:#0c24174d;border:1px solid #28594066;border-radius:20px;padding:8px 12px;font-size:8px}.edition:before{content:"";background:#aeffbd;border-radius:50%;align-self:center;width:5px;height:5px;display:inline-block;box-shadow:0 0 9px #5dff91}.edition span{color:#c0ffe0}.icon-button{color:#c9ffdf;background:linear-gradient(140deg,#193228ab,#071810ca);border:1px solid #5c9e7c3d;border-radius:9px;box-shadow:inset 0 1px #d8ffdf14,0 3px 15px #0002}.icon-button:hover{background:#224e38;border-color:#8affa99c;box-shadow:0 0 20px #52ff9733}.workshop{gap:52px;max-width:1360px;padding:25px 48px}.left-wing{max-width:390px;position:relative}.eyebrow{color:#98f7b8;letter-spacing:2.2px;font-size:10px}.clay-dot{border-radius:50%;width:5px;height:5px;box-shadow:0 0 10px 2px #40ff93aa}h1{letter-spacing:-.045em;color:#eafff6;text-shadow:0 0 3px #e4ffeb40,0 0 40px #a3ffc614;margin:28px 0;font-size:clamp(75px,7.4vw,106px);line-height:.93}h1 span{color:#0000;text-shadow:none;filter:drop-shadow(0 0 15px #4bff6e44);background:linear-gradient(150deg,#eeffb3 0%,#99ff81 30%,#49ffa8 75%);-webkit-background-clip:text;background-clip:text}.intro{letter-spacing:-.8px;color:#d5e9e2;margin-bottom:14px;font-family:Arial,sans-serif;font-size:27px;font-weight:500;line-height:1.35}.description{color:#8fac9f;margin-bottom:24px;font-size:11px;line-height:1.8}.mode-menu{gap:10px}.mode-button{color:#e0fff0;background:linear-gradient(110deg,#11241ec9,#091310c9);border:1px solid #5cb78b35;border-radius:8px;gap:14px;min-height:68px;padding:13px 16px;font-family:Arial,sans-serif;font-size:14px;font-weight:600;overflow:visible;box-shadow:inset 0 1px #ecffed06,0 6px 20px #0002}.mode-button small{color:#88ac9a;font-family:SFMono-Regular,Consolas,monospace;font-size:9px;font-weight:400;line-height:1.55}.mode-button .mode-tag{color:#6ea98e;letter-spacing:1px;min-width:20px;font:10px/1.2 SFMono-Regular,Consolas,monospace}.mode-button>span:nth-last-child(2){flex:1}.mode-button .arrow{font-size:22px}.mode-button.primary{color:#052218;background:linear-gradient(112deg,#d3ff8f 0%,#7dff91 42%,#56eeb6 100%);border:1px solid #d4ffc5;box-shadow:inset 0 2px #f4ffe778,0 0 26px #50ff8730,0 10px 42px #16ed7820}.mode-button.primary:after{content:"";pointer-events:none;border:1px solid #f0fff928;border-radius:4px;position:absolute;inset:5px}.mode-button.primary .mode-tag{color:#2b6848}.mode-button.primary small{color:#1d6442}.mode-button.primary:hover{background:linear-gradient(112deg,#e5ffa7,#acffb0,#7dffd8);box-shadow:0 0 40px #6dff9066,0 8px 30px #0005}.mode-button:hover{background:linear-gradient(120deg,#214736,#0b2117);border-color:#89dfae8c;transform:translateY(-1px)}.mode-button.continue{background:linear-gradient(110deg,#193d2b,#0c2218);border-color:#75dba566}.home-best{letter-spacing:1.8px;color:#78a48e;border-color:#50957136;margin-top:20px;padding-top:16px;font-size:8px}.home-best strong{color:#caffdc;font:16px SFMono-Regular,Consolas,monospace}.palette{color:#83b29b;letter-spacing:1.8px;border-top:1px solid #547c6219;gap:10px;padding-top:17px;font-size:8px}.palette i{width:17px;height:17px;box-shadow:inset 0 1px 2px #fff9,0 0 12px color-mix(in srgb,var(--glaze),transparent 50%);border-radius:4px}.bench{position:relative}.bench:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(#63ff9f08,#0000 68%);border-radius:50%;position:absolute;inset:8% -33%}.bench-top{color:#ade0c7;letter-spacing:2px;height:25px;margin-bottom:11px;font-size:9px}.live-indicator{color:#a5ffc5;letter-spacing:1.3px;background:#1b4b322f;border:1px solid #6baf8450;border-radius:20px;padding:5px 8px;font-size:7px}.live-indicator:before{box-shadow:0 0 8px #b0ff93}.board-frame{background:#020c09;border:7px solid #0c211b;border-radius:5px;outline:1px solid #89dfb883;position:relative;box-shadow:0 0 0 3px #000b,0 0 0 4px #93bda820,0 0 55px #39ff8b25,0 25px 70px #000a,inset 0 0 20px #45ffa220}.board-frame:before{content:"";pointer-events:none;background:linear-gradient(#afffc54d,#0000 13% 86%,#56e8d153) 0/1px 100% no-repeat;border-left:1px solid #63ffc64a;border-right:1px solid #a6ff6540;border-radius:9px;position:absolute;inset:-15px}.board-frame:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#d9ffb8 20%,#a8fff1 55%,#0000);height:3px;position:absolute;top:-8px;left:-8px;right:-8px;box-shadow:0 0 18px #93ffb29c}.board-corners i{background:#cfffdf;border-radius:1px;width:7px;height:7px;box-shadow:0 0 8px #ecffea,0 0 23px #50ff92}.board-corners i:first-child{top:-9px;left:-9px}.board-corners i:nth-child(2){top:-9px;right:-9px}.board-corners i:nth-child(3){bottom:-9px;left:-9px}.board-corners i:nth-child(4){bottom:-9px;right:-9px}.bench-bottom{color:#73a18e;letter-spacing:1.3px;margin-top:10px;font-size:7px}.board-message{letter-spacing:.1px;color:#ebfff4;text-shadow:0 0 15px #80ffc573;background:linear-gradient(135deg,#08251ef5,#07170ff0);border-color:#99ffc89c;border-radius:6px;font-family:Arial,sans-serif;font-size:22px;font-weight:600;box-shadow:0 0 45px #39ff7f20,0 12px 20px #0006}.right-wing{gap:18px;padding-top:40px}.shelf{background:linear-gradient(145deg,#17342885,#051810b3);border:1px solid #527c6555;border-radius:9px;padding:8px 10px 11px;position:relative;box-shadow:inset 0 1px #d5ffe513,0 8px 25px #0004}.shelf:before{content:"";background:#b6ffca9c;width:40px;height:1px;position:absolute;top:-1px;left:16px;box-shadow:0 0 14px #7cff9b55}.shelf-heading{color:#a9e8c8;letter-spacing:1.5px;height:30px;font-size:9px}.shelf-heading kbd{color:#b8f8cf;background:#1d3c2e;border-color:#58917363}.hold-shelf{padding-bottom:12px}.shelf-caption{color:#78a38c;letter-spacing:.2px;margin-top:7px;font-size:8px}.queue-shelf canvas{width:100%;margin-bottom:5px}.queue-shelf canvas:first-of-type{background:radial-gradient(#67ffb417,#0000 65%);border-bottom:1px solid #57836924;margin-bottom:5px;padding-bottom:5px}.queue-shelf canvas:nth-of-type(3){opacity:.93}.queue-shelf canvas:nth-of-type(4){opacity:.8}.maker-stamp{width:100%;height:70px;box-shadow:none;color:#68b292;background:linear-gradient(130deg,#0f29182e,#102b2f44);border:1px solid #426e5440;border-radius:7px;gap:12px;margin-top:auto}.maker-stamp>span{letter-spacing:1px;font:29px Impact,Arial,sans-serif}.maker-stamp small{letter-spacing:2px;font-size:7px;line-height:1.6}.maker-stamp:after{content:"";background:#b5ffa6;border-radius:50%;width:5px;height:5px;margin-left:9px;box-shadow:0 0 9px #7bff84}#ledger{background:linear-gradient(130deg,#143a254b,#030b0870);border:1px solid #659a7238;border-radius:9px;padding:21px;box-shadow:inset 0 1px #e5ffed0a,0 10px 40px #0003}.left-wing h2{letter-spacing:-1.5px;color:#caffdf;margin:24px 0 26px;font-family:Arial,sans-serif;font-size:39px;line-height:1.1}.score-card{border-color:#3a795542;padding-bottom:21px}#score{letter-spacing:-3px;color:#c0ffa2;text-shadow:0 0 30px #5cff6636;font-size:64px;font-weight:500}.label{color:#81b99e;letter-spacing:1.5px;font-size:8px}.score-mini{gap:16px;margin-top:20px}.score-mini b{color:#defff0;font-size:19px}.goal-card{margin:22px 0 16px}.goal-heading{color:#c4ffe4}.progress-track{background:#193b2a;border-radius:4px;height:5px}.progress-track i{background:linear-gradient(90deg,#57ffd0,#b8ff80);border-radius:4px;box-shadow:0 0 17px #6fff955a}.goal-card p{color:#83b296;font-size:11px;line-height:1.7}.studio-tip{gap:12px;padding-bottom:10px}.studio-tip p{color:#75aa92;font-size:10px;line-height:1.7}.tip-mark{color:#afffc26b;text-shadow:0 0 17px #62ff8e55}.quiet-button{color:#b0e4c2;border-color:#53755a40;font-size:10px}.footer{color:#75aa91;border-color:#537e6733;height:54px}.input-hints{color:#94c5ab;font-size:9px}.footer #save-label{letter-spacing:1.3px;font-size:7px}kbd{color:#b9eacf;background:linear-gradient(145deg,#1d3a2d80,#0c1a1380);border-color:#457b5c80;border-radius:3px;box-shadow:inset 0 1px #fff1}.overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#010b08c9}.modal{background:linear-gradient(145deg,#143b2bcc,#06170ef5 50%,#071916);border:1px solid #8effb461;border-radius:14px;box-shadow:inset 0 1px #edfff02e,0 0 0 4px #07171060,0 0 90px #34ff771e,0 35px 90px #000b}.modal h2{letter-spacing:-1.2px;color:#e1ffea;font-family:Arial,sans-serif;font-size:39px;font-weight:600}.modal>p{color:#a3c6b1}.button{background:linear-gradient(110deg,#183e2b70,#0921157a);border-color:#46775977;border-radius:6px;font-family:Arial,sans-serif;font-size:13px}.button.solid{color:#082615;background:linear-gradient(110deg,#c7ff8c,#72ffa0 50%,#66ecc1);border-color:#c0ffc5;box-shadow:0 0 23px #76ff861f}.button.solid:hover{background:linear-gradient(110deg,#e5ffb4,#aeffd8);box-shadow:0 0 28px #9aff8a40}.stage-button{background:linear-gradient(130deg,#244b3380,#07170d80);border-color:#4a805766;border-radius:6px}.stage-number{color:#c6ffa4}.setting-row b{color:#c4ffd0;background:#1e4c34;border-color:#6baf8870;border-radius:5px}.setting-row small{color:#8ab9a0}.controls-card h3{color:#c5ffda;font-family:Arial,sans-serif;font-weight:600}.controls-card p{color:#9ac5ad}.result-stats strong{color:#c8ff9e}.touch-row button{color:#c0ffda;background:linear-gradient(145deg,#1c4a32,#0d2418);border:1px solid #78bd905e;border-radius:8px;box-shadow:inset 0 1px #d4ffda21,0 3px 9px #0003}.touch-row button:active{background:#2b7145;box-shadow:0 0 20px #4aff9933}.touch-row .drop-button{color:#0c3722;background:linear-gradient(135deg,#d4ff9a,#70ff9c,#66e7cb);border:1px solid #c6ffc0;border-radius:8px;box-shadow:inset 0 2px #ffffff42,0 0 20px #74ff922f}.touch-row .drop-button:active{background:#c0ffe3}button:focus-visible{outline-color:#ebffad;box-shadow:0 0 0 5px #9cfaa016,0 0 24px #93ff6259}.mode-button:active{transform:translateY(1px)}@media (width>=1100px) and (height<=850px){.masthead{height:72px}.workshop{gap:42px;padding:20px 45px}h1{margin:22px 0;font-size:87px}.intro{font-size:24px}.description{margin-bottom:18px;font-size:10px}.mode-button{min-height:58px;padding:10px 13px;font-size:13px}.mode-button small{font-size:8px}.mode-menu{gap:8px}.home-best{margin-top:17px;padding-top:12px}#ledger{padding:18px}.left-wing h2{margin:20px 0;font-size:32px}#score{font-size:54px}.goal-card{margin:18px 0 12px}.score-card{padding-bottom:18px}.studio-tip{padding-bottom:4px}.footer{height:46px}.shelf-heading{font-size:8px}}@media (width<=1099px){.masthead{height:74px}.workshop{gap:26px;padding:20px 30px}h1{font-size:73px}.intro{font-size:23px}.mode-button{gap:8px;min-height:62px;padding:10px 12px;font-size:12px}.mode-button .mode-tag{min-width:16px;font-size:8px}.mode-button small{font-size:8px}.left-wing h2{font-size:29px}#ledger{padding:15px}.shelf{padding:6px}.shelf-heading,.shelf-caption{font-size:7px}.maker-stamp{height:64px}.maker-stamp small{letter-spacing:1px;font-size:6px}.maker-stamp>span{font-size:23px}.right-wing{gap:14px}.studio-tip p{font-size:9px}.description{font-size:10px}.footer{height:50px}}@media (width<=760px) and (orientation:portrait){.masthead{height:65px;margin:0 18px}.brand{letter-spacing:2px;gap:9px;font-size:13px}.brand img{width:32px;height:32px}.brand small{letter-spacing:1.6px;font-size:6px}.masthead:after{width:95px}.icon-button{border-radius:7px}.workshop{padding:0 18px calc(env(safe-area-inset-bottom) + 5px);gap:0 10px}.left-wing{display:contents}#ledger{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.score-card{border:0;padding:0}#score{letter-spacing:-1px;font-size:30px}.score-mini{gap:25px;margin:0}.score-mini b{font-size:17px}.bench-top{letter-spacing:1px;height:16px;margin-bottom:5px;font-size:6px}.live-indicator{letter-spacing:.5px;background:0 0;border:0;padding:0;font-size:5px}.board-frame{border-width:5px;box-shadow:0 0 0 2px #001006,0 0 32px #45ff8e24,0 12px 32px #0009}.board-frame:before{inset:-9px}.board-frame:after{height:2px;top:-5px;left:-5px;right:-5px}.board-corners i{width:4px;height:4px}.board-corners i:first-child{top:-6px;left:-6px}.board-corners i:nth-child(2){top:-6px;right:-6px}.board-corners i:nth-child(3){bottom:-6px;left:-6px}.board-corners i:nth-child(4){bottom:-6px;right:-6px}.bench-bottom{letter-spacing:.5px;height:15px;margin-top:4px;font-size:5px}.right-wing{gap:12px;padding-top:22px}.shelf{background:linear-gradient(145deg,#14342270,#031109a8);border-color:#66a77d40;border-radius:6px;padding:3px}.shelf:before{width:18px;left:7px}.shelf-heading{letter-spacing:.8px;height:23px;font-size:6px}.hold-shelf{padding-bottom:7px}.queue-shelf canvas{width:100%;margin-bottom:3px}.queue-shelf canvas:first-of-type{width:100%;margin-bottom:3px;padding-bottom:3px}.maker-stamp{display:none}.footer{background:#030d0780;height:32px;margin:0 18px}.input-hints{gap:3px;font-size:7px}.board-message{font-size:17px}.touch-row button,.touch-row .drop-button{border-radius:7px}.modal{border-radius:11px;padding:25px 23px}.modal h2{font-size:31px}.modal>p{font-size:11px}.button{font-size:12px}.stage-button{font-size:10px}.controls-card h3{font-size:18px}.controls-card p{font-size:10px}body[data-screen=home] .workshop{gap:18px;padding-top:23px;padding-bottom:12px}body[data-screen=home] .left-wing{display:flex}body[data-screen=home] h1{letter-spacing:-.045em;margin:28px 0 24px;font-size:clamp(46px,16vw,72px)}body[data-screen=home] .intro{letter-spacing:-.7px;font-size:24px}body[data-screen=home] .description{margin-bottom:24px;font-size:10px}body[data-screen=home] .mode-button{gap:8px;min-height:65px;padding:11px 12px;font-size:12px}body[data-screen=home] .mode-button .mode-tag{display:none}body[data-screen=home] .mode-button small{font-size:8px}body[data-screen=home] .right-wing{padding-top:66px}body[data-screen=home] .shelf-caption{font-size:7px}body[data-screen=home] .hold-shelf{padding-bottom:10px}body[data-screen=home] .right-wing .maker-stamp{border-radius:7px;gap:4px;width:62px;height:62px}body[data-screen=home] .maker-stamp:after{display:none}body[data-screen=home] .palette{padding-top:15px;font-size:7px}.palette i{width:13px;height:13px}.palette div{gap:5px}}@media (width<=760px) and (orientation:portrait) and (height<=740px){body[data-screen=home] h1{margin:22px 0 19px;font-size:clamp(43px,15vw,64px)}body[data-screen=home] .intro{font-size:21px}body[data-screen=home] .description{margin-bottom:17px;font-size:9px}body[data-screen=home] .mode-button{min-height:55px;padding:9px 11px}body[data-screen=home] .mode-menu{gap:8px}body[data-screen=home] .palette{padding-top:8px}}@media (height<=560px) and (orientation:landscape){.masthead{height:56px;margin:0 max(18px,env(safe-area-inset-left))}.brand{gap:8px;font-size:12px}.brand img{width:29px;height:29px}.brand small{font-size:6px}.workshop{padding:9px max(18px,env(safe-area-inset-left));gap:18px}.left-wing{padding:8px 0}#ledger{box-shadow:none;background:0 0;border:0;padding:0}.left-wing h2{margin:13px 0;font-size:25px}#score{letter-spacing:-1px;font-size:35px}.score-card{padding-bottom:12px}.score-mini{gap:15px;margin-top:12px}.score-mini b{font-size:16px}.goal-card{margin:14px 0}.goal-card p{font-size:9px}.shelf{border-radius:5px;padding:2px 4px}.shelf-heading{height:22px;font-size:6px}.right-wing{gap:8px;padding-top:25px}.hold-shelf{padding-bottom:3px}.queue-shelf canvas{width:75%;margin-bottom:0}.queue-shelf canvas:first-of-type{width:85%;margin-bottom:1px;padding-bottom:0}.bench-top{letter-spacing:.5px;height:14px;margin-bottom:5px;font-size:6px}.live-indicator{letter-spacing:0;background:0 0;border:0;padding:0;font-size:5px}.bench-bottom{letter-spacing:0;height:12px;margin-top:4px;font-size:5px}.board-frame{border-width:4px}.board-frame:before{inset:-8px}.board-frame:after{height:2px;top:-4px;left:-4px;right:-4px}.board-corners i{width:3px;height:3px}.board-corners i:first-child{top:-5px;left:-5px}.board-corners i:nth-child(2){top:-5px;right:-5px}.board-corners i:nth-child(3){bottom:-5px;left:-5px}.board-corners i:nth-child(4){bottom:-5px;right:-5px}.touch-row button,.touch-row .drop-button{border-radius:6px}.footer{height:27px;margin:0 18px}.input-hints{font-size:7px}.modal{padding:22px 28px}.modal h2{font-size:29px}.board-message{font-size:14px}body[data-screen=home] .workshop{gap:35px}body[data-screen=home] h1{letter-spacing:-.04em;font-size:45px}body[data-screen=home] .intro{font-size:19px}body[data-screen=home] .mode-button{gap:5px;min-height:54px;padding:8px 10px;font-size:11px}body[data-screen=home] .mode-button .mode-tag{display:none}body[data-screen=home] .mode-button small{font-size:8px}body[data-screen=home] .home-best{margin-top:16px;padding-top:10px}body[data-screen=home] .description{font-size:9px}}@media (width>=1100px){#welcome:has(.continue:not([hidden])) h1{margin:18px 0;font-size:78px}#welcome:has(.continue:not([hidden])) .description{display:none}#welcome:has(.continue:not([hidden])) .intro{margin-bottom:18px;font-size:21px}}@media (prefers-reduced-motion:reduce){button:hover{transform:none}body:after{opacity:.05}}