/* Poolsuite's deployed interface: its pixel type, palette, geometry and framing.
   Source and asset attribution: SOURCES.md. Payment content is Kecheng's. */
:root{--ink:#000;--line:#000;--paper:#f9f0e9;--ui:'Pixolde',Georgia,serif;--mono:'Everyday','Courier New',monospace;--serif:'Pixelated Times New Roman','Times New Roman',serif;--display:'Ishmeria',Impact,sans-serif;--dock-font:'ChiKareGo2',Arial,sans-serif;--button:#f6d6d5;--mint:#afe5dd;--tertiary:#faf5c6}
body{--wallpaper:#f6d5d5;--wallpaper-deep:#dcb6ba;font:12px/1.3 var(--ui);color:#000;-webkit-font-smoothing:none;text-rendering:geometricPrecision;transition:none}
body[data-wallpaper=lagoon]{--wallpaper:#c3e0d4;--wallpaper-deep:#93bbab}
body[data-wallpaper=dusk]{--wallpaper:#cfc4e1;--wallpaper-deep:#a499bd}
body[data-wallpaper=paper]{--wallpaper:#faf5c6;--wallpaper-deep:#d8d0a3}
body[data-wallpaper=ocean]{--wallpaper:#cadce7;--wallpaper-deep:#9dbacb}
body::after{inset:0;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAEAQMAAACTPww9AAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlMAQObYZgAAAA5JREFUCNdjOACEBgwGAAnIAeFlCqcYAAAAAElFTkSuQmCC");background-size:2px 2px;opacity:.14;mix-blend-mode:multiply}
body[data-contrast=high]{--ink:#000;--line:#000;--paper:#fff9ef}
button,input,select,textarea{font-family:var(--ui)}
button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:1px dotted #000;outline-offset:2px}
::selection{background:#000;color:#fff}
.wallpaper-art,.desktop-signature{display:none}
.menu-bar{height:31px;padding:0;border:0;background:none;box-shadow:none;gap:0;pointer-events:none;font:10px var(--ui)}
.menu-bar>*{pointer-events:auto}
.os-brand{border-radius:0 0 4px 0;height:31px;padding:0 11px 0 0;margin:0;background:var(--paper);border:1px solid #000;border-top:0;border-left:0;gap:10px;font:10px var(--ui);letter-spacing:0}
.brand-sun{width:31px;height:30px;display:grid;place-items:center;margin:0;background:#000;color:var(--paper);font:21px Georgia}
.brand-sun img{width:16px;height:17px;image-rendering:pixelated}
.desktop-menu,.wallpaper-control{height:31px!important;background:var(--paper)!important;border:1px solid #000!important;border-top:0!important;border-left:0!important}
.menu-bar button{font:10px var(--ui);padding:0 10px}
.menu-bar .wallpaper-control{border-radius:0 0 3px 0}
.menu-panel{top:30px;width:238px;padding:4px;background:var(--paper);border-color:#000;box-shadow:2px 2px 0 #0005;border-radius:0 0 4px 4px}
.menu-panel button,.menu-panel a{font:12px var(--ui);height:30px;padding:0 8px}
.menu-panel button:hover,.menu-panel a:hover{color:#fff;background:#000}
.wallpaper-dot{width:9px;height:9px;border-color:#000;box-shadow:none}
.menu-clock{height:31px;margin-left:auto;gap:0;background:var(--paper);border:1px solid #000;border-top:0;border-right:0;border-radius:0 0 0 3px}
#desktop-date{display:flex;align-items:center;height:30px;padding:0 10px;border-right:1px solid #000;font:10px var(--ui)}
.clock-face{font:19px/1 Georgia;margin:0 6px 0 9px;color:#000}
#desktop-clock{font:10px var(--ui);padding-right:10px}
.desktop-workarea{top:31px;bottom:88px}
.app-window,.app-window.is-active{padding:6px;border:1px solid #000;border-radius:6px;background:var(--paper);box-shadow:0 50px 80px -50px #0000004d;color:#000}
.app-window.is-maximized{left:8px!important;top:8px!important;width:calc(100% - 16px)!important;height:calc(100% - 16px)!important;max-height:calc(100% - 16px)!important}
.window-titlebar,.app-window.is-active>.window-titlebar{height:24px;min-height:24px;padding:0 0 6px;gap:0;border:0;box-shadow:none;background:none}
.window-title,.player-window .window-title,.mix-window .window-title{font:16px/14px var(--display);font-weight:400;letter-spacing:-1px;padding:0 5px 0 0;margin:0 0 0 auto;background:none;text-transform:uppercase}
.window-titlebar button,.player-window .window-controls button,.mix-window .window-controls button{width:20px;height:18px;color:#777;background:none;border:0;box-shadow:none;border-radius:0;padding:0;font:15px/1 Arial}
.window-titlebar button:hover,.player-window .window-controls button:hover,.mix-window .window-controls button:hover{background:none;color:#000}
.window-titlebar button:active{transform:translateY(1px)}
.window-close span,.window-close span::after,.window-close:hover span::after{width:auto;height:auto;font:15px/1 Arial;color:inherit}
.window-tools{gap:0}
.window-tools button{width:18px}
.window-titlebar button img{display:block;width:auto;height:10px;max-width:14px;margin:auto;image-rendering:pixelated;opacity:.55}
.window-titlebar button:hover img{opacity:1}
.window-content{border:1px solid #000;border-radius:4px;box-shadow:none;background:#fff;min-height:0}
.window-status{font:10px/1 var(--ui);height:19px;min-height:19px;padding:4px 17px 0 1px;color:#000;background:none;border:0}
.window-status>span:last-child{font-size:9px;color:#555}
.window-resize-handle{right:6px;bottom:6px;width:12px;height:12px;background:repeating-linear-gradient(135deg,transparent 0,transparent 2px,#000 2px,#000 3px);opacity:.55}
.window-content::-webkit-scrollbar,.dispatch-content::-webkit-scrollbar,.mixtape-files::-webkit-scrollbar{width:17px;height:17px}
.window-content::-webkit-scrollbar-track,.dispatch-content::-webkit-scrollbar-track,.mixtape-files::-webkit-scrollbar-track{background:repeating-conic-gradient(#0002 0 25%,transparent 0 50%) 50%/2px 2px;border-left:5px solid #fff;border-right:5px solid #fff}
.window-content::-webkit-scrollbar-thumb,.dispatch-content::-webkit-scrollbar-thumb,.mixtape-files::-webkit-scrollbar-thumb{background:var(--tertiary);border:1px solid #000;border-radius:2px;box-shadow:0 1px #000;min-height:30px}
.window-content::-webkit-scrollbar-button:single-button{height:13px;background:#fff}
.window-content::-webkit-scrollbar-button:vertical:decrement{background:linear-gradient(135deg,transparent 50%,#000 50%) 6px 6px/3px 3px no-repeat,linear-gradient(225deg,transparent 50%,#000 50%) 9px 6px/3px 3px no-repeat,#fff}
.window-content::-webkit-scrollbar-button:vertical:increment{background:linear-gradient(45deg,transparent 50%,#000 50%) 6px 4px/3px 3px no-repeat,linear-gradient(315deg,transparent 50%,#000 50%) 9px 4px/3px 3px no-repeat,#fff}
.retro-button{border:1px solid #000;border-radius:3px;background:#d9d9d9;box-shadow:inset 1px 1px #fff,inset -1px -1px #0003;color:#000;font:12px var(--ui)}
.retro-button:hover{background:#e7e7e7}
.retro-button:active{box-shadow:inset 1px 1px #0005;transform:translateY(1px)}
.payment-window{left:70%;top:13%;width:338px}
.payment-content{background:#fff;padding:21px 20px 17px}
.provider-heading{gap:11px;margin-bottom:18px}
.provider-heading h3{font:32px/1 var(--serif);letter-spacing:-1px}
.provider-heading p{font:10px var(--ui);color:#333;margin-top:6px}
.provider-heading>svg{width:37px;height:37px;filter:none}
.provider-heading .provider-sparkle{font-size:25px;color:#777}
.qr-frame{max-width:230px;padding:8px;border:1px solid #000;border-radius:3px;background:#fff;box-shadow:none}
.qr-corner{display:none}
.payment-instruction{font:10px/1.5 var(--ui);color:#000;margin:16px 0 14px}
.payment-action{min-height:32px;font:12px var(--ui)}
.payment-thanks{font:9px/1.4 var(--ui);letter-spacing:0;color:#666;margin:14px 0 0}
.phone-frame{background:var(--tertiary);border:1px dotted #000;height:215px;gap:15px}
.phone-frame strong{font:32px/1 var(--serif);letter-spacing:-1px}
.phone-frame small{font:10px var(--ui);letter-spacing:0}
.phone-frame>svg{width:50px;height:50px}
.copy-feedback{font:10px var(--ui)}
.welcome-window{width:355px;left:15%;top:7%}
.welcome-content{background:var(--tertiary);padding:24px}
.welcome-kicker{font:10px var(--ui);letter-spacing:0;margin-bottom:18px}
.welcome-content>h2{font:48px/.95 var(--serif);letter-spacing:-2px;margin-bottom:20px}
.welcome-content>p,.welcome-bottom p{font:12px/1.5 var(--ui)}
.welcome-bottom{margin-top:22px;gap:15px}
.welcome-sticker{width:66px;height:66px;box-shadow:none;border:1px solid #000;background:#f6d6d5}
.welcome-sticker>small{font:6px var(--mono)}
.welcome-bottom p{font-size:10px}
.pixel-arrow{font:30px var(--serif)}
.dispatch-window{width:524px;height:466px;left:20%;top:30%}
.dispatch-content{background:#fff;padding:22px 17px 17px 24px}
.dispatch-window .dispatch-content{background:#fff}
.dispatch-tabs{position:static;gap:6px;background:none;border:0;padding:0 0 16px;overflow:auto;white-space:nowrap}
.dispatch-tabs button{display:block;flex:none;padding:4px 7px;border:0;border-radius:2px;font:700 12px/1.4 var(--ui);background:#e8e8e8}
.dispatch-tabs button span{display:none}
.dispatch-tabs button[aria-selected=true]{background:#000;color:#fff}
.dispatch-tabs button[aria-selected=true]::after{display:none}
.dispatch-masthead{display:block;padding:0 0 20px;margin:0;border:0}
.dispatch-masthead>div>span,.gazette-sun{display:none}
.dispatch-masthead h3{font:64px/.95 var(--serif);letter-spacing:-2px;text-transform:uppercase;margin:0 0 10px}
.dispatch-masthead p{font:10px/1.5 var(--mono);letter-spacing:-.7px;margin:0;white-space:normal}
.dispatch-masthead p br{display:none}
.dispatch-list{padding:0}
.dispatch-card{grid-template-columns:120px minmax(0,1fr);gap:18px;padding:0 0 18px;margin-bottom:18px;border:0}
.dispatch-thumbnail{border:2px solid #000;border-radius:4px;box-shadow:1px 2px #0004}
.dispatch-thumbnail svg{height:102px;object-fit:cover;transition:none}
.dispatch-card:hover .dispatch-thumbnail svg{transform:none}
.dispatch-card-kicker{font:9px var(--ui);letter-spacing:0;margin:0 0 5px}
.dispatch-card-copy>strong{font:20px/1.04 var(--serif);letter-spacing:-.3px}
.dispatch-card-deck{font:10px/1.35 var(--ui);margin-top:9px}
.dispatch-read{font:9px var(--ui);margin-top:7px;letter-spacing:0}
.dispatch-reading-window{width:524px;height:570px;left:37%;top:10%}
.dispatch-reading{padding:23px 25px;background:#fff}
.dispatch-back{font:12px var(--ui)}
.dispatch-reading-art svg{height:196px}
.dispatch-reading-kicker{font:10px var(--ui);letter-spacing:0}
.dispatch-reading h3{max-width:none;font:36px/1 var(--serif)}
.dispatch-reading-copy p{font:12px/1.5 var(--ui)}
.dispatch-reading-actions .retro-button{font:12px var(--ui);min-height:30px}
.preferences-window{width:414px;left:58%;top:8%}
.preferences-content{background:var(--tertiary);padding:22px}
.preferences-intro h3{font:36px/.95 var(--serif)}
.preferences-intro p{font:12px/1.3 var(--ui)}
.preferences-group{border:1px dotted #000;padding:13px}
.preferences-group legend,.wallpaper-options label{font:10px var(--ui);letter-spacing:0}
.preference-toggle strong{font:700 12px var(--ui)}
.preference-toggle small{font:10px/1.5 var(--ui)}
.preferences-about p{font:10px/1.5 var(--ui)}
.layout-options .retro-button{font:12px var(--ui)}
.postcard-window{width:450px;left:49%;top:10%}
.postcard-content{background:var(--paper)}
.postcard-editor>label,.postcard-actions .retro-button,.postcard-themes,.postcard-themes button,.postcard-privacy{font:10px var(--ui)}
.postcard-editor textarea{font:12px/1.5 var(--ui);border-color:#000}
.notes-content{padding:0;background:var(--tertiary)}
.notes-content textarea{font:12px/1.5 var(--ui);padding:18px;background:var(--tertiary)}
.notes-toolbar,.note-footer{font:10px var(--ui)}
.dock{height:71px;bottom:0;max-width:calc(100% - 32px);overflow:visible;border:1px solid #000;border-bottom:0;border-radius:5px 5px 0 0;background:var(--paper);padding:0;gap:0;box-shadow:none}
.dock-button{width:80px;min-width:80px;height:80px;margin-top:0;padding:6px 7px 18px;border:0;border-right:1px solid #000;gap:7px;background:transparent;box-shadow:inset 1px 1px #fff,inset 0 0 0 1px #0003,inset 0 -11px #0003;justify-content:center}
.dock-button:last-child{border-right:0}
.dock-button svg,.dock-button img{width:34px;height:34px;object-fit:contain;image-rendering:pixelated;filter:none;transition:none;flex:none}
.dock-button img{height:32px;width:32px}
.dock-button>span{display:block;font:12px/1 var(--dock-font);letter-spacing:0;margin:0;padding:1px 2px}
.dock-button:hover{background:transparent;border-color:#000}
.dock-button:hover svg,.dock-button:hover img{transform:none}
.dock-button.is-active{background:transparent;box-shadow:inset 1px 1px #fff,inset 0 0 0 1px #0003,inset 0 -11px #0003;border-color:#000}
.dock-button.is-active>span{background:#000;color:#fff}
.dock-button.is-running::after{display:none}
.dock-button:active{box-shadow:inset 1px 1px #0003,inset 0 -11px #0003}
.desktop-shortcut>span{font:12px var(--dock-font);letter-spacing:0}
.desktop-shortcut svg,.desktop-shortcut img{width:45px;height:45px;object-fit:contain;image-rendering:pixelated}
.desktop-boot{inset:0;background:var(--wallpaper)}
.boot-card{background:var(--paper);border:1px solid #000;border-radius:6px;box-shadow:0 50px 80px -50px #0007}
.boot-card-top{font:12px var(--ui);letter-spacing:0}
.boot-card-top strong{font:26px var(--display);letter-spacing:-1px}
.boot-card>p,.boot-bottom,.boot-bottom button,.boot-card>small{font:10px/1.5 var(--ui);color:#000}
.boot-progress-track{border-color:#000;background:#fff;height:14px}
#boot-progress{background:repeating-linear-gradient(90deg,#000 0 5px,var(--paper) 5px 6px)}
@media(min-width:1450px){.payment-window{left:70%;top:13%}.welcome-window{left:15%;top:7%}}
@media(max-width:1100px) and (min-width:701px){.payment-window{left:66%;top:14%;width:318px}.dispatch-window{left:6%;width:480px;top:34%}.welcome-window{left:5%;top:7%;width:355px}}
@media(max-width:700px){
 .menu-bar{padding:0;height:31px}.os-brand{font-size:9px;padding-right:8px;gap:7px;margin:0}.brand-sun{width:29px;height:30px;font-size:21px}.menu-bar button{font-size:10px;padding:0 8px}.wallpaper-control{display:none!important}.menu-clock{gap:0}#desktop-date{display:none}.clock-face{font-size:17px;margin-left:6px;margin-right:5px}#desktop-clock{font-size:9px;padding-right:7px}
 .desktop-workarea{top:31px;bottom:80px}.app-window,.app-window.is-active{padding:6px;border-radius:6px;box-shadow:0 24px 40px -30px #0007;max-height:calc(100% - 24px)}.window-titlebar{height:24px;min-height:24px}.window-title{font-size:16px;letter-spacing:-1px}.window-titlebar button{height:18px;width:20px}.window-content{border-radius:4px}.window-status{font-size:10px;height:22px;min-height:22px}.payment-content{padding:22px}.provider-heading h3{font-size:32px}.provider-heading p{font-size:10px}.payment-instruction{font-size:11px}.payment-action{font-size:12px;min-height:44px}.payment-thanks{font-size:9px}.phone-frame{height:215px}.qr-frame{max-width:245px}
 .dispatch-content{padding:18px 12px 18px 17px}.dispatch-masthead h3{font-size:49px}.dispatch-card{grid-template-columns:97px minmax(0,1fr);gap:12px}.dispatch-card-copy>strong{font-size:20px}.dispatch-card-deck{font-size:10px}.dispatch-thumbnail svg{height:95px}.dispatch-reading{padding:20px}.dispatch-reading h3{font-size:32px}.dispatch-reading-copy p{font-size:12px;line-height:1.6}.dispatch-tabs button{padding:6px 8px}
 .dock{height:73px;max-width:calc(100% - 10px);overflow-x:auto;overflow-y:hidden;border-radius:4px 4px 0 0}.dock-button{height:82px;width:60px;min-width:60px;padding:6px 4px 19px;gap:8px}.dock-button svg,.dock-button img{height:32px;width:32px}.dock-button>span{font-size:10px}.preferences-content{padding:18px}.preferences-group{padding:11px}.preferences-intro h3{font-size:32px}.postcard-editor textarea{font-size:12px}.desktop-boot{inset:0}
}
@media(max-height:650px) and (max-width:700px){.payment-content{padding:12px 18px}.provider-heading{margin-bottom:11px}.provider-heading h3{font-size:28px}.provider-heading>svg{height:32px;width:32px}.qr-frame{max-width:clamp(145px,calc(100svh - 370px),205px)}.payment-instruction{margin:10px 0;font-size:10px}.payment-thanks{font-size:8px;margin-top:10px}.phone-frame{height:160px;gap:10px}.phone-frame strong{font-size:28px}.phone-frame>svg{height:38px;width:38px}}
@media(max-width:370px){.os-brand{font-size:8px}.menu-bar button{padding:0 6px}.payment-content{padding:15px 17px}.payment-thanks{font-size:8px}.provider-heading h3{font-size:28px}.dispatch-masthead h3{font-size:43px}}

/* Original wallpaper and coordinated theme palette, recovered from the public CMS. */
body[data-wallpaper="rose"]{--wallpaper:#F6D5D5;--paper:#F9F0E9;--tertiary:#FCF4C5;--button:#F6D5D5;--mint:#AFE2E5;background-color:var(--wallpaper);background-image:url("/pay/reference/wallpaper/poolsuite-os.png");background-repeat:repeat;background-size:auto;background-position:center top;background-attachment:fixed}
body[data-wallpaper="palermo-weekends"]{--wallpaper:#85C9C9;--paper:#DFF5F2;--tertiary:#DFF5F2;--button:#FCF4C5;--mint:#AFE2E5;background-color:var(--wallpaper);background-image:url("/pay/reference/wallpaper/palermo-weekends.png");background-repeat:repeat;background-size:auto;background-position:center top;background-attachment:fixed}
body[data-wallpaper="partners"]{--wallpaper:#17070D;--paper:#F9F0E9;--tertiary:#F6D5D5;--button:#F6D5D5;--mint:#F6D5D5;background-color:var(--wallpaper);background-image:url("/pay/reference/wallpaper/partners.png");background-repeat:repeat;background-size:auto 100svh;background-position:center top;background-attachment:fixed}
body[data-wallpaper="kamakura"]{--wallpaper:#7EB0E1;--paper:#ffffff;--tertiary:#D4E9FD;--button:#BAE0F3;--mint:#FFEDED;background-color:var(--wallpaper);background-image:url("/pay/reference/wallpaper/kamakura.png");background-repeat:repeat;background-size:auto 100svh;background-position:center top;background-attachment:fixed}
body[data-wallpaper="terra"]{--wallpaper:#B85F42;--paper:#FBE4DD;--tertiary:#ffcab9;--button:#FFC47D;--mint:#FFC47D;background-color:var(--wallpaper);background-image:url("/pay/reference/wallpaper/terra.png");background-repeat:repeat;background-size:auto;background-position:center top;background-attachment:fixed}
body[data-wallpaper="poolside-fm"]{--wallpaper:#6968AF;--paper:#FFEDED;--tertiary:#FFEDED;--button:#C6C5E8;--mint:#F6D5D5;background-color:var(--wallpaper);background-image:url("/pay/reference/wallpaper/poolside-fm.png");background-repeat:repeat;background-size:auto;background-position:center top;background-attachment:fixed}
body[data-wallpaper="martini-picnic"]{--wallpaper:#73C792;--paper:#E8F9E2;--tertiary:#A1E6BA;--button:#FCF4C5;--mint:#A1E6BA;background-color:var(--wallpaper);background-image:url("/pay/reference/wallpaper/martini-picnic.png");background-repeat:repeat;background-size:auto;background-position:center top;background-attachment:fixed}
body[data-wallpaper="pacific-breeze"]{--wallpaper:#8DCAE9;--paper:#EDF6FA;--tertiary:#EDF6FA;--button:#FCF4C5;--mint:#BAE0F3;background-color:var(--wallpaper);background-image:url("/pay/reference/wallpaper/pacific-breeze.png");background-repeat:repeat;background-size:auto;background-position:center top;background-attachment:fixed}
body[data-wallpaper="members-only"]{--wallpaper:#E9C600;--paper:#F9F0E9;--tertiary:#FFDCC0;--button:#FFDCC0;--mint:#FCF4C5;background-color:var(--wallpaper);background-image:url("/pay/reference/wallpaper/members-only.png");background-repeat:repeat;background-size:auto;background-position:center top;background-attachment:fixed}
body::after{display:none}body[data-texture=off]{background-image:none}body[data-contrast=high]{--paper:#fff;--ink:#000;--line:#000}
:root{--dock-font:"Everyday",monospace}.dock-button>span{font-size:10px;letter-spacing:-1px}.window-content{border-bottom-width:2px}.window-titlebar .window-close img{width:7px;height:7px}.window-titlebar [data-window-action=maximize] img{width:8px;height:auto}
body,body *{cursor:url("/pay/reference/cursors/pointer-1.svg") 4 0,auto}body[data-cursor="2"],body[data-cursor="2"] *{cursor:url("/pay/reference/cursors/pointer-1.svg") 4 0,auto}body[data-cursor="3"],body[data-cursor="3"] *{cursor:url("/pay/reference/cursors/pointer-3.svg") 0 0,auto}button:not(:disabled),button:not(:disabled) *,a,a *,select{cursor:url("/pay/reference/cursors/click.svg") 5 0,pointer}.window-titlebar,[data-drag-handle]:not(button),[data-drag-handle] :not(button):not(img){cursor:url("/pay/reference/cursors/grab.svg") 5 0,grab}textarea,input[type=text]{cursor:url("/pay/reference/cursors/insert.svg"),text}.window-resize-handle{background:url("/pay/reference/resize-handler.png") right bottom/9px auto no-repeat;cursor:url("/pay/reference/cursors/resize.svg"),nwse-resize}body.is-desktop-busy,body.is-desktop-busy *{cursor:url("/pay/reference/cursors/pointer-loading.svg") 0 4,progress!important}
.wallpaper-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 10px}.wallpaper-options label{font:10px/1.1 var(--ui);text-align:center}.wallpaper-swatch{height:48px;background-size:auto 100%;background-position:center;border:1px solid #000;border-radius:2px;box-shadow:none}.wallpaper-options input{height:48px}.cursor-options{display:flex;gap:8px}.cursor-options button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;background:none;font:10px var(--ui);padding:8px 3px}.cursor-options button[aria-pressed=true]{border:1px dotted #000;background:#fff5}.cursor-options img{height:24px;width:24px;object-fit:contain;image-rendering:pixelated}@media(max-width:700px){.dock-button>span{font-size:9px}.wallpaper-options label{font-size:10px}.cursor-options button{min-height:39px}}

body[data-cursor="2"],body[data-cursor="2"] *{cursor:url("/pay/reference/cursors/pointer-2.svg") 4 0,auto}body[data-cursor="2"] button:not(:disabled),body[data-cursor="2"] button:not(:disabled) *,body[data-cursor="2"] a,body[data-cursor="2"] a *{cursor:url("/pay/reference/cursors/click.svg") 5 0,pointer}

.dispatch-masthead h3 img{display:block;width:100%;height:auto;image-rendering:pixelated}.dispatch-reading-window{width:700px;height:600px;left:43%;top:1%}.dispatch-reading h3{font-size:48px}.dispatch-reading-art svg{height:230px}@media(max-width:700px){.dispatch-reading h3{font-size:32px}.dispatch-reading-art svg{height:170px}}

/* Pixel fonts have their original 16px metrics; keep them at native sizes. */
body{font:16px/1.3 var(--ui)}.os-brand,.menu-bar button{font:16px/14px var(--ui)}#desktop-date,#desktop-clock{font:14px/1 var(--ui)}.menu-panel button,.menu-panel a{font:16px var(--ui)}.retro-button,.payment-action,.layout-options .retro-button,.dispatch-reading-actions .retro-button{font:16px/1 var(--dock-font)}.window-status{font:12px/1 var(--ui)}.window-status>span:last-child{font-size:12px}.provider-heading h3{font-size:48px}.provider-heading p{font:14px var(--ui)}.payment-instruction{font:14px/1.25 var(--ui)}.payment-thanks{font:10px/1.3 var(--mono);letter-spacing:-1px}.phone-frame strong{font-size:48px}.phone-frame small{font:14px var(--ui)}.copy-feedback{font:14px var(--ui)}.dispatch-tabs button{font:700 16px/18px var(--ui);padding:2px 6px}.dispatch-card-copy>strong{font:500 16px/20px "Unkown16PixelSer",Georgia,serif;letter-spacing:0}.dispatch-card-deck{font:16px/15px var(--ui)}.dispatch-card-kicker{font:10px var(--mono);letter-spacing:-1px}.dispatch-read{font:10px var(--mono);letter-spacing:-1px}.dispatch-reading-copy p{font:16px/1.5 var(--ui)}.dispatch-back{font:16px var(--ui)}.dispatch-reading-kicker{font:12px var(--ui)}.preferences-intro h3{font-size:48px}.preferences-intro p,.preference-toggle strong{font:16px/1.1 var(--ui)}.preference-toggle small{font:14px/1.3 var(--ui)}.preferences-group legend,.wallpaper-options label,.cursor-options button,.preferences-about p{font:14px/1.1 var(--ui)}.preferences-about strong{font-size:16px}.postcard-editor>label,.postcard-actions .retro-button,.postcard-themes,.postcard-themes button,.postcard-privacy{font:14px/1.2 var(--ui)}.postcard-editor textarea,.notes-content textarea{font:16px/1.3 var(--ui)}.welcome-content>p,.welcome-bottom p{font:16px/1.3 var(--ui)}.welcome-kicker{font:12px var(--ui)}.boot-card-top{font-size:16px}.boot-card>p,.boot-bottom,.boot-bottom button,.boot-card>small{font:14px/1.3 var(--ui)}
@media(max-width:700px){.os-brand{font-size:14px}.menu-bar button{font-size:14px}.provider-heading h3{font-size:44px}.payment-instruction{font-size:14px}.phone-frame strong{font-size:44px}.dispatch-card-copy>strong{font-size:16px}.dispatch-card-deck{font-size:14px;line-height:1.2}.dispatch-reading-copy p{font-size:16px}.wallpaper-options label{font-size:14px}.cursor-options button{font-size:14px}.preferences-intro h3{font-size:42px}.postcard-editor textarea{font-size:16px}.postcard-actions .retro-button{font-size:14px}.payment-thanks{font-size:9px}.window-status{font-size:11px}.window-status>span:last-child{font-size:10px}}

/* The original phone dock advances by one app with its end arrows. */
.dock-viewport{display:contents}.dock-page{display:none}
@media(max-width:700px){
 .dock{display:flex;align-items:center;bottom:4px;height:74px;max-width:calc(100% - 8px);padding:3px;border:1px solid #000;border-radius:3px;overflow:hidden}
 .dock-viewport{display:flex;flex:1;min-width:0;height:66px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior:contain;scroll-snap-type:x mandatory}
 .dock-viewport::-webkit-scrollbar{display:none}
 .dock-viewport .dock-button{width:var(--dock-cell,62px);min-width:var(--dock-cell,62px);height:66px;padding:4px 3px 6px;border:0;gap:7px;box-shadow:none;scroll-snap-align:start}
 .dock-viewport .dock-button svg,.dock-viewport .dock-button img{height:32px;width:32px}
 .dock-page{display:grid;place-items:center;flex:0 0 16px;width:16px;height:66px;padding:0;background:var(--paper);border:1px solid #000;border-radius:2px;box-shadow:inset 1px 1px #fff}
 .dock-page span{width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent}
 .dock-page-previous span{border-right:4px solid #000}.dock-page-next span{border-left:4px solid #000}
 .dock-page:disabled{opacity:.35}.dock-page:active{box-shadow:inset 1px 1px #0005}.desktop-workarea{bottom:88px}
}

/* Payment artwork uses the same native 32px grid as the vintage dock assets. */
.payment-icon{shape-rendering:crispEdges;image-rendering:pixelated}
.dock-button .payment-icon,.desktop-shortcut .payment-icon{width:32px;height:32px;flex:none;filter:none}
.provider-heading>.payment-icon{width:32px;height:32px;flex:none;filter:none}
.phone-frame>.payment-icon{width:64px;height:64px;flex:none;filter:none}
@media(max-width:700px){.dock-viewport .dock-button .payment-icon{width:32px;height:32px}}
@media(max-height:650px) and (max-width:700px){.phone-frame>.payment-icon{width:32px;height:32px}}

/* Keep the fixed date beside the live clock, including on small screens. */
#desktop-date{display:flex;margin-right:0;letter-spacing:0}
@media(max-width:700px){#desktop-date{display:flex;padding:0 7px;font-size:12px}#desktop-clock{font-size:12px}}

/* A pixel back arrow makes the homepage link explicit. */
.brand-sun .home-back-icon{display:block;width:16px;height:16px;shape-rendering:crispEdges}
.os-brand:hover .brand-sun,.os-brand:focus-visible .brand-sun{background:var(--paper);color:#000;box-shadow:inset -1px 0 #000}
.os-brand:active .home-back-icon{transform:translateX(-1px)}