:root{--desktop: #2672dc;--face: #c0c0c0;--face-light: #dfdfdf;--hilite: #ffffff;--shadow: #808080;--dark: #0a0a0a;--ink: #000000;--muted: #404040;--select: #0a246a;--title-1: #0058ee;--title-2: #3a93ff;--title-3: #127dff;--title-4: #0050de;--start-1: #3c9a3c;--start-2: #59b859;--task-1: #245edb;--task-2: #3f8cf3;--close: #e04343;--good: #0b7d1b;--bad: #b3261e;--meter: #000080;--pink: #d4537e;--font-ui: "Pixelify Sans", "MS Sans Serif", Tahoma, system-ui, sans-serif;--font-num: "VT323", "Courier New", monospace;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;min-height:100%;overflow-x:clip}body{background-color:var(--desktop);color:var(--ink);font:16px/1.35 var(--font-ui);-webkit-font-smoothing:none}.window,.btn,.menu-list,.tb-btn,.task{box-shadow:inset -1px -1px var(--dark),inset 1px 1px var(--hilite),inset -2px -2px var(--shadow),inset 2px 2px var(--face-light)}.sunken{box-shadow:inset -1px -1px var(--hilite),inset 1px 1px var(--shadow),inset -2px -2px var(--face-light),inset 2px 2px var(--dark)}.desktop{max-width:900px;margin:0 auto;padding-block:32px 72px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));display:flex;flex-direction:column;gap:24px}html{scrollbar-color:var(--face) var(--face-light)}::-webkit-scrollbar{width:16px;height:16px}::-webkit-scrollbar-track{background-color:var(--face-light);background-image:conic-gradient(var(--face) 25%,var(--hilite) 0 50%,var(--face) 0 75%,var(--hilite) 0);background-size:2px 2px}::-webkit-scrollbar-thumb,::-webkit-scrollbar-button{background-color:var(--face);box-shadow:inset -1px -1px var(--dark),inset 1px 1px var(--hilite),inset -2px -2px var(--shadow),inset 2px 2px var(--face-light)}::-webkit-scrollbar-button{width:16px;height:16px;background-repeat:no-repeat;background-position:center}::-webkit-scrollbar-button:active{box-shadow:inset 1px 1px var(--shadow),inset -1px -1px var(--shadow)}::-webkit-scrollbar-button:vertical:decrement{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='4' shape-rendering='crispEdges'%3E%3Cpath d='M3 0h1v1h1v1h1v1h1v1H0V3h1V2h1V1h1z'/%3E%3C/svg%3E")}::-webkit-scrollbar-button:vertical:increment{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='4' shape-rendering='crispEdges'%3E%3Cpath d='M0 0h7v1H6v1H5v1H4v1H3V3H2V2H1V1H0z'/%3E%3C/svg%3E")}::-webkit-scrollbar-button:horizontal:decrement{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='7' shape-rendering='crispEdges'%3E%3Cpath d='M3 0h1v7H3V6H2V5H1V4H0V3h1V2h1V1h1z'/%3E%3C/svg%3E")}::-webkit-scrollbar-button:horizontal:increment{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='7' shape-rendering='crispEdges'%3E%3Cpath d='M0 0h1v1h1v1h1v1h1v1H3v1H2v1H1v1H0z'/%3E%3C/svg%3E")}::-webkit-scrollbar-button:vertical:start:increment,::-webkit-scrollbar-button:vertical:end:decrement,::-webkit-scrollbar-button:horizontal:start:increment,::-webkit-scrollbar-button:horizontal:end:decrement{display:none}::-webkit-scrollbar-corner{background:var(--face)}.wallpaper{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:-1;object-fit:cover;image-rendering:pixelated}.window{background:var(--face);padding:3px;display:flex;flex-direction:column;position:relative}.title-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:3px 3px 3px 6px;color:#fff;background:linear-gradient(180deg,var(--title-1) 0%,var(--title-2) 10%,var(--title-3) 50%,var(--title-4) 100%);border-radius:6px 6px 0 0}.title-text{display:flex;align-items:center;gap:6px;font-weight:600;font-size:15px;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-shadow:1px 1px #0a246a}.title-buttons{display:flex;gap:2px;flex:none}.tb-btn{width:22px;height:20px;display:grid;place-items:center;background:var(--face);color:var(--ink);font:700 13px/1 var(--font-ui);border:0;padding:0}.tb-btn.close{background:var(--close);color:#fff}button.tb-btn{cursor:pointer}.window-body{padding:12px;display:flex;flex-direction:column;gap:12px}.btn{font:500 15px var(--font-ui);color:var(--ink);background:var(--face);border:0;padding:6px 14px;min-height:30px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn:active,.btn.pressed{box-shadow:inset -1px -1px var(--hilite),inset 1px 1px var(--dark),inset -2px -2px var(--face-light),inset 2px 2px var(--shadow);padding:7px 13px 5px 15px}.btn.pressed{background:var(--face-light)}.btn.default{font-weight:700}.btn.square{width:32px;padding:0}.btn:disabled{color:var(--shadow);text-shadow:1px 1px var(--hilite);cursor:default}.btn:focus-visible,.menu-title:focus-visible,.menu-list button:focus-visible,.start:focus-visible,.task:focus-visible,input:focus-visible,.tb-btn:focus-visible{outline:1px dotted var(--ink);outline-offset:-4px}.menu-bar{display:flex;gap:2px;margin:-6px -6px 0;padding:2px;border-bottom:1px solid var(--shadow);box-shadow:0 1px var(--hilite)}.menu{position:relative}.menu-title{font:15px var(--font-ui);background:none;border:0;padding:3px 10px;cursor:pointer;color:var(--ink)}.menu-title:hover,.menu-title.active{background:var(--select);color:#fff}.menu-list{position:absolute;top:100%;left:0;z-index:20;background:var(--face);padding:3px;min-width:240px;display:flex;flex-direction:column}.menu-list button{font:15px var(--font-ui);text-align:left;background:none;border:0;padding:4px 20px 4px 4px;cursor:pointer;display:flex;gap:6px;color:var(--ink)}.menu-list button:hover:not(:disabled){background:var(--select);color:#fff}.menu-list button:disabled{color:var(--shadow);text-shadow:1px 1px var(--hilite);cursor:default}.menu-list .check{width:16px;text-align:center}.menu-list hr{border:0;border-top:1px solid var(--shadow);border-bottom:1px solid var(--hilite);margin:3px 2px;width:auto}.hero{display:flex;align-items:center;gap:16px;padding:4px 4px 0}.hero h1{margin:0;font:700 40px/1 var(--font-ui);letter-spacing:.01em;color:var(--select);text-shadow:2px 2px #9fb6ff}.hero p{margin:6px 0 0;color:var(--muted);max-width:52ch}.px-icon{image-rendering:pixelated;flex:none;display:block}.drop{background:#fff;padding:28px 16px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.drop.over{background:#e6f1fb}.drop-icons{display:flex;gap:8px}.drop-text{display:flex;flex-direction:column;gap:4px;align-items:center}.drop-text strong{font-size:20px;font-weight:600}.drop-text span{color:var(--muted);font-size:15px}.drop.compact{flex-direction:row;justify-content:space-between;padding:8px 8px 8px 12px;text-align:left}.drop.compact .drop-text{align-items:flex-start}.drop.compact .drop-text strong{font-size:16px;font-weight:500}.progress{width:200px;height:18px;padding:2px;background:#fff;display:block;overflow:hidden;box-shadow:inset 1px 1px var(--shadow),inset -1px -1px var(--hilite)}.progress i{display:block;height:100%;width:60%;background:repeating-linear-gradient(90deg,var(--meter) 0 10px,transparent 10px 12px);animation:crawl 1.2s steps(6) infinite}@keyframes crawl{0%{transform:translate(-100%)}to{transform:translate(170%)}}.toolbar{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.seg{display:inline-flex}.spacer{flex:1}.dialog{max-width:520px;width:100%;align-self:center}.dialog-body{display:flex;gap:14px;align-items:flex-start}.dialog-body p{margin:0;font-size:15px}.dialog-actions{display:flex;justify-content:center}.dialog-actions .btn{min-width:88px}.file-window{scroll-margin-top:16px}.status-row{display:flex}.meter{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;width:100%}.meter-label{font-size:15px}.meter-bar{display:flex;gap:2px;padding:3px;background:#fff}.meter-bar i{width:8px;height:14px;background:transparent}.meter-bar i.on{background:var(--bad)}.meter-value{font-size:15px}.meter-value b{font:22px/1 var(--font-num)}.meter-value .bad{color:var(--bad)}.meter-value .good{color:var(--good)}.stage{display:flex;flex-direction:column;gap:8px}.players{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.players figure{margin:0;display:flex;flex-direction:column;gap:6px;min-width:0}.players figcaption{font-size:15px;display:flex;align-items:center;gap:8px;color:var(--muted)}.tag{font-weight:700;font-size:13px;color:#fff;padding:1px 6px}.tag.before{background:var(--bad)}.tag.after{background:var(--good)}.screen{background:#fff;padding:3px}.preview-dark .screen{background:#1b1b1f}.preview-checker .screen,.swatch-checker{background-color:#fff;background-image:conic-gradient(#d3d3d3 25%,#fff 0,#fff 50%,#d3d3d3 0,#d3d3d3 75%,#fff 0);background-size:16px 16px}.swatch{width:12px;height:12px;display:inline-block;border:1px solid var(--dark);flex:none}.swatch-white{background:#fff}.swatch-dark{background:#1b1b1f}.swatch-checker{background-size:6px 6px}.group-box{border:0;margin:8px 0 0;padding:12px;box-shadow:inset -1px -1px var(--hilite),inset -2px 1px var(--shadow),inset 1px -2px var(--shadow),inset 2px 2px var(--hilite)}.group-box legend{background:var(--face);padding:0 4px;margin-left:4px;font-size:15px}.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px 16px}.field{display:flex;flex-direction:column;gap:4px;min-width:0}.field.wide{grid-column:1 / -1}.field-label{font-size:15px;color:var(--muted)}.inline{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.check{display:inline-flex;align-items:center;gap:6px;font-size:15px;cursor:pointer}.check input{width:16px;height:16px;margin:0;accent-color:var(--select)}input[type=color]{width:44px;height:30px;padding:2px;border:0;background:var(--face);cursor:pointer;box-shadow:inset -1px -1px var(--hilite),inset 1px 1px var(--shadow),inset -2px -2px var(--face-light),inset 2px 2px var(--dark)}.size-readout{font:20px/1 var(--font-num);background:#fff;padding:6px 10px;white-space:nowrap}.exports{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.progress-task{display:flex;flex-direction:column;gap:8px;font-size:15px}.progress-blocks{align-self:stretch}.progress-blocks i{flex:1}.meter-bar i.blue{background:var(--meter)}.menu-button{position:relative}.menu-button .menu-list{top:calc(100% + 2px);z-index:60}.menu-button .menu-list.up{top:auto;bottom:calc(100% + 2px)}.menu-list.align-right{left:auto;right:0}.caret{font-size:12px}.copied{font-size:15px;color:var(--good)}.sample-note{margin:0;font-size:15px;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.screen canvas{width:100%;max-width:100%;display:block}.scrub{display:flex;align-items:center;gap:8px}.frame{font:20px/1 var(--font-num);background:#000;color:#39ff6a;padding:5px 8px;white-space:nowrap;font-variant-numeric:tabular-nums}input[type=range]{flex:1;min-width:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;height:24px}input[type=range]::-webkit-slider-runnable-track{height:4px;background:var(--face);box-shadow:inset 1px 1px var(--shadow),inset -1px -1px var(--hilite)}input[type=range]::-moz-range-track{height:4px;background:var(--face);box-shadow:inset 1px 1px var(--shadow),inset -1px -1px var(--hilite)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:22px;margin-top:-9px;background:var(--face);border:0;box-shadow:inset -1px -1px var(--dark),inset 1px 1px var(--hilite),inset -2px -2px var(--shadow),inset 2px 2px var(--face-light)}input[type=range]::-moz-range-thumb{width:12px;height:22px;background:var(--face);border:0;border-radius:0;box-shadow:inset -1px -1px var(--dark),inset 1px 1px var(--hilite),inset -2px -2px var(--shadow),inset 2px 2px var(--face-light)}.foot{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between}.size{font:20px/1 var(--font-num);background:#fff;padding:6px 10px}.size b{color:var(--good);font-weight:400}.saves{display:flex;flex-wrap:wrap;gap:6px}.taskbar{position:fixed;left:0;right:0;bottom:0;z-index:30;height:calc(40px + env(safe-area-inset-bottom,0px));padding:0 max(4px,env(safe-area-inset-right,0px)) env(safe-area-inset-bottom,0px) 0;display:flex;align-items:center;gap:6px;background:linear-gradient(180deg,var(--task-2) 0%,var(--task-1) 12%,var(--task-1) 88%,#1941a5 100%);border-top:1px solid #0c3aa5}.start{height:100%;display:flex;align-items:center;gap:6px;padding:0 18px 0 10px;border:0;cursor:pointer;font:italic 700 20px var(--font-ui);color:#fff;text-shadow:1px 1px #1a4d1a;background:linear-gradient(180deg,var(--start-2) 0%,var(--start-1) 50%,#2f7d2f 100%);border-radius:0 12px 12px 0}.start:hover{filter:brightness(1.1)}.tasks{flex:1;min-width:0;display:flex;gap:4px;overflow-x:auto}.task{flex:0 1 180px;min-width:0;height:30px;display:flex;align-items:center;gap:6px;padding:0 8px;background:#3c81f3;color:#fff;border:0;cursor:pointer;font:14px var(--font-ui);box-shadow:inset -1px -1px #0c3aa5,inset 1px 1px #7fb0ff}.task span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.task:hover{background:#5394ff}.tray{height:100%;display:flex;align-items:center;gap:12px;padding:0 12px;color:#fff;font-size:14px;white-space:nowrap;background:#0f9be8;border-left:1px solid #0c3aa5}.tray time{font:20px/1 var(--font-num)}@media(max-width:560px){.hero h1{font-size:32px}.drop.compact{flex-direction:column;text-align:center}.drop.compact .drop-text{align-items:center}.tray span{display:none}}@media(prefers-reduced-motion:reduce){.progress i{animation:none;width:100%}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:16px max(16px,env(safe-area-inset-right,0px)) 16px max(16px,env(safe-area-inset-left,0px));background-color:#00000040;background-image:conic-gradient(rgb(0 0 0 / .15) 25%,transparent 0 50%,rgb(0 0 0 / .15) 0 75%,transparent 0);background-size:2px 2px;overflow-y:auto}.modal-backdrop .dialog{max-height:100%;overflow-y:auto}.hint{margin:2px 0 0;font-size:14px;line-height:1.35;color:var(--muted);max-width:56ch}.settings-dialog{max-width:560px}.sample-caption{background:#ffffe1;padding:8px 12px;box-shadow:inset -1px -1px var(--dark),inset 1px 1px var(--dark);font-size:15px}.sample-caption b{display:block;font-weight:600}.sample-caption p{margin:2px 0 0;max-width:70ch}.image-dialog{width:min(720px,100%)}.image-preview canvas{width:100%;max-width:100%;display:block}.image-options{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.dialog-actions{gap:8px}.title-bar.movable{cursor:move;touch-action:none;-webkit-user-select:none;user-select:none}.window.active{z-index:20}.task.minimized{background:#2d6fe0;box-shadow:inset 1px 1px #0c3aa5,inset -1px -1px #7fb0ff;color:#dfe9ff}[hidden]{display:none!important}.window.resized .window-body{flex:1;min-height:0}.window.resized .drop{flex:1;justify-content:center}.resize-grip{position:absolute;right:3px;bottom:3px;width:14px;height:14px;cursor:nwse-resize;touch-action:none;background:linear-gradient(135deg,transparent 0 45%,var(--hilite) 45% 52%,var(--shadow) 52% 62%,transparent 62% 70%,var(--hilite) 70% 77%,var(--shadow) 77% 87%,transparent 87%)}html.free{overflow:hidden}