@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;700;900&family=JetBrains+Mono:wght@400;700&display=swap";:root{--bg-asphalt:#111;--panel-light:#d9d9d6;--accent-orange:#ff4500;--accent-brown:#843c12;--accent-lightbrown:#ac5a2a;--line-yellow:#ffb800;--text-main:#fff;--text-muted:#888;--grid-line:#ffffff26;--grid-line-dark:#00000026}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-asphalt);overflow:hidden}.road-center{fill:none;stroke:var(--line-yellow);stroke-width:8px;stroke-dasharray:40 40;animation:2s linear infinite flow}@keyframes flow{to{stroke-dashoffset:-80px}}.chaos-path{fill:none;stroke:var(--accent-orange);stroke-width:80px;stroke-linecap:round;stroke-linejoin:round;mix-blend-mode:screen;filter:drop-shadow(0 10px 20px #ff450066);stroke-dasharray:4000;stroke-dashoffset:4000px;animation:3s cubic-bezier(.19,1,.22,1) .5s forwards drawChaos}@keyframes drawChaos{to{stroke-dashoffset:0}}.road-path-text{fill:var(--text-main);letter-spacing:.1em;text-transform:uppercase;font-family:Inter,sans-serif;font-size:42px;font-weight:900}.isometric-icon{filter:drop-shadow(1px 1px 0px var(--accent-brown)) drop-shadow(2px 2px 0px #5a270b) drop-shadow(3px 3px 4px #0000004d);transition:transform .1s,filter .1s}.isometric-text{filter:drop-shadow(1px 1px 0px var(--accent-brown)) drop-shadow(2px 2px 0px #5a270b) drop-shadow(3px 3px 0px #361504) drop-shadow(4px 4px 5px #000c)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#888;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#555}*{scrollbar-width:thin;scrollbar-color:#888 transparent}.app-wrapper{width:100vw;height:100vh;position:relative;overflow:hidden}.mobile-logo{display:none}.ui-layer{z-index:10;pointer-events:none;grid-template-rows:80px 1fr 300px;grid-template-columns:2fr 5fr 3fr;width:100%;height:100%;display:grid;position:absolute;top:0;left:0}.matrix-cell-hover{flex-direction:column}.nav-title{color:#30312b;text-align:center;margin-top:15px;padding:10px;font-size:.85rem;font-weight:600}.ui-layer>*{pointer-events:auto}.header-left{border-bottom:1px solid var(--grid-line);grid-area:1/1/auto/3;align-items:center;gap:2rem;padding:1rem;display:flex}.header-right{border-bottom:1px solid var(--grid-line);grid-area:1/3;justify-content:flex-end;align-items:center;padding:1rem;display:flex}.regular-footer{text-align:center;color:#30312b;width:100%;margin:0 auto;display:block}.absolute-bottom-footer{color:#30312b;width:100%}.title-panel{background-color:var(--panel-light);border-right:1px solid var(--grid-line);flex-direction:column;grid-area:2/1/4;justify-content:flex-end;padding:2rem 1rem 2rem 1.5rem;display:flex}.matrix-panel{background-color:var(--panel-light);border-top:1px solid var(--grid-line);grid-area:3/2/auto/4}.matrix-grid{background:var(--grid-line-dark);grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(5,1fr);grid-auto-flow:dense;gap:1px;height:100%;display:grid}.matrix-logo-block{grid-row:span 2}.matrix-cell-hover:hover{cursor:pointer;background-color:#efefef!important}.matrix-logo-hover{filter:drop-shadow(0 4px 10px #00000080);transform-style:preserve-3d;cursor:pointer;transition:transform .4s cubic-bezier(.25,.46,.45,.94),filter .4s}.matrix-logo-hover:hover{filter:drop-shadow(15px 15px 15px #000000b3);transform:perspective(600px)rotateY(-25deg)rotateX(5deg)rotate(-3deg)scale(1.05)}.screen-wrapper{flex-direction:column;height:100%;position:relative;overflow-y:scroll!important}.main-heading{color:#843c12;letter-spacing:-.04em;text-transform:uppercase;justify-content:center;font-size:clamp(18px,2.5vw,32px);font-weight:900;line-height:1.05;display:flex}.main-paragraph{color:#30312b;letter-spacing:-.04em;text-align:left;flex:2;justify-content:center;margin-top:25px;font-weight:700;line-height:1.4;display:flex}.home-paragraph{text-align:left;color:#30312b;letter-spacing:-.04em;font-weight:700;line-height:1.7}.app-store-wrapper{width:100%;display:block}.footer-text{width:100%;margin-top:25px;display:block}.store-image-android{cursor:pointer;display:inline-flex}.store-image{cursor:pointer;padding:1.5px;display:inline-flex}.inline-link{color:#000;cursor:pointer;border-bottom:1px solid #30312b;text-decoration:none;display:inline}.line-separator{background:linear-gradient(125deg,#0000 45%,#333 45% 55%,#0000 55%) 0 0/15px 15px repeat-x;width:100%;height:20px}@media (width<=1100px){body{overflow:hidden auto}.app-wrapper{height:auto;min-height:100vh;overflow:visible}.mobile-logo{z-index:9999;pointer-events:none;width:250px;display:block;position:absolute;top:2vh;left:50%;transform:translate(-50%)}.ui-layer{grid-template-rows:auto auto auto auto 1fr;grid-template-columns:1fr;position:relative}.header-left{flex-wrap:wrap;grid-area:1/1}.header-right{border-top:1px solid var(--grid-line);grid-area:2/1;justify-content:flex-start}.title-panel{border-right:none;border-bottom:1px solid var(--grid-line);grid-area:3/1;padding:1.5rem}.mobile-canvas-gap{pointer-events:none;grid-area:4/1;height:50vh}.matrix-panel{grid-area:5/1}.matrix-grid{grid-template-rows:auto;grid-template-columns:repeat(3,1fr)}.matrix-logo-block{z-index:9999!important;background:0 0!important;border:none!important;width:250px!important;height:auto!important;position:absolute!important;top:5vh!important;left:50%!important;transform:translate(-50%)!important}.matrix-logo-block img{width:100%!important;max-height:none!important}.hide-on-mobile{display:none!important}}@media (width<=600px){.matrix-grid{grid-template-rows:repeat(4,1fr)!important;grid-template-columns:repeat(2,1fr)!important;grid-auto-rows:auto!important;height:440px!important}.mobile-logo{width:150px;top:2vh}.matrix-logo-block{z-index:9999!important;width:150px!important;position:absolute!important;top:2vh!important;left:50%!important;transform:translate(-50%)!important}.matrix-cell-hover img{object-fit:contain!important;width:auto!important;max-height:45%!important}.matrix-logo-hover{max-height:70%!important}.title-panel{padding:1rem}.title-panel h1{font-size:2.2rem!important}}