:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#462107;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;font-family:Arial,sans-serif;background-color:#380d00;color:#e35151;display:flex;flex-direction:column;min-height:100vh}header{color:#d3d3d3;padding:15px 20px;text-align:center;box-shadow:0 2px 4px #0000001a;margin-top:4rem}h1{margin:0;font-size:2rem}.logo-container{text-align:center;padding:20px 0;box-shadow:0 1px 3px #00000014;margin-bottom:20px}.logo-container img{filter:invert(97%) sepia(0%) saturate(52%) hue-rotate(138deg) brightness(93%) contrast(82%)}.filter-almond{filter:invert(90%) sepia(21%) saturate(490%) hue-rotate(325deg) brightness(103%) contrast(103%)}.filter-blue{filter:invert(35%) sepia(25%) saturate(1199%) hue-rotate(218deg) brightness(103%) contrast(101%)}.logo-container svg{max-width:80px;height:auto;display:block;margin:0 auto;width:20px}.button-container{display:flex;flex-direction:column;justify-content:space-around;flex-wrap:wrap;padding:15px 5px;background-color:inherit;box-shadow:0 1px 3px #00000014;margin-bottom:10px;align-items:center}.button-container button{background-color:#28a745;color:#fff;border:none;padding:15px 18px;margin-bottom:20px;margin-top:20px;width:100%;border-radius:5px;font-size:1.5rem;cursor:pointer;flex:1 1 auto;min-width:100px;max-width:60%;box-sizing:border-box}.button-container button.clicked{transform:scale(1.04);filter:brightness(1.3);border:2px solid;border-color:inherit;font-size:1rem}.button-container button#north{background-color:#28a745;border-color:#28a745a1}.button-container button#alley{background-color:#535bf2;border-color:#535bf29e}.button-container button#south{background-color:#e68142;border-color:#e681409c}.button-container button:hover{background-color:#218838}main{flex-grow:1;padding:0 20px 20px;display:flex;flex-direction:column;gap:15px}.content-section{background-color:#fff;padding:15px;border-radius:8px;box-shadow:0 1px 3px #00000014}footer{background-color:#333;color:#fff;padding:15px 20px;text-align:center;margin-top:auto}@media (min-width: 768px){h1{font-size:2.5em}.logo-container svg{max-width:200px}.button-container button{max-width:200px}main{max-width:960px;margin:0 auto;padding-top:20px}}#pwa-toast{visibility:hidden;position:fixed;right:0;bottom:0;margin:16px;padding:12px;border:1px solid #8885;border-radius:4px;z-index:1;text-align:left;box-shadow:3px 4px 5px #8885;display:grid;background-color:#fff}#pwa-toast .message{margin-bottom:8px;background-color:#fff}#pwa-toast .message>span#toast-message{color:#000}#pwa-toast .buttons{display:flex}#pwa-toast .buttons.hide{display:none}#pwa-toast button{border:1px solid rgba(216,201,201,.33);outline:none;margin-right:5px;border-radius:2px;padding:3px 10px}#pwa-toast.show{visibility:visible}button#pwa-refresh{display:none}#pwa-toast.show.refresh button#pwa-refresh{display:block}