:root{font-family:Tahoma,Verdana,Arial,sans-serif;font-size:14px;color:#111;background:#d4d0c8;font-synthesis:none;--gray:#d4d0c8;--navy:#000080;--light:#fff;--dark:#404040}*{box-sizing:border-box}body{margin:0}button,input,a{font:inherit}button,a,input,canvas{outline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:2px dotted #000080}button,a{-webkit-tap-highlight-color:transparent}button,.toolbar a{cursor:pointer;border:2px solid;border-color:#fff #404040 #404040 #fff;background:var(--gray);color:#111;border-radius:0;box-shadow:inset -1px -1px #808080,inset 1px 1px #eae8e3;min-height:30px;padding:4px 9px;text-decoration:none}button:active,button.active,button[aria-pressed=true]{border-color:#404040 #fff #fff #404040;box-shadow:inset 1px 1px #808080;background:#e9e7e1}button:disabled{opacity:.6;cursor:not-allowed}a{color:#0000ee;text-decoration:underline}input{border:2px solid;border-color:#808080 #fff #fff #808080;background:#fff;color:#111;border-radius:0;min-height:31px;padding:4px 6px;min-width:0}input:focus{outline:1px dotted navy;outline-offset:1px}[hidden]{display:none!important}.canvas-page{overflow:hidden}.desktop{position:fixed;inset:0;overflow:hidden;background:#fff}.board-wrap{position:absolute;inset:0 0 26px;overflow:hidden;background:#eee}#board{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:crosshair;touch-action:none}.window{background:var(--gray);border:2px solid;border-color:#fff #303030 #303030 #fff;box-shadow:inset -1px -1px #808080,inset 1px 1px #dfdfdf,3px 3px 0 #0005;padding:3px;border-radius:0}.titlebar{min-height:25px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:linear-gradient(90deg,#000080,#1084d0);color:#fff;font-size:12px;font-weight:bold;padding:2px 3px 2px 6px;user-select:none}.titlebar>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.titlebar button{font-family:Arial,sans-serif;line-height:16px;font-weight:bold;min-height:19px;height:19px;width:21px;padding:0;flex-shrink:0;font-size:16px}.masthead{position:absolute;left:16px;top:16px;width:343px;z-index:2}.masthead-content{padding:6px 10px 9px}.masthead h1{margin:0;font:900 37px/1.25 'Arial Black',Impact,Arial,sans-serif;letter-spacing:-2px;white-space:nowrap}.masthead h1>span:first-child{color:#f30000;text-shadow:1px 1px #fff}.title-cursor{color:#000080}.masthead p{font-size:12px;margin:0 0 10px;white-space:nowrap}.masthead-bottom{display:flex;align-items:center;gap:7px;font-size:11px}.counter{font:bold 16px/1.3 'Courier New',monospace;background:#141414;color:#72ff43;letter-spacing:2px;border:2px inset #ddd;padding:0 4px}.demo-badge{margin-left:auto;font-size:10px;font-weight:bold;color:#555;border:1px solid #999;padding:1px 3px}.toolbar{position:absolute;bottom:42px;left:50%;transform:translateX(-50%);z-index:4;display:flex;align-items:center;gap:5px;padding:5px;max-width:calc(100% - 24px)}.toolbar button,.toolbar a{white-space:nowrap;display:flex;align-items:center;justify-content:center;height:34px}.buy-toggle{background:#ffff74!important;font-weight:bold;padding:5px 15px!important;gap:7px}.buy-toggle span{font-size:20px;line-height:1}.tool-button{width:34px;font-size:20px;padding:2px!important}.toolbar-separator{height:27px;border-left:1px solid #888;border-right:1px solid white;margin:0 3px}.toolbar output{font:12px 'Courier New',monospace;min-width:44px;text-align:center}.toolbar .help-button{font-weight:bold;font-size:18px;width:30px}.toolbar .share-button{font-size:14px}.toolbar .fit-button{font-size:14px}.selection-tip{position:absolute;bottom:106px;left:50%;transform:translateX(-50%);z-index:2;display:flex;align-items:center;gap:11px;width:max-content;max-width:calc(100% - 32px);padding:9px 10px;background:#ffffda;border:1px solid #555;box-shadow:3px 3px #0004}.selection-tip .tip-icon{border-radius:50%;font:bold 20px Georgia,serif;background:#000080;color:#fff;width:25px;height:25px;display:grid;place-items:center;flex-shrink:0}.selection-tip b{display:block;font-size:14px;margin-bottom:4px}.selection-tip div>span{font-size:12px}.selection-tip button{align-self:start;min-height:20px;height:20px;width:20px;padding:0;font-size:15px;background:transparent;border:0;box-shadow:none}.purchase-window{position:absolute;right:18px;top:18px;bottom:auto;width:302px;max-height:calc(100% - 122px);overflow:auto;z-index:5}.purchase-window .titlebar{position:sticky;top:0;z-index:1}.window-body{padding:13px 11px 7px}.purchase-intro{display:flex;gap:10px;align-items:center;margin-bottom:17px}.pixel-sample{display:block;width:34px;height:34px;background:#ff2020;box-shadow:inset 0 0 0 1px #0008,3px 3px #888;flex-shrink:0;image-rendering:pixelated}.purchase-intro h2{font-size:16px;margin:0 0 5px;line-height:1.25}.purchase-intro p{font-size:12px;margin:0}fieldset{border:2px groove #eee;margin:0 0 16px;padding:11px 9px 10px;min-width:0}legend{padding:0 5px;font-size:14px}.coordinate-fields{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:8px}.coordinate-fields label{font-size:12px;display:flex;align-items:center;gap:4px}.coordinate-fields input{width:100%;font:14px 'Courier New',monospace;-moz-appearance:textfield}.coordinate-fields input::-webkit-inner-spin-button{appearance:none}.coordinate-fields button{font-size:12px;padding:3px 5px}.size-options{display:flex;gap:6px;margin-top:11px}.size-options button{flex:1;font-size:13px;padding:4px}.color-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px;font-size:14px}.color-heading output{font:12px 'Courier New',monospace;color:#444}.palette{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:4px;margin-bottom:14px}.swatch{background:var(--swatch)!important;width:100%;aspect-ratio:1;min-height:0;padding:0;border:1px solid #606060;box-shadow:inset 1px 1px #ffffff70,inset -1px -1px #0006;position:relative}.swatch.active{outline:2px solid #000;outline-offset:1px}.swatch.active:after{content:'✓';position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:13px;text-shadow:1px 1px #000,-1px -1px #000}.custom-color{width:100%;height:100%;min-height:0;aspect-ratio:1;padding:0;border:1px solid #555;background:conic-gradient(red,yellow,lime,cyan,blue,magenta,red);cursor:pointer}.custom-color::-webkit-color-swatch-wrapper{padding:4px}.custom-color::-webkit-color-swatch{border:0}.name-label{display:block;margin:0 0 6px;font-size:14px}.name-label small{font-size:12px;color:#555}.name-input{width:100%;font-size:14px}.selection-summary{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #888;box-shadow:inset 0 1px white;padding:12px 0 10px;font-size:14px}.selection-summary strong{font:bold 23px 'Courier New',monospace}.buy-button{width:100%;background:#ffff74;font-weight:bold;display:flex;justify-content:space-between;gap:8px;align-items:center;min-height:39px;padding:7px 10px}.demo-notice{font-size:11px;text-align:center;margin:10px 0 3px;color:#444}.form-status{font-size:12px;line-height:1.4;color:#a00000;margin:0 0 10px}.form-status:empty{display:none}.canvas-tooltip,.hover-tip{position:absolute;z-index:2;pointer-events:none;background:#ffffda;border:1px solid #111;padding:5px 7px;box-shadow:2px 2px #0004;font:12px Tahoma,sans-serif;max-width:230px}.hover-tip{z-index:3}.statusbar{height:26px;position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:4px;padding:3px 4px;background:var(--gray);border-top:2px solid white;font-size:11px;z-index:7}.statusbar>span{border:1px solid;border-color:#999 white white #999;min-height:18px;padding:1px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.statusbar>span:first-child{flex:1}.status-demo{color:#555}.toast{position:fixed;left:50%;bottom:108px;transform:translateX(-50%);z-index:20;padding:12px 16px;max-width:calc(100% - 30px);background:#ffffda;display:none;font-size:14px;text-align:center}.toast.visible{display:block}dialog.window{padding:3px;max-width:420px;width:calc(100% - 30px);max-height:calc(100dvh - 40px);color:#111;overflow:auto}dialog::backdrop{background:#0005}.dialog-body{padding:17px 19px 19px}.dialog-body h2{font-size:22px;line-height:1.25;margin:5px 0 15px}.dialog-body p,.dialog-body li{font-size:14px;line-height:1.6}.dialog-body ol{padding-left:20px}.dialog-body li{padding:5px 0}.inset-note{border:2px inset #eee;padding:9px;background:#efefdf;font-size:12px!important}.receipt-preview{display:flex;align-items:center;gap:12px;margin:20px 0;border:2px inset #eee;padding:12px;background:#fff}.receipt-pixel{width:45px;height:45px;background:var(--color);border:1px solid #777;flex-shrink:0}.receipt-preview strong{font-size:14px}.receipt-preview p{font-size:12px;margin:5px 0}.receipt-total{display:flex;justify-content:space-between;align-items:center;margin:20px 0;font-size:14px}.receipt-total strong{font:bold 28px 'Courier New',monospace}.success-mark{font:bold 38px 'Courier New',monospace;color:#008000;margin:0 0 10px}.dialog-actions{margin-top:20px}.dialog-actions button{width:100%}.player-mode .masthead{width:285px}.player-mode .masthead h1{font-size:29px}.player-mode .masthead p{font-size:11px}.player-mode .masthead-bottom>span:nth-child(2){display:none}.player-mode .masthead-bottom .demo-badge{font-size:11px}
@media(max-width:720px){.masthead{top:10px;left:10px;width:284px}.masthead h1{font-size:30px}.masthead p{font-size:11px}.masthead-bottom>span:nth-child(2){font-size:10px}.masthead-bottom{gap:5px}.counter{font-size:14px;letter-spacing:1px}.purchase-window{top:10px;right:10px;max-height:calc(100% - 116px);width:min(302px,calc(100% - 20px))}.toolbar{gap:3px;bottom:36px;max-width:calc(100% - 16px);padding:4px}.toolbar-separator{margin:0 2px}.toolbar .buy-toggle{padding:4px 8px!important;font-size:13px}.buy-toggle span{display:none}.tool-button{width:28px}.toolbar button,.toolbar a{height:32px;min-height:32px}.toolbar output{min-width:38px;font-size:11px}.toolbar .help-button{width:25px;padding:0}.toolbar .share-button{padding:4px 6px;font-size:12px}.toolbar .fit-button{padding:4px 6px;font-size:12px}.optional-separator{display:none}.selection-tip{bottom:94px;padding:9px;width:calc(100% - 28px)}.selection-tip b{font-size:13px}.selection-tip div>span{font-size:12px;line-height:1.4;display:block}.status-remaining{display:none}.statusbar{font-size:10px}.status-demo{max-width:100px}.toast{bottom:95px}.masthead.minimized{width:240px}.player-mode .masthead{width:260px}.player-mode .masthead-content{padding:4px 8px}.player-mode .masthead h1{font-size:27px}.player-mode .masthead p{white-space:normal}.player-mode .masthead-bottom{display:none}}
@media(max-width:390px){.toolbar{gap:2px}.toolbar-separator{margin:0 1px}.toolbar .buy-toggle{font-size:12px;padding:4px 6px!important}.tool-button{width:26px}.toolbar .share-button{font-size:12px;padding:4px}.toolbar output{min-width:33px}.masthead{width:268px}.masthead h1{font-size:29px}.masthead p{white-space:normal}.masthead-bottom>span:nth-child(2){font-size:10px}.demo-badge{font-size:9px}.status-demo{display:none}}@media(max-height:500px){.purchase-window{top:7px;max-height:calc(100% - 90px)}.masthead{top:7px;left:7px}.masthead-content{padding:3px 8px}.masthead p,.masthead-bottom{display:none}.masthead h1{font-size:26px}.selection-tip{bottom:87px}.toolbar{bottom:33px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.music-bar{position:absolute;right:18px;top:18px;width:302px;z-index:4;padding:6px}.music-display{display:flex;align-items:center;gap:9px;background:#111b16;color:#aaff56;border:2px inset #eee;padding:6px 7px;font-family:'Courier New',monospace}.music-symbol{font-size:26px;color:#69ff2b}.music-display>div{flex:1;min-width:0}.music-display b{font-size:11px;letter-spacing:.2px;white-space:nowrap}.music-display b span{color:#8daa77}.music-display small{display:block;font-size:9px;margin-top:4px;color:#a3b899;white-space:nowrap}.music-display button{width:30px;min-height:28px;font-size:12px;padding:0}.music-controls{display:flex;gap:10px;padding-top:4px}.music-controls input{min-height:18px;padding:0;width:75%}#music-volume{width:25%}.spotify-window{position:absolute;right:18px;top:92px;width:310px;z-index:10}.spotify-window iframe{display:block}.spotify-fallback{font-size:11px;display:block;padding:6px}.purchase-window{top:95px;max-height:calc(100% - 190px)}.image-upload{width:100%;font-size:11px;padding:4px;min-height:30px}.upload-hint{font-size:10px!important;color:#555;line-height:1.5;margin:5px 0 12px}.image-editor{display:flex;gap:10px;align-items:center;margin:10px 0}.image-editor canvas{width:84px;height:84px;flex-shrink:0;image-rendering:pixelated;border:2px inset #eee;background:repeating-conic-gradient(#ddd 0 25%,white 0 50%) 50% / 10px 10px}.image-editor label{font-size:10px;display:block}.image-editor input{width:100%;min-height:14px;height:18px;padding:0}.image-editor button{font-size:10px;min-height:22px;padding:2px 6px}.link-label{margin-top:12px}.checkout-link{color:#000;text-decoration:none;border:2px outset white;display:block;text-align:center}.toolbar .mode-toggle{font-size:11px;padding:4px 6px}.receipt-page{min-height:100dvh;display:grid;place-items:center;background:#008080;padding:16px}.receipt-window{max-width:440px;width:100%}.receipt-window .window-body{padding:20px}.receipt-window h1{font-size:24px}.receipt-window p{line-height:1.6}.receipt-window a{display:inline-block;margin-top:15px}.receipt-page .receipt-icon{font:32px 'Courier New';color:navy}.receipt-page .receipt-icon.paid{color:green}
@media(max-width:720px){.music-bar{top:155px;left:10px;right:auto;width:285px}.spotify-window{top:224px;left:10px;right:auto;width:min(310px,calc(100% - 20px))}.purchase-window{top:10px;max-height:calc(100% - 104px);z-index:11}.toolbar{gap:2px}.toolbar .pan-button{display:none}.toolbar-separator{margin:0 1px}.toolbar .share-button{font-size:11px;padding:3px}.toolbar .mode-toggle{font-size:10px;padding:3px}.player-mode .music-bar{top:117px}.masthead.minimized~.music-bar{top:50px}}
@media(max-width:390px){.toolbar #pan-button,.toolbar #select-button{display:none}.toolbar .mode-toggle{padding:3px 4px}.music-bar{width:268px}.masthead{max-width:calc(100% - 20px)}}
@media(max-height:500px){.music-bar{top:8px;left:auto;right:8px;width:270px}.spotify-window{top:80px;left:auto;right:8px}.purchase-window{top:8px;max-height:calc(100% - 95px);z-index:11}}

/* Compact floating windows: the canvas remains the main surface. */
.canvas-page{font-size:12px}
.canvas-page .titlebar{min-height:22px;font-size:11px;cursor:grab;touch-action:none}
.canvas-page .titlebar.dragging{cursor:grabbing}
.canvas-page .titlebar button{height:17px;min-height:17px;width:19px;font-size:14px}
.canvas-page .masthead,.player-mode .masthead{width:250px;left:10px;top:10px;max-width:calc(100% - 20px)}
.canvas-page .masthead-content,.player-mode .masthead-content{padding:8px}
.canvas-page .masthead h1.funding-counter{font:bold 28px/1.15 'Courier New',monospace;letter-spacing:-1px;margin:0 0 7px}
.canvas-page .funding-counter #raised-count{color:#111;text-shadow:none}
.funding-counter small{font:bold 12px Tahoma,sans-serif;letter-spacing:0;color:#555}
.funding-track{height:9px;border:2px inset #eee;background:#fff;margin-bottom:7px;overflow:hidden}
.funding-track span{display:block;height:100%;background:#000080}
.canvas-page .masthead-bottom,.player-mode .masthead-bottom{display:flex;gap:4px;font-size:9px}
.canvas-page .masthead-bottom .demo-badge{font-size:9px}
.canvas-page .music-bar,.player-mode .music-bar{width:250px;top:10px;right:10px;left:auto;padding:3px}
.canvas-page .music-display{margin:3px 0 0;padding:4px 6px;gap:6px}
.canvas-page .music-display b{font-size:10px}
.canvas-page .music-display small{font-size:8px;margin-top:2px}
.canvas-page .music-symbol{font-size:21px}
.canvas-page .music-display button{min-height:24px;height:24px;width:26px}
.canvas-page .spotify-window{top:88px;right:10px;left:auto;width:min(310px,calc(100% - 20px));max-height:calc(100dvh - 90px);overflow:auto}
.canvas-page .purchase-window{display:flex;flex-direction:column;right:10px;top:92px;width:278px;max-width:calc(100% - 20px);max-height:calc(100dvh - 170px);overflow:hidden;z-index:15}
.purchase-window > .titlebar{flex-shrink:0;position:relative}
#claim-form{padding:0;display:flex;flex-direction:column;min-height:0;overflow:hidden}
.purchase-scroll{padding:8px 9px 0;overflow:auto;min-height:0;overscroll-behavior:contain}
.purchase-footer{padding:5px 9px 7px;flex-shrink:0;border-top:1px solid #888;box-shadow:0 -1px #fff}
.canvas-page .purchase-intro{gap:9px;margin-bottom:10px}
.canvas-page .purchase-intro h2{font-size:14px;margin-bottom:3px}
.canvas-page .purchase-intro p{font-size:10px}
.canvas-page .pixel-sample{width:27px;height:27px;background-size:contain!important;background-repeat:no-repeat;background-position:center}
.canvas-page fieldset{padding:7px;margin:0 0 10px}
.canvas-page legend{font-size:12px}
.canvas-page .coordinate-fields{grid-template-columns:1fr 1fr;gap:5px}
.canvas-page .coordinate-fields label{font-size:11px}
.canvas-page .coordinate-fields input{font-size:12px;min-height:26px;padding:3px 4px}
.canvas-page #random-button{grid-column:1/-1;font-size:11px;min-height:25px}
.canvas-page .size-options{gap:5px;margin-top:6px}
.canvas-page .size-options button{font-size:11px;min-height:25px;padding:3px}
.canvas-page .color-heading,.canvas-page .name-label{font-size:11px;margin-bottom:5px}
.canvas-page .name-label small{font-size:10px}
.canvas-page .color-heading output{font-size:10px}
.canvas-page .palette{gap:4px;margin-bottom:10px}
.canvas-page .name-input{font-size:12px;min-height:27px}
.canvas-page .upload-hint{font-size:9px!important;margin:4px 0 8px;line-height:1.4}
.canvas-page .link-label{margin-top:8px}
.canvas-page .selection-summary{padding:1px 0 5px;border:0;box-shadow:none;font-size:11px}
.canvas-page .selection-summary strong{font-size:19px}
.canvas-page .buy-button{font-size:12px;min-height:31px;padding:5px 8px}
.canvas-page .demo-notice{font-size:9px;margin:5px 0 0}
.canvas-page .form-status{font-size:10px;line-height:1.25;margin-bottom:5px}
.canvas-page .image-editor{gap:8px}
.canvas-page .image-editor canvas{object-fit:contain;max-width:84px;max-height:84px}
.canvas-page .toolbar{z-index:100;bottom:33px;gap:3px;padding:4px;max-width:calc(100% - 12px)}
.canvas-page .toolbar button,.canvas-page .toolbar a{min-height:28px;height:28px;font-size:11px;padding:3px 5px}
.canvas-page .toolbar .buy-toggle{font-size:12px;padding:3px 8px!important}
.canvas-page .toolbar .buy-toggle span{display:none}
.canvas-page .toolbar .tool-button{width:27px;font-size:19px;display:flex!important}
.canvas-page .toolbar .help-button{width:23px;font-size:16px}
.canvas-page .toolbar output{min-width:33px;font-size:10px}
.canvas-page .toolbar-separator{height:22px;margin:0 1px}
.canvas-page .statusbar{z-index:100;font-size:10px}
.canvas-page .selection-tip{bottom:82px;padding:7px 9px;gap:8px;max-width:calc(100% - 24px)}
.canvas-page .selection-tip b{font-size:12px;margin-bottom:3px}
.canvas-page .selection-tip div>span{font-size:10px}
.canvas-page dialog.window{max-width:350px;width:calc(100% - 20px);max-height:calc(100dvh - 20px)}
.canvas-page .dialog-body{padding:10px 12px 12px}
.canvas-page .dialog-body h2{font-size:18px;margin:3px 0 9px}
.canvas-page .dialog-body p,.canvas-page .dialog-body li{font-size:12px;line-height:1.45}
.canvas-page .dialog-body li{padding:3px 0}
.canvas-page .receipt-total{margin:12px 0;font-size:12px}
.canvas-page .receipt-total strong{font-size:23px}
.canvas-page .receipt-preview{margin:12px 0;padding:8px}
.canvas-page .toast{z-index:110;font-size:12px;bottom:80px}
@media(max-width:720px), (max-height:500px){
 .canvas-page .masthead,.player-mode .masthead{width:230px;left:8px;top:8px}
 .canvas-page .masthead-content{padding:6px 7px}
 .canvas-page .masthead h1.funding-counter{font-size:25px;margin-bottom:5px}
 .funding-counter small{font-size:11px}
 .canvas-page .music-bar,.player-mode .music-bar{top:115px;left:8px;right:auto;width:230px}
 .canvas-page .masthead.minimized~.music-bar{top:44px}
 .canvas-page .spotify-window{top:190px;left:8px;right:auto}
 .canvas-page .purchase-window{top:27px;right:8px;width:254px;max-height:calc(100dvh - 102px)}
 .canvas-page .toolbar{gap:2px}
 .canvas-page .selection-tip{width:auto}
}
@media(max-width:430px){
 .canvas-page .masthead,.player-mode .masthead{width:214px}
 .canvas-page .music-bar,.player-mode .music-bar{top:111px;width:214px}
 .canvas-page .purchase-window{width:242px;top:27px}
 .canvas-page .toolbar{gap:2px;padding:3px;max-width:calc(100% - 8px)}
 .canvas-page .toolbar-separator{display:none}
 .canvas-page .toolbar .buy-toggle{font-size:11px;padding:3px 5px!important}
 .canvas-page .toolbar button,.canvas-page .toolbar a{font-size:10px;padding:3px 4px}
 .canvas-page .toolbar .tool-button{width:24px}
 .canvas-page .toolbar output{min-width:29px}
 .canvas-page .status-demo{display:none}
}
.canvas-page .masthead-bottom .demo-badge{display:inline-block!important}

/* Keep the creator link visible even in a compact embedded player. */
.canvas-page .statusbar>span:first-child{min-width:0}
.creator-credit{flex:0 0 auto;border:1px solid;border-color:#999 white white #999;min-height:18px;padding:1px 6px;white-space:nowrap;color:#333;text-decoration:none}
.creator-credit:hover,.creator-credit:focus-visible{text-decoration:underline;color:#000080}
.canvas-page #success-dialog .success-mark{font-size:24px;margin:0 0 10px}
#receipt-share{margin:14px 0}

/* Little alarm-clock counter, with no goal or caption competing with the canvas. */
.canvas-page .masthead,.player-mode .masthead{width:248px}
.canvas-page .masthead .titlebar{gap:4px}
.canvas-page .masthead .demo-badge{font-size:7px;color:#e8e8ff;border:0;padding:0;margin-left:auto;flex-shrink:0}
.canvas-page .masthead-content{padding:5px}
.money-clock{width:100%;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;background:#180d0b;border:2px inset #eee;padding:8px 6px;overflow:hidden}
.clock-dollar{font:bold 25px 'Courier New',monospace;color:#ff5341}
#money-digits{display:flex;gap:5px}
.clock-digit{display:block;position:relative;width:20px;height:34px;transform:skew(-5deg)}
.segment{position:absolute;display:block;background:#ff473d;opacity:.075;box-shadow:none}
.segment.lit{opacity:1;filter:drop-shadow(0 0 2px #ff392666)}
.segment.a,.segment.g,.segment.d{width:14px;height:3px;left:3px;clip-path:polygon(15% 0,85% 0,100% 50%,85% 100%,15% 100%,0 50%)}
.segment.a{top:0}.segment.g{top:15px}.segment.d{bottom:0}
.segment.b,.segment.c,.segment.e,.segment.f{height:13px;width:3px;clip-path:polygon(50% 0,100% 12%,100% 88%,50% 100%,0 88%,0 12%)}
.segment.b{right:0;top:2px}.segment.c{right:0;bottom:2px}.segment.e{left:0;bottom:2px}.segment.f{left:0;top:2px}
.artwork-heading{font-size:11px;margin:8px 0 5px;font-weight:bold;display:flex;justify-content:space-between;gap:5px}
.artwork-heading small{font-weight:normal;font-size:10px;color:#555}
.photo-upload{width:100%;display:flex;align-items:center;gap:10px;text-align:left;background:#ecebe3;min-height:52px}
.photo-upload img{image-rendering:pixelated;flex-shrink:0}
.photo-upload b{display:block;font-size:12px}.photo-upload small{display:block;font-size:9px;color:#555;margin-top:3px}
.shape-options{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.shape-options button{min-height:30px;padding:6px;display:grid;place-items:center}
.shape-options canvas{width:20px;height:20px;image-rendering:pixelated}
.paint-tools{display:flex;gap:4px;margin:10px 0 6px}
.paint-tools button{flex:1;min-height:26px;font-size:10px;padding:3px}
.shape-lock{display:flex;align-items:center;justify-content:space-between;gap:4px;background:#fffbd0;border:1px solid #a99c59;padding:4px;font-size:9px;margin:7px 0 0}
.shape-lock button{font-size:9px;min-height:20px;padding:1px 4px}
.coordinate-fields.locked input{color:#000080;background:#fffbd0;outline:1px dotted #000080;outline-offset:-5px}
.canvas-page .image-editor{display:flex;flex-direction:column;align-items:stretch;gap:6px;margin:8px 0}
.canvas-page .image-editor canvas{width:100%;height:auto;max-width:none;max-height:none;align-self:center;object-fit:contain;image-rendering:pixelated;touch-action:none}
#artwork-hint{font-size:10px;margin:0;line-height:1.4;color:#444}
#crop-controls label{font-size:10px}#crop-controls input{width:100%}
@media(max-width:720px),(max-height:500px){
 .canvas-page .masthead,.player-mode .masthead{width:230px}
 .canvas-page .music-bar,.player-mode .music-bar{top:110px;width:230px}
 .clock-digit{width:18px;height:32px}#money-digits{gap:4px}
 .segment.a,.segment.g,.segment.d{width:12px}.segment.b,.segment.c,.segment.e,.segment.f{height:12px}
 .segment.g{top:14px}
}
@media(max-width:430px){
 .canvas-page .masthead,.player-mode .masthead{width:214px}
 .canvas-page .music-bar,.player-mode .music-bar{top:106px;width:214px}
 #money-digits{gap:3px}.money-clock{gap:4px;padding:6px 3px}.clock-dollar{font-size:21px}
}
@media(min-width:500px) and (max-height:500px){.canvas-page .music-bar,.player-mode .music-bar{top:10px;left:auto;right:10px}.canvas-page .spotify-window{top:88px;left:auto;right:10px}}
.shape-options button[aria-pressed=true]{background:#ffffb0;outline:1px dotted navy;outline-offset:-5px}

.shape-lock{flex-wrap:wrap}.shape-lock>span{flex:1}.shape-lock label{display:flex;justify-content:space-between;flex-basis:100%;font-size:10px}.shape-lock input{width:100%;margin:0;accent-color:navy}
.shape-options .logo-stamp{grid-column:span 1;gap:3px;font:9px Tahoma,sans-serif}.shape-options .logo-stamp canvas{width:28px;height:28px}.shape-options .logo-stamp:last-child{grid-column:span 2}

.money-clock:focus-visible{outline:2px dotted #000080;outline-offset:2px}.money-clock:hover{background:#25110e}.money-clock:active{border-style:inset}.users-symbol{position:relative;width:20px;height:26px;font-size:0;flex-shrink:0}.users-symbol::before{content:"";position:absolute;top:0;left:6px;width:8px;height:8px;background:#ff5341}.users-symbol::after{content:"";position:absolute;top:10px;left:2px;width:16px;height:16px;background:#ff5341;clip-path:polygon(25% 0,75% 0,100% 20%,100% 60%,75% 60%,75% 100%,25% 100%,25% 60%,0 60%,0 20%)}