:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#33423a;background:#f6f2e8;font-synthesis:none;font-weight:400;font-size:14px;--paper: #f6f2e8;--ink: #34463b;--muted: #768074;--line: #dcdccf;--green: #5b7356;--rust: #ad7359}*{box-sizing:border-box}body{margin:0;min-width:320px}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.12;z-index:9;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.18' filter='url(%23n)'/%3E%3C/svg%3E")}button,input{font:inherit}button{cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default;opacity:.38}button:focus-visible,input:focus-visible,select:focus-visible,#board:focus-visible{outline:2px solid #8b674b;outline-offset:4px}button{touch-action:manipulation}svg{width:21px;height:21px;flex-shrink:0}button svg{vertical-align:middle}button{transition:background .15s,box-shadow .15s,transform .15s}button:hover:not(:disabled){color:#284e36}.masthead{max-width:1392px;margin:0 auto;height:105px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 9px}.brand{border:0;background:none;display:flex;align-items:center;gap:11px;font:30px/1 Georgia,serif;letter-spacing:-1.3px;text-align:left;padding:0}.brand-mark{width:45px;height:48px;display:grid;place-items:center;border:1px solid #a7af97;border-radius:13px 13px 4px 4px;transform:rotate(-5deg);color:#617457;background:#e7e9d9}.brand-mark svg{width:29px;height:29px}.brand-sub{display:block;font:9px/1.8 ui-sans-serif,sans-serif;letter-spacing:3.3px;margin-top:6px;padding-left:2px}.masthead nav{display:flex;gap:11px}.icon-button{border:1px solid transparent;background:none;display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;padding:8px}.icon-button:hover{background:#e9ebde}.masthead nav .icon-button:last-child{border-color:var(--line)}main{max-width:1260px;margin:0 auto}.page-heading{display:flex;align-items:center;justify-content:space-between;margin:44px 0 36px}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:600;margin:0 0 15px;color:#778271;line-height:1.7}.page-heading .eyebrow{display:flex;align-items:center;gap:9px;font-size:9px}.eyebrow>span:empty{width:5px;height:5px;border-radius:50%;background:#8d9a78}h1{font:45px/1.18 Georgia,serif;letter-spacing:-1.5px;margin:0 0 12px;font-weight:400;color:#33483a}.heading-copy{font-size:13px;color:#7d8378;margin:0;letter-spacing:.1px}.edition{font-size:9px;letter-spacing:2px;color:#8c917f;text-align:right;line-height:2}.edition span{display:block;font:italic 14px Georgia,serif;letter-spacing:0;color:#7b826f}.studio{display:grid;grid-template-columns:223px minmax(300px,562px) 235px;gap:53px;align-items:start;justify-content:space-between}.journal{padding-top:38px}.journal .eyebrow{margin-bottom:15px}h2{font:29px/1.16 Georgia,serif;font-weight:400;letter-spacing:-.7px;margin:0 0 15px}.scene-copy{font:italic 14px/1.8 Georgia,serif;color:#7d8374;max-width:195px;margin:0}.journal-rule{width:36px;height:1px;background:#aab39a;margin:26px 0}.welcome-copy{font-size:12px;line-height:1.9;color:#737f70;margin:0 0 22px}.primary{display:flex;align-items:center;justify-content:center;gap:18px;border:1px solid #5e7455;background:#607759;color:#fff9e9;border-radius:5px;min-height:48px;padding:12px 20px;box-shadow:0 4px 7px #66725c13;font-weight:500;font-size:12px}.primary:hover:not(:disabled){background:#4e674a;color:#fff9e9;transform:translateY(-1px)}.primary svg{width:18px}.text-button{border:0;background:none;padding:8px 0;font-size:11px;color:#737d6c;display:inline-flex;gap:9px;align-items:center}.text-button svg{width:14px;height:14px}#menu-new{margin-top:11px}.canvas-column{min-width:0}.canvas-caption{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:10px;color:#7b8674}.canvas-caption>span:first-child{display:flex;align-items:center;gap:6px}.canvas-caption svg{width:14px;height:14px}.canvas-size{font-size:9px;letter-spacing:1px}.paper-frame{padding:14px;position:relative;background:#fffdf4;box-shadow:0 3px 5px #635e4611,0 15px 30px #635e4610,0 0 0 1px #dad8c94a;transform:rotate(-.65deg)}#board-wrap{position:relative;aspect-ratio:1;overflow:hidden;background:#f9f2df}#board{width:100%;height:100%;touch-action:none}#board canvas{display:block;width:100%!important;height:100%!important}#board-cells{position:absolute;inset:0;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);touch-action:none}.space{border:0;padding:0;background:none;touch-action:none;border-radius:0;cursor:crosshair}.space:focus-visible{outline-offset:-4px;outline:2px dashed var(--green)}.corner{position:absolute;width:32px;height:32px;z-index:1;pointer-events:none}.corner-tl{top:-7px;left:-7px;border-top:1px solid #a3ae94;border-left:1px solid #a3ae94}.corner-br{bottom:-7px;right:-7px;border-bottom:1px solid #a3ae94;border-right:1px solid #a3ae94}.painting-signature{display:flex;justify-content:space-between;font:italic 12px Georgia,serif;color:#737e6d;margin:19px 3px 0}.painting-signature span:last-child{font-size:10px;color:#969b8b}.tools{display:flex;gap:18px;justify-content:center;margin-top:4px}.tools button{border:0;background:none;display:flex;align-items:center;gap:6px;font-size:10px;padding:8px 3px;min-height:36px;color:#7a846f}.tools svg{width:16px;height:16px}.palette{padding-top:38px}.palette .eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:12px}.palette h2{font-size:22px;letter-spacing:-.5px;margin-bottom:9px}.palette-heading>p:last-child{font-size:11px;color:#87907d;line-height:1.6;margin:0 0 25px}.fragment{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;height:106px;border:1px solid #dadfd06e;border-radius:6px;background:#eeefe343;margin-bottom:11px;padding:15px 14px;touch-action:none;-webkit-user-select:none;user-select:none}.fragment:hover{background:#e8ecdf99;border-color:#bac8ac}.fragment.selected{background:#e5ebda;border-color:#97ab87;box-shadow:0 0 0 2px #b6c4a722}.fragment .piece-index{font:11px Georgia,serif;color:#a3ab96;align-self:flex-start;margin-top:1px}.fragment-art{display:flex;align-items:center;justify-content:center;max-width:125px;flex:1}.fragment-art canvas{max-width:100%;object-fit:contain;display:block;pointer-events:none;max-height:78px}.piece-size{font:17px Georgia,serif;color:#8a947d;align-self:flex-end;text-align:center;line-height:1.25}.piece-size span{display:block;font:8px ui-sans-serif,sans-serif;margin-top:1px}.keyboard-note{text-align:center;font-size:9px;line-height:1.8;color:#949a88;margin:5px 0}.progress-heading{display:flex;justify-content:space-between;align-items:center}.progress-heading .eyebrow{font-size:8px;letter-spacing:1.3px;margin:0}#percent{font:34px Georgia,serif;letter-spacing:-1px;color:#576e4e}#percent span{font:14px Georgia,serif;padding-left:3px;color:#9ba78e}.progress-track{height:4px;border-radius:3px;background:#e0e5d4;overflow:hidden;margin:12px 0}.progress-track i{display:block;height:100%;background:#829776;transition:width .6s}.progress-caption{font-size:10px;color:#96a088;margin:0}.goals{display:grid;gap:24px;margin:31px 0 21px}.goal{display:flex;gap:12px;align-items:center}.goal>svg{width:27px;height:27px;stroke:#8a9d7c}.goal:first-child>svg{stroke:#86a6a3}.goal strong{display:block;font-size:11px;font-weight:500;color:#607253}.goal span{display:block;font-size:9px;color:#8b967e;margin-top:6px}.mechanic-note{font:italic 12px/1.8 Georgia,serif;color:#879179;margin:0}.page-footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;margin:32px 0 0;padding:20px 0 25px;color:#8c9681}.page-footer>span{font-size:8px;letter-spacing:1.5px;display:flex;align-items:center;gap:7px}.page-footer svg{width:15px;height:15px}.page-footer>div{display:flex;align-items:center;gap:17px;font-size:9px}#save-status{font-size:9px}.page-footer .text-button{font-size:10px}dialog{max-width:540px;width:calc(100% - 32px);padding:43px 42px 33px;background:#f9f5eb;border:1px solid #d2d7c4;border-radius:9px;color:var(--ink);box-shadow:0 25px 100px #3c4b3838;max-height:calc(100dvh - 40px)}dialog::backdrop{background:#293d344a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}dialog h2{font-size:33px;margin-bottom:18px}dialog p{font-size:13px;line-height:1.9;color:#7c8674}dialog .eyebrow{font-size:8px;color:#89967b}.dialog-close{position:absolute;right:12px;top:12px}.help-steps{padding-left:20px;margin-top:25px}.help-steps li{padding-left:7px;margin-bottom:20px;font:15px Georgia,serif}.help-steps strong{font-weight:400}.help-steps p{margin-top:7px;font:12px/1.8 ui-sans-serif,sans-serif}.help-keyboard{font-size:11px}.fine-print{font:italic 12px/1.7 Georgia,serif!important;border-top:1px solid var(--line);padding-top:17px;margin-top:23px}.setting{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:23px 0;font-size:13px;gap:16px}.setting strong{font-weight:500}.setting small{display:block;font-size:11px;color:#87917b;margin-top:7px}.setting input{width:22px;height:22px;accent-color:#6f845e}.completion-emblem{width:70px;height:70px;border:1px solid #bbc7a9;border-radius:50%;display:grid;place-items:center;margin:25px auto;color:#82986e;background:#edf0df}.completion-emblem svg{width:41px;height:41px}#dialog-content:has(.completion-emblem){text-align:center}.completion-stats{display:flex;justify-content:center;gap:26px;margin:27px -10px}.completion-stats span{font-size:9px;line-height:1.8;color:#929a85}.completion-stats strong{display:block;font:28px Georgia,serif;color:#6d815e;margin-bottom:5px}.completion-stats~.primary,.completion-stats~.secondary{width:100%;margin-top:12px}.secondary{border:1px solid #cdd4c0;background:none;min-height:46px;display:flex;gap:14px;align-items:center;justify-content:center;border-radius:4px;font-size:12px}#view-painting{margin-top:13px}.loading{position:fixed;inset:0;background:var(--paper);z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center}.loading p{font:italic 18px Georgia,serif;color:#8b957e}[hidden]{display:none!important}@media(min-width:1600px){.masthead{max-width:1450px}main{max-width:1330px}.studio{grid-template-columns:230px minmax(300px,610px) 240px;gap:60px}.page-heading{margin-top:52px;margin-bottom:44px}}@media(max-width:1390px){.masthead{margin:0 42px}main{margin:0 60px}.studio{grid-template-columns:190px minmax(280px,562px) 205px;gap:35px}.page-heading{margin-top:35px}.journal{padding-top:35px}.palette h2{font-size:20px}.fragment{height:100px;padding:12px}.palette{padding-top:35px}}@media(max-width:1100px){.masthead{height:90px;margin:0 30px}main{margin:0 35px}.studio{grid-template-columns:160px minmax(260px,1fr) 165px;gap:25px}.edition{display:none}.page-heading{margin-top:30px;margin-bottom:27px}h1{font-size:37px}.journal h2{font-size:25px}.scene-copy{font-size:12px}.journal-rule{margin:20px 0}.goal{gap:8px}.goal strong{font-size:10px}.goal span{font-size:8px}.mechanic-note{font-size:11px}.palette h2{font-size:18px}.palette .eyebrow{font-size:7px}.palette-heading>p:last-child{font-size:10px}.fragment{height:95px;padding:9px;gap:4px}.piece-index{font-size:9px!important}.fragment-art{max-width:105px}.piece-size{font-size:14px}.paper-frame{padding:10px}.canvas-caption{font-size:9px}.painting-signature{font-size:10px}.painting-signature span:last-child{font-size:8px}.page-footer{margin-top:22px}.page-footer>div{gap:10px}}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after{transition:none!important;animation:none!important}.heading-copy,.scene-copy,.welcome-copy,.board-status,.tools button,.palette-heading>p:last-child,.keyboard-note,.progress-caption,.goal span,.mechanic-note,.text-button,dialog p,.setting small{color:#586851}.goal strong{color:#485d44}.progress-caption,.goal span{font-size:11px}#place-preview{margin:0;padding:0 10px;min-height:44px;color:#35513a;background:#e9eddf}.tools{gap:6px}.tools button{flex:1;justify-content:center;border:1px solid #d9dece;background:#ecede249;border-radius:6px;padding:6px;min-height:44px;font-size:11px}.tools button:hover:not(:disabled){background:#e7ebdd}.settings-seed-label{display:block;margin:20px 0 8px}.settings-seed{display:flex;gap:8px}.settings-seed input,#settings-landscape{min-width:0;flex:1;min-height:44px;font-size:16px;color:var(--ink);background:#fffdf5;border:1px solid var(--line);border-radius:5px;padding:8px}#settings-landscape{width:100%;font-family:inherit}.settings-seed button{padding:0 12px}dialog{overscroll-behavior:contain}@media(hover:none),(pointer:coarse){.keyboard-note,.help-keyboard{display:none}.masthead nav .icon-button{width:44px;height:44px}}@media(max-width:850px){main{max-width:560px;margin:0 auto;padding:0 12px}.masthead{height:48px;margin:0 12px;padding:0}.brand{font-size:22px;gap:8px;min-height:44px}.brand-mark{width:29px;height:32px;border-radius:8px 8px 3px 3px}.brand-mark svg{width:20px;height:20px}.brand-sub{font-size:7px;letter-spacing:1.7px;margin-top:2px}.masthead nav{gap:0}.masthead nav .icon-button{width:44px;height:44px}.masthead nav .icon-button:last-child{border-color:transparent}.journal>.eyebrow,.journal-rule,.welcome-copy,.progress-heading,.mechanic-note,.canvas-caption,.is-playing .painting-signature{display:none}.page-heading{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0}.studio{display:flex;flex-direction:column;align-items:stretch;gap:0}.journal{display:contents}.journal h2{order:0;font-size:clamp(21px,5.5vw,30px);margin:8px 0 4px}.journal h2 br{display:none}.scene-copy{order:1;max-width:none;margin:0 0 12px;font-size:14px}.is-playing .scene-copy{display:none}#progress-panel{order:1;display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px 8px;margin:3px 0 10px}.progress-track{grid-column:1;margin:0;height:4px}.progress-caption{grid-column:2;margin:0;font-size:11px;font-variant-numeric:tabular-nums}.goals{grid-column:1 / -1;display:flex;align-items:center;gap:13px;margin:0}.goal{gap:4px}.goal>div{display:flex;gap:4px;align-items:baseline}.goal>svg{width:15px;height:15px}.goal strong,.goal span{font-size:11px;margin:0}.goal span{font-variant-numeric:tabular-nums}.canvas-column{order:2;width:100%}.paper-frame{padding:6px;transform:none}.corner{display:none}.painting-signature{margin:8px 0 0}#welcome{order:3;margin:12px 0 0}#welcome .primary{width:100%;min-height:48px;font-size:14px}.palette{order:4;padding:0;margin:5px 0 0}.palette-heading{display:flex;gap:8px;align-items:baseline;justify-content:space-between;margin-bottom:4px}.palette h2{font-size:16px;margin:0;white-space:nowrap}.palette-heading>p:last-child{margin:0;font-size:11px;text-align:right}#tray{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.fragment{height:78px;margin:0;padding:4px 8px;justify-content:center;gap:0;background:#e9ecdf75;border-color:#d6ddca}.fragment.selected{border-color:#607759;box-shadow:inset 0 0 0 1px #607759}.fragment .piece-index{position:absolute;left:6px;top:4px;font-size:10px;color:#626f57}.fragment-art{min-width:0}.fragment-art canvas{max-height:59px}.piece-size,.keyboard-note{display:none}.tools{margin:6px 0 0}.tools button{font-size:12px}.page-footer{margin:12px 0 0;padding:2px 0 8px;justify-content:center}.page-footer>span,#save-status{display:none}.page-footer .text-button{min-height:44px;font-size:12px}dialog{max-height:calc(100dvh - 32px);padding:32px 20px 22px}dialog h2{font-size:26px}}@media(max-width:850px)and (max-height:650px)and (orientation:portrait){.masthead{height:48px}.journal h2{margin-top:6px}#progress-panel{margin-bottom:6px}.fragment{height:66px}.fragment-art canvas{max-height:50px}.palette-heading>p:last-child{font-size:10px}}@media(max-width:900px)and (max-height:540px)and (orientation:landscape){.is-playing main{max-width:760px;padding:0 12px;margin:0 auto}.is-playing .masthead{height:48px}.is-playing .page-heading,.is-playing .scene-copy,.is-playing .canvas-caption,.is-playing .painting-signature{display:none}.is-playing .studio{display:grid;grid-template-columns:minmax(252px,min(53vw,calc(100svh - 94px))) minmax(0,1fr);gap:0 14px;align-items:start}.is-playing .journal{display:contents}.is-playing .journal h2{grid-column:2;grid-row:1;margin:8px 0 4px}.is-playing #progress-panel{grid-column:2;grid-row:2}.is-playing .canvas-column{grid-column:1;grid-row:1 / 4;margin-top:8px}.is-playing .palette{grid-column:2;grid-row:3;padding:0;margin:0}.is-playing .paper-frame{padding:5px;transform:none}.is-playing #tray{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.is-playing .fragment{height:72px;margin:0;padding:4px;justify-content:center}.is-playing .fragment-art canvas{max-height:54px}.is-playing .piece-size{display:none}}#save-finished{width:100%;margin-top:8px}.play-title,.back-mark{display:none}.session-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}@media(max-width:850px){:root{--game-bg: #172b23;--game-panel: #284236;--game-edge: #567363;--game-text: #fff7e3;--game-muted: #d9e7d9;--game-gold: #f3d58b;background:var(--game-bg)}body{min-height:100svh;color:var(--game-text);background:radial-gradient(ellipse at 50% 20%,#365646,var(--game-bg) 72%)}body:before{opacity:.05}.masthead{gap:8px;height:54px;border:0;color:var(--game-text)}.masthead .brand{flex-shrink:0;color:inherit}.masthead nav{gap:3px;margin-left:auto;flex-shrink:0}.masthead nav .icon-button,.is-playing .masthead .brand{display:grid;place-items:center;width:44px;height:44px;border:1px solid #63806e;border-radius:12px;color:var(--game-text);background:#365346;box-shadow:0 2px #0f2119}.masthead nav .icon-button:last-child{border-color:#63806e}.masthead svg{width:21px;height:21px;stroke-width:1.8}.is-playing .masthead .brand-mark,.is-playing .masthead .brand-name{display:none}.is-playing .back-mark,.is-playing .play-title{display:block}.play-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:750;letter-spacing:-.025em}.is-playing .journal h2{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;margin:0}.journal h2{font-size:clamp(26px,7vw,38px);margin:10px 0 4px}.scene-copy,.painting-signature,.painting-signature span:last-child{color:var(--game-muted)}.scene-copy{font-size:15px}#progress-panel{padding:6px 0 0;margin:0 0 8px;gap:5px 9px}.progress-track{height:7px;background:#12261e;box-shadow:inset 0 1px 2px #101c16;border-radius:8px}.progress-track i{background:var(--game-gold);border-radius:inherit}.progress-caption,.goal strong,.goal span{color:var(--game-text);font-size:13px}.progress-caption,.goal strong{font-weight:700}.goal span{color:var(--game-muted)}.goal>svg,.goal:first-child>svg{stroke:var(--game-gold);width:17px;height:17px}.paper-frame{padding:5px;background:#e7d8b6;border-radius:12px;box-shadow:0 3px #13271e,0 6px 18px #081d1660}#board-wrap{border-radius:8px}.palette{background:var(--game-panel);border:1px solid var(--game-edge);border-radius:16px;box-shadow:0 4px #0d2219,inset 0 1px #ffffff17;padding:8px;margin:9px 0 10px}.palette-heading{align-items:center;min-height:22px;margin-bottom:6px}.palette h2{font:750 15px/1.25 ui-sans-serif,sans-serif;letter-spacing:0}.palette-heading>p:last-child{color:var(--game-muted);font:500 13px/1.25 ui-sans-serif,sans-serif}#tray{gap:7px}.fragment{background:#fbf2de;border:2px solid #ded1ac;border-radius:11px;box-shadow:0 3px #12281d;height:73px}.fragment:hover{background:#fff6e3;border-color:#ded1ac}.fragment .piece-index{color:#4b5b47;font:700 11px/1 ui-sans-serif,sans-serif}.fragment.selected{background:#ffedbc;border-color:#efb951;box-shadow:0 0 0 1px #efb951,0 3px #13291e}.fragment.selected:after{content:"✓";position:absolute;top:4px;right:6px;color:#314b35;font-weight:850}.tools{gap:7px;margin-top:10px}.tools button{min-height:48px;min-width:0;border:1px solid #779181;border-radius:11px;background:#3e5b4d;box-shadow:0 3px #11281d;color:var(--game-text);font:700 14px/1.1 ui-sans-serif,sans-serif;padding:5px 3px;gap:4px}.tools svg{width:17px;height:17px;stroke-width:1.8}.tools button:hover:not(:disabled){background:#4b6958;color:var(--game-text)}.tools button:disabled{opacity:1;background:#293f35;color:#becbbf;border-color:#546b5e;box-shadow:none}#hint,#place-preview{color:#263727;border-color:#ffe5a7;background:var(--game-gold);box-shadow:0 3px #9d702f;padding:5px 3px}#hint:hover:not(:disabled),#place-preview:hover:not(:disabled){color:#263727;background:#ffe3a5}#hint:disabled{background:#293f35;color:#becbbf;border-color:#546b5e;box-shadow:none}.tools button:active:not(:disabled),.masthead button:active,.fragment:active{transform:translateY(2px);box-shadow:none}.masthead button:focus-visible,.palette button:focus-visible{outline-color:var(--game-gold)}#welcome .primary{color:#263727;background:var(--game-gold);border-color:#ffe5a7;box-shadow:0 3px #9d702f;font-size:16px;font-weight:750;border-radius:12px}.page-footer{display:none}#save-finished{background:#f1e5c6;color:#243a2b;font-size:15px;font-weight:700}dialog{color:#23372a;border-radius:18px}dialog p,.help-steps p,.setting small{font-size:15px;color:#3e5242}dialog .secondary,dialog .primary,dialog .text-button{min-height:46px;font-size:14px;font-weight:650}}@media(max-width:850px)and (max-height:610px)and (orientation:portrait){.masthead{height:48px}.palette{padding:6px;margin-top:7px}.fragment{height:62px}.fragment-art canvas{max-height:46px}.tools{margin-top:8px}}@media(max-width:850px)and (max-height:540px)and (orientation:landscape){.is-playing #progress-panel{grid-row:1}.is-playing .canvas-column{grid-row:1 / 3}.is-playing .palette{grid-row:2;padding:8px}}@media(max-width:850px)and (max-height:610px)and (orientation:portrait){.is-playing .canvas-column{width:min(100%,max(264px,calc(100svh - 289px)));align-self:center}}@media(max-width:360px){.masthead #audio{display:none}}.fragment-art{transition:transform .12s ease-out,filter .12s ease-out}.fragment[data-held] .fragment-art{transform:translateY(-4px) scale(1.06);filter:drop-shadow(0 3px 2px #18322346)}.reduce-motion .fragment[data-held] .fragment-art{transform:none}@media(prefers-reduced-motion:reduce){.fragment[data-held] .fragment-art{transform:none}}.medium-switch{display:flex;flex-shrink:0;gap:2px;padding:2px;border:1px solid #c3cabe;border-radius:13px;background:#e9ebdf;color:#4b5c50}.medium-switch label{position:relative;cursor:pointer;touch-action:manipulation}.medium-switch input{position:absolute;width:1px;height:1px;clip-path:inset(50%)}.medium-switch span{display:grid;place-items:center;min-width:44px;min-height:44px;padding:0 11px;border:1px solid transparent;border-radius:9px;font-size:13px;font-weight:700}.medium-switch input:checked+span{border-color:#aab7a0;background:#fcf8ea;color:#304635;box-shadow:0 1px 2px #243b2224}.medium-switch input:focus-visible+span{outline:2px solid currentColor;outline-offset:-3px}.medium-switch label:active span{transform:translateY(1px)}@media(max-width:850px){.medium-switch{border-color:#63806e;background:#20382d;color:var(--game-text);box-shadow:0 2px #0f2119}.medium-switch span{padding:0 7px;font-size:12px}.medium-switch input:checked+span{border-color:#f6dfa7;background:var(--game-gold);color:#233529}}@media(max-width:540px){.is-playing .play-title{display:none}}@media(max-width:450px){.masthead .brand-name{display:none}.masthead .brand{min-width:44px;justify-content:center}}