:root{font-family:"MS Sans Serif","Microsoft Sans Serif",Tahoma,Arial,sans-serif;color:#000;background:#008080;font-size:14px;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit;color:inherit}button{border-radius:0;cursor:pointer}button:disabled{cursor:default;color:#777;text-shadow:1px 1px #fff}button:focus-visible,a:focus-visible{outline:1px dotted #000;outline-offset:-5px}button:disabled:focus-visible{outline:none}.desktop{min-height:100svh;padding:24px 20px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center}.game-window{width:min(2000px,100%,max(927px,calc(150svh - 123px)));padding:3px;background:#c0c0c0;border:1px solid #000;box-shadow:inset 1px 1px #fff,inset -1px -1px gray,3px 3px #004949}.title-bar{display:flex;height:25px;background:#a4c6e8;border:1px solid #000;align-items:center}.title-bar h1{flex:1;font-size:15px;font-weight:400;text-align:center;margin:0;padding-right:24px;line-height:21px}.system-button{display:grid;place-items:center;flex:0 0 24px;height:23px;border:0;background:#c0c0c0;box-shadow:inset 1px 1px #fff,inset -1px -1px gray}.system-button{border-right:1px solid #000;font-size:22px;line-height:1}.menu-bar{display:flex;align-items:stretch;min-height:27px;background:#fff;border:1px solid #000;border-top:0;position:relative;z-index:2}.menu-bar>button,.file-menu>button{border:0;background:transparent;padding:3px 12px}.menu-bar button:not(:disabled):hover,.menu-bar button[aria-expanded=true]{color:#fff;background:#000080;text-shadow:none}.file-menu{position:relative;display:flex}.menu-popup{position:absolute;top:26px;left:0;width:230px;padding:4px;border:1px solid #000;background:#fff;box-shadow:3px 3px #555}.menu-popup button,.menu-popup a{width:100%;display:flex;justify-content:space-between;text-align:left;padding:7px 12px;border:0;background:#fff;color:#000;text-decoration:none}.menu-popup a:hover{background:#000080;color:#fff}.menu-popup hr{margin:3px;border:0;border-top:1px solid #808080}.game-content{display:grid;grid-template-columns:66px minmax(0,1fr);gap:5px;padding-top:3px}.supply{display:flex;flex-direction:column;align-items:center;padding:0;background:#fff;border:1px solid #808080}.queue-label{font-size:11px;height:23px;padding-top:5px;letter-spacing:1px}.queue-well{position:relative;width:100%;padding:0;background:#008000;border:3px solid;border-color:#555 #fff #fff #555;box-shadow:0 0 0 1px #000}.queue-well canvas{display:block;width:100%;height:auto;image-rendering:pixelated}.queue-arrow{position:absolute;bottom:10%;left:-3px;transform:translateY(50%);font-size:12px;line-height:14px;color:#ff0;text-shadow:1px 1px #000;z-index:1}.supply-direction{font-size:12px;line-height:24px;color:#555}.plumber{width:60px;height:120px;margin:auto 0 12px}.raised{border:2px solid;border-color:#fff #000 #000 #fff;background:#c0c0c0;box-shadow:inset -1px -1px gray;padding:6px 14px;min-height:34px}.raised:active:not(:disabled){border-color:#000 #fff #fff #000;box-shadow:inset 1px 1px gray}.play-area{min-width:0}.score-bar{display:flex;gap:5px;height:30px;padding:0 0 4px;align-items:stretch}.counter{display:flex;justify-content:center;gap:4px;align-items:center;background:#fff;border:3px solid;border-color:#777 #fff #fff #777;outline:1px solid #999;padding:1px 12px;min-width:105px;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.counter.score{min-width:142px}.board-scroll{overflow:auto;border:4px solid;border-color:#555 #fff #fff #555;box-shadow:0 0 0 1px gray;background:#008000;scrollbar-color:#c0c0c0 #777;max-height:min(1280px,calc(100svh - 132px))}.board{display:block;width:100%;min-width:840px;height:auto;image-rendering:pixelated;cursor:crosshair;touch-action:pan-x pan-y}.board:focus-visible{outline:2px dotted #ffff00;outline-offset:-4px}.retro-dialog{padding:3px;width:min(470px,calc(100% - 24px));max-height:calc(100svh - 32px);color:#000;background:#c0c0c0;border:1px solid #000;box-shadow:inset 1px 1px #fff,inset -1px -1px gray,4px 4px #044}.game-window.is-paused .board{visibility:hidden}.game-window.is-paused .board-scroll{background:#008000}.retro-dialog::backdrop{background:rgb(0 64 64 / 22%)}.dialog-title{background:#000080;color:#fff;display:flex;align-items:center;min-height:25px;padding-left:7px}.dialog-title h2{font-size:14px;font-weight:700;flex:1;margin:0}.dialog-title button{color:#000;background:#c0c0c0;border:2px solid;border-color:#fff #333 #333 #fff;height:21px;width:23px;padding:0;font-size:18px;line-height:15px;margin-right:2px}.dialog-content{padding:18px 20px;line-height:1.5}.dialog-content p{margin:0 0 14px}.dialog-content h3{font-size:19px;margin:0 0 12px;line-height:1.2}.welcome-heading{display:flex;align-items:center;gap:15px;margin-bottom:18px}.welcome-heading img{image-rendering:pixelated}.welcome-heading h3{font-size:26px;font-weight:400;margin-bottom:2px}.welcome-heading p{margin:0;font-size:12px}.small-note{font-size:12px;color:#333}.dialog-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:22px}.dialog-actions .raised{min-width:105px}.primary{outline:1px solid #000;outline-offset:1px}.instructions{padding-left:21px;font-size:13px;margin:0 0 14px}.instructions li{margin-bottom:8px}.rules-table{border-collapse:collapse;font-size:12px;width:100%;margin-bottom:14px}.rules-table td{border-bottom:1px solid #aaa;padding:4px 0}.rules-table td:last-child{text-align:right;font-weight:700}.result-counters{display:flex;border:2px solid;border-color:#808080 #fff #fff #808080;background:#fff;padding:12px;gap:20px;margin-bottom:10px}.result-counters>div{flex:1;display:flex;flex-direction:column}.result-counters span{font-size:12px}.result-counters strong{font-size:27px;font-weight:400}.save-row{display:flex;gap:8px;margin-top:5px}.save-row input{width:100%;min-width:0;background:#fff;border:2px solid;border-color:#808080 #fff #fff #808080;padding:5px 7px;border-radius:0}.save-row button{flex-shrink:0}.save-success{background:#fff;padding:10px;border:1px solid #808080}.error-message{margin:14px 0 0!important;color:maroon;font-size:13px}.leaderboard-well{border:2px solid;border-color:#808080 #fff #fff #808080;background:#fff;max-height:310px;overflow:auto;margin-bottom:10px}.leaderboard{width:100%;border-collapse:collapse;font-size:13px}.leaderboard td,.leaderboard th{padding:6px 9px;text-align:right}.leaderboard th{position:sticky;top:0;background:#c0c0c0;border-bottom:1px solid #808080;font-weight:400}.leaderboard td:nth-child(2),.leaderboard th:nth-child(2){text-align:left;overflow-wrap:anywhere}.leaderboard .your-score{background:#000080;color:#fff}.leaderboard .empty-scores{text-align:center;padding:30px 20px}@media (max-width: 700px){.desktop{padding:6px;justify-content:flex-start}.game-window{width:100%}.game-content{grid-template-columns:56px minmax(0,1fr);gap:4px}.supply{width:56px}.plumber{width:50px;height:100px}.menu-bar>button,.file-menu>button{padding:5px 8px;font-size:13px}.score-bar{gap:3px;height:27px}.counter,.counter.score{min-width:0;padding:1px 4px;font-size:10px;gap:2px;flex:1}.board-scroll{max-height:calc(100svh - 110px)}.board{min-width:840px}.dialog-content{padding:15px}}@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto!important}}