:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@font-face{font-family:DynaBuff;src:url(/awap-viewer-2026/assets/DynaPuff-Bold-AwUrqW4h.ttf) format("truetype");font-weight:700;font-display:swap}@font-face{font-family:DynaBuff;src:url(/awap-viewer-2026/assets/DynaPuff-SemiBold-DmhU0VCw.ttf) format("truetype");font-weight:600;font-display:swap}@font-face{font-family:DynaBuff;src:url(/awap-viewer-2026/assets/DynaPuff-Medium-BTL4pj1I.ttf) format("truetype");font-weight:500;font-display:swap}@font-face{font-family:DynaBuff;src:url(/awap-viewer-2026/assets/DynaPuff-Regular-DeyYCe6T.ttf) format("truetype");font-weight:400;font-display:swap}*{font-family:DynaBuff;overscroll-behavior:none}.App{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;margin:0;padding:0;width:100vw}h1{font-weight:700}button{background-color:#fff;color:#000;font-size:1.6vmin;padding:10px;font-weight:500}*{background-color:#000;color:#fff}.layout{position:relative;width:100vw;height:100vh}.layout-top{position:absolute;top:0;height:25%;width:100%;background-color:transparent;z-index:10}.layout-center{background-color:transparent;display:flex;position:absolute;top:0;height:100%;width:100%}.layout-center .canvas-controls-container{width:50%;height:100%;position:relative;background-color:transparent}.layout-center canvas{width:100%;height:100%;background-color:#000;position:absolute}.layout-bottom{position:absolute;top:80%;height:20%;width:100%}.loading{height:100vh;width:100vw;background:url(/awap-viewer-2026/assets/Scroll-Bg-DF58Y13L.png);background-repeat:repeat;animation:scroll 12s linear infinite backwards}.loading h1{color:#000}@keyframes scroll{0%{background-position:50% 0}to{background-position:50% 1200px}}.credit-screen{background-color:#000000e6;height:100vh;position:absolute;width:100vw;z-index:20}.credit-screen-inner{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:top;margin:50px}.credit-screen h1{font-size:xx-large}.credit-screen .toggle-credit-screen{position:absolute;font-size:15px;padding:5px;top:15px;right:20px}.winner{position:fixed;width:15vh;height:15vh;top:65vh;z-index:15}.winner.RED{left:2vh}.winner.BLUE{right:2vh}.vertical-bar{border-radius:0;height:30vh;width:2vw;position:absolute;background:linear-gradient(to top,#2a5672,#4dbbff)}.vertical-bar .top{position:absolute;top:0;width:100%;background:linear-gradient(to bottom,#a65454,#e73827)}.vertical-bar.left{left:5px}.vertical-bar.right{right:5px}.container{align-items:center;background-color:transparent;display:flex;justify-content:center;width:100%}.full-height{height:100%}.flex-column{flex-direction:column}.container-grid{width:85%;display:grid;grid-template-columns:1fr 1fr 1fr}.container-center{align-items:center;display:flex;justify-content:center}.container-left{align-items:center;display:flex;justify-content:left}.container-right{align-items:center;display:flex;justify-content:right}h1{margin:10px}.init-title{background-color:transparent}h2{margin:10px;font-size:large}span{margin:10px}button{margin:5px}.file-upload{background:#000;border:2px solid white;border-radius:5px;font-size:1.6vmin;margin:5px;width:50%}.file-upload-small{width:15%}.file-upload::file-selector-button{background:#fff;border:1.5px solid black;color:#000;cursor:pointer;font:inherit;font-weight:500;padding:10px}.file-upload::file-selector-button:hover{background:#d3d3d3;color:#000}.slider{-webkit-appearance:none;appearance:none;width:85vw;height:20px;border-radius:20px;background:gray;outline:rgba(244,243,243,.6) 1px solid;margin-top:20px;-webkit-transition:.2s;transition:opacity .2s}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:25px;height:40px;border-radius:25%;background:#d4d4d4;cursor:pointer}select{height:calc(100% - 10px);margin:5px;background-color:#fff;color:#000;border-radius:8px;font-size:medium}.canvas-controls{position:absolute;margin-left:10px;top:27vh;z-index:10}button.canvas-controls{color:#fff;background-color:#000;border:1px solid white;border-radius:15px}.top-stats-container{width:calc(100% - 20px);height:100%;display:flex;background-color:#000c;margin:10px;gap:20px}.team-section{flex:1;display:flex;flex-direction:column;gap:10px;border-radius:8px;padding:10px}.team-section-red{background-color:#8f344133;border:2px solid #8F3441}.team-section-blue{background-color:#2e6aa633;border:2px solid #2E6AA6}.team-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:2px solid #444}.team-name{font-size:18px;font-weight:700;margin:0;color:#fff}.team-money{font-size:20px;font-weight:700;color:#4ade80}.orders-container{display:flex;gap:12px;overflow-x:auto;padding:5px;width:calc(50vw - 60px);flex:1}.orders-container::-webkit-scrollbar{display:none}.orders-container::-webkit-scrollbar{height:8px}.orders-container::-webkit-scrollbar-track{background:#1a1a1a;border-radius:4px}.orders-container::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.orders-container::-webkit-scrollbar-thumb:hover{background:#666}.order-card{background-color:#1a1a1a;border:2px solid #444;border-radius:8px;padding:12px;min-width:180px;max-width:200px;display:flex;flex-direction:column;gap:10px;transition:all .3s ease}.order-card-red{border-color:#8f3441}.order-card-blue{border-color:#2e6aa6}.order-card-active{opacity:1}.order-card-expiring_soon{border-color:orange;animation:pulse 1.5s ease-in-out infinite}.order-card-completed{opacity:.5;background-color:#0a2a0a}.order-card-expired{opacity:.3;background-color:#2a0a0a;text-decoration:line-through}@keyframes pulse{0%,to{box-shadow:0 0 5px orange}50%{box-shadow:0 0 15px orange}}.order-card-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #444;padding-bottom:8px}.order-id{font-weight:700;font-size:14px;color:#fff}.status-badge{font-size:16px;font-weight:700;padding:2px 6px;border-radius:4px}.status-badge.completed{background-color:#2a8a2a;color:#fff}.status-badge.expired{background-color:#8a2a2a;color:#fff}.status-badge.expiring{background-color:orange;color:#000}.order-card-body{flex:1}.required-items{display:flex;flex-direction:column;gap:5px}.required-label{font-size:12px;color:#aaa;margin:0}.items-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.item{background-color:#2a2a2a;padding:4px 8px;border-radius:4px;font-size:11px;color:#fff;text-align:center}.order-card-footer{display:flex;flex-direction:column;gap:6px;border-top:1px solid #444;padding-top:8px}.reward-penalty{display:flex;justify-content:space-between;font-size:12px;font-weight:700}.reward{color:#4ade80}.penalty{color:#f87171}.timer{font-size:11px;text-align:center;color:#aaa}.timer-warning{color:orange;font-weight:700}.completed-turn,.expired-turn{font-style:italic;color:#888}.TileDisplay{display:grid;width:40vw;height:50vh;margin:20px;overflow:scroll}.mapTile{border:1px solid black;border-radius:0;margin:0;font-size:xx-small;overflow:hidden}.mapTile.FLOOR{background-color:pink}.mapTile.WALL{background-color:gray}.mapTile.COUNTER{background-color:#ff0}.mapTile.COOKER{background-color:orange}.mapTile.SINK{background-color:#87cefa}.mapTile.SINKTABLE{background-color:#fff}.mapTile.TRASH{background-color:#ba55d3}.mapTile.SUBMIT{background-color:#90ee90}.mapTile.SHOP{background-color:#20b2aa}.mapTile.BOX{background-color:tan}.mapTile.BOT{background-color:red}.preview{width:50vw;height:80vh;position:absolute;left:0;bottom:0}.preview canvas{width:100%;height:100%}.controls{width:50vw;height:100vh;position:absolute;right:0;top:0;display:flex;flex-direction:column;align-items:center;justify-content:center}input{margin-right:10px}input[type=text]{width:60%}.order-container{position:absolute;height:20vh;width:50vw;top:0;left:0;background-color:#000;display:flex;overflow:scroll}.order{position:relative;display:flex;flex-direction:column;font:x-small;justify-content:center;background-color:#ff6f87;padding:10px;margin:10px}.order span{margin:0;padding:0;background-color:#ff6f87}.delete-button{position:absolute;top:0;right:0;font-size:large;background:none}