@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#e8eee9;background:#101d1a;color-scheme:dark}*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}button,a,input{touch-action:manipulation}button{transition:background .15s,transform .15s}button:hover:enabled{filter:brightness(1.12)}button:active:enabled{transform:translateY(1px)}h1,h2,h3,.brand{font-family:'Space Grotesk',sans-serif}.topbar{height:76px;display:flex;align-items:center;gap:40px;padding:0 32px;border-bottom:1px solid #2a3a33;background:#13221d}.brand{font-size:27px;font-weight:700;letter-spacing:-1.4px;text-decoration:none;white-space:nowrap}.brand span{color:#c8e888}.brand small{font:600 9px 'DM Sans',sans-serif;letter-spacing:1px;border:1px solid #51683d;padding:5px 7px;border-radius:4px;vertical-align:middle;margin-left:12px;color:#c8e888}.topbar nav{display:flex;gap:24px;font-size:12px;color:#a5b3a9}.topbar nav a{text-decoration:none}.free{margin-left:auto;color:#c8e888;font-size:9px;letter-spacing:1.6px;display:flex;gap:8px;align-items:center}.free i,.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#c4e78e}.workspace{display:grid;grid-template-columns:300px minmax(0,1fr);max-width:1920px;margin:auto;min-height:810px}.explorer{padding:32px 22px 20px;background:#15251f;border-right:1px solid #2a3a33;display:flex;flex-direction:column}.eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:600;color:#bdcfad}.explorer h1{font-size:46px;line-height:1;letter-spacing:-2.5px;margin:18px 0}.explorer h1 em{font-style:normal;color:#c8e888}.explorer-heading>p:last-child{color:#a3b4a6;font-size:12px;line-height:1.6;margin:18px 0 30px}.directory-heading{border-top:1px solid #314037;padding-top:22px}.directory-heading h2{font-size:14px;margin:0 0 7px}.directory-heading>span{font-size:8px;letter-spacing:1.4px;color:#91a38f}.search{display:flex;gap:8px;align-items:center;margin:15px 0;border:1px solid #3d5041;background:#1d3026;padding:10px;border-radius:8px}.search span{font-size:23px;color:#c8e888}.search input{background:none;border:0;outline:none;color:#e6ecdf;font-size:11px;width:100%;min-width:0}.search input::placeholder{color:#9eae9e}#company-list{display:grid;gap:8px;max-height:390px;overflow:auto;scrollbar-width:thin;scrollbar-color:#516644 transparent}#company-list article{border:1px solid #334637;border-radius:9px;padding:13px;background:#1b2d23;position:relative}#company-list h3{font-size:13px;margin:0 0 4px}#company-list p{font-size:10px;color:#a3b69f;line-height:1.5;margin:0 0 8px}#company-list button{border:0;background:#cfeba31a;color:#cee5ab;font-size:10px;padding:6px 8px;border-radius:5px}#company-list a{font-size:9px;color:#9dae97;margin-left:9px}#company-list article:has(button:focus){border-color:#c8e888}.all-companies{font-size:10px;color:#b7cca2;margin:16px 0;text-decoration:none}.sidebar-note{margin-top:auto;padding-top:20px;display:flex;align-items:center;gap:10px;border-top:1px solid #314037}.sidebar-note>span{font-size:28px;color:#c8e888}.sidebar-note p{font-size:10px;color:#a1b49a;line-height:1.8}.sidebar-note strong{font-weight:400;color:#6e856c}.game{min-width:0;background:#14231c;position:relative}.map-heading{height:60px;display:flex;justify-content:space-between;align-items:center;padding:0 22px;border-bottom:1px solid #354235;gap:10px}.map-heading>div:first-child{display:flex;align-items:center;gap:10px}.map-heading strong{font-size:12px}.map-heading small{font-size:8px;letter-spacing:1px;color:#92a18a}.layer-buttons{display:flex;gap:3px;border:1px solid #3c4d38;border-radius:7px;padding:3px;font-size:10px}.layer-buttons button,.layer-buttons a{border:0;background:none;color:#bdc9b3;padding:7px 9px;text-decoration:none;border-radius:4px;font-size:10px}.layer-buttons [aria-pressed=true]{background:#d1e7b2;color:#26321d}.stage{position:relative;height:calc(100svh - 224px);min-height:610px;overflow:hidden;background:#3c5040}canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}canvas:active{cursor:grabbing}.scoreboard{position:absolute;top:20px;left:22px;z-index:2;display:flex;flex-wrap:wrap;gap:10px 14px;max-width:min(340px,calc(100% - 96px));background:#13241edb;backdrop-filter:blur(15px);padding:12px 16px;border:1px solid #65745566;border-radius:12px;pointer-events:none}.stage:has(#welcome:not([hidden])) .scoreboard{opacity:0;visibility:hidden}.scoreboard>div,.scoreboard .stat{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1 1 72px}.scoreboard span{font-size:8px;letter-spacing:1.5px;color:#aabb9c}.scoreboard strong{font:500 15px 'Space Grotesk',sans-serif;color:#e0edce;transition:transform .25s,color .25s;white-space:nowrap}.stat-bar{display:block;height:4px;background:#ffffff1a;border-radius:99px;overflow:hidden;margin-top:2px}.stat-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#f9d563,#e8b84a);border-radius:99px;transition:width .35s ease}.stat-places .stat-bar i{background:linear-gradient(90deg,#b8e08a,#7cb86a)}#stat-lunch .stat-bar i{background:linear-gradient(90deg,#ff8f5a,#e86a3a)}#stat-places .stat-bar i{background:linear-gradient(90deg,#b8e08a,#7cb86a)}.stat-pop strong{transform:scale(1.08);color:#fff6d8}.welcome{position:absolute;top:50%;left:50%;z-index:5;transform:translate(-50%,-50%);width:min(390px,calc(100% - 32px));max-height:calc(100% - 24px);overflow-y:auto;overscroll-behavior:contain;padding:22px 24px;background:#14251eef;border:1px solid #78926780;border-radius:20px;box-shadow:0 30px 90px #091e1980;backdrop-filter:blur(18px);animation:ipd-welcome-in .5s ease}.welcome::before{content:'';position:absolute;inset:-1px;border-radius:21px;padding:1px;background:linear-gradient(135deg,#d1e7b244,#ffffff00 50%,#f9d56333);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;animation:ipd-border-glow 3s ease-in-out infinite}@keyframes ipd-welcome-in{from{opacity:0;transform:translate(-50%,-44%) scale(.97)}to{opacity:1;transform:translate(-50%,-48%) scale(1)}}@keyframes ipd-border-glow{0%,100%{opacity:.5}50%{opacity:1}}.welcome h2{font-size:42px;letter-spacing:-2.2px;line-height:1.02;margin:12px 0}.welcome h2 em{font-style:normal;color:#d1e9a2}.welcome-copy>p:last-child{font-size:11px;line-height:1.55;color:#a5b7a4;max-width:310px;margin-bottom:0}.campus-picker{border:0;padding:0;display:grid;gap:6px;margin:0 0 12px}.campus-picker legend{font-size:8px;letter-spacing:1.3px;color:#c4d3b7;margin-bottom:10px}.campus-picker label{position:relative;border:1px solid #506546;padding:8px 10px;border-radius:9px;display:flex;align-items:center;gap:8px;cursor:pointer;background:#22372a}.campus-picker input{position:absolute;width:1px;height:1px;opacity:0}.campus-picker label:has(input:checked){border-color:#d0ed9f;background:#34482a}.campus-picker label>span{flex:1;font-size:11px;line-height:1.45}.campus-picker small{display:block;font-size:6px;color:#a7bc92;letter-spacing:.5px;margin-top:2px}.campus-picker b{position:absolute;right:8px;top:6px;font-size:9px;color:#d0ed9f;visibility:hidden}.campus-picker label:has(input:checked) b{visibility:visible}.runner-picker{border:0;padding:0;display:flex;gap:8px;margin:14px 0 12px}.runner-picker legend{font-size:8px;letter-spacing:1.3px;color:#c4d3b7;margin-bottom:10px}.runner-picker label{flex:1;position:relative;border:1px solid #506546;padding:13px 9px;border-radius:9px;display:flex;align-items:center;gap:8px;cursor:pointer;min-width:0;background:#22372a}.runner-picker input{position:absolute;width:1px;height:1px;opacity:0}.runner-picker label:has(input:checked){border-color:#d0ed9f;background:#34482a}.runner-picker label:has(input:focus-visible){outline:3px solid #fff}.runner-picker label>span:last-of-type{font-size:11px;line-height:1.7}.runner-picker small{display:block;font-size:6px;color:#a7bc92;letter-spacing:.5px}.runner-picker b{position:absolute;right:6px;top:4px;font-size:9px;color:#d0ed9f;visibility:hidden}.runner-picker label:has(input:checked) b{visibility:visible}.character{position:relative;width:30px;height:55px;flex:none;display:block}.character .head{position:absolute;width:13px;height:14px;border-radius:7px;background:#edbc91;left:8px;top:3px;border-top:5px solid #192920}.character .body{position:absolute;width:22px;height:22px;left:4px;top:19px;background:#f59166;border-radius:7px 7px 3px 3px;transform:rotate(-8deg)}.character .legs{position:absolute;left:8px;top:39px;width:6px;height:15px;background:#72898c;box-shadow:10px 0 #72898c;border-radius:0 0 4px 4px}.female .body{background:#b292e5}.female .head:after{content:'';position:absolute;left:10px;top:-5px;height:19px;width:6px;background:#192920;border-radius:6px}.welcome>button{width:100%;padding:14px 18px;border:0;border-radius:8px;background:#d0e9a5;color:#253520;font-weight:700;font-size:13px;text-align:left}.welcome>button span{float:right;font-size:17px}.welcome>button.is-loading{position:relative;color:#25352099}.welcome>button.is-loading::after{content:'';position:absolute;right:18px;top:50%;width:16px;height:16px;margin-top:-8px;border:2px solid #25352044;border-top-color:#253520;border-radius:50%;animation:ipd-spin .8s linear infinite}@keyframes ipd-spin{to{transform:rotate(360deg)}}#load-status{font-size:10px;color:#adbea1;line-height:1.45;min-height:24px;margin:10px 0 0}.welcome-keys{display:flex;gap:8px;font-size:9px;color:#94a88a;justify-content:center;align-items:center;border-top:1px solid #3c5133;padding-top:13px}kbd{font:8px monospace;padding:4px 6px;border:1px solid #5a6c4d;border-radius:4px;color:#bacbaa}.toast{position:absolute;bottom:55px;left:50%;transform:translateX(-50%);background:#152820f0;border:1px solid #74805d;padding:12px 18px;font-size:12px;color:#e0ebcd;border-radius:9px;text-align:center;max-width:80%;pointer-events:none;animation:ipd-toast-in .35s ease}.toast:empty{display:none}@keyframes ipd-toast-in{from{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%,0)}}.celebration{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:6;text-align:center;padding:28px 36px;background:#14251ef2;border:1px solid #d1e7b288;border-radius:18px;box-shadow:0 24px 80px #091e18aa;backdrop-filter:blur(16px);animation:ipd-celebrate .6s ease;pointer-events:none}.celebration h3{font-family:'Space Grotesk',sans-serif;font-size:28px;margin:10px 0 6px;color:#e8f5d0}.celebration p{color:#b8cbb0;font-size:12px;margin:0}@keyframes ipd-celebrate{0%{opacity:0;transform:translate(-50%,-46%) scale(.9)}60%{transform:translate(-50%,-50%) scale(1.03)}100%{opacity:1;transform:translate(-50%,-50%) scale(1)}}.sound-toggle{position:absolute;top:18px;right:18px;z-index:5;width:36px;height:36px;border:1px solid #8a9b7066;background:#172b23e8;color:#e0edca;border-radius:50%;font-size:15px;line-height:1}.sound-toggle[aria-pressed=false]{opacity:.55}.joystick:has(.joystick-knob[style*=translate]){box-shadow:0 0 24px #d1e7b244,0 10px 30px #091e1866}.map-tools{position:absolute;right:18px;bottom:50px;display:flex;flex-direction:column;gap:9px}.map-tools button{width:40px;height:40px;border:1px solid #8a9b7066;background:#172b23e8;color:#e0edca;border-radius:7px;font-size:23px}.map-tools button[aria-pressed=true]{background:#d1e7b2;color:#26321d;border-color:#d1e7b2}.map-tools>div{display:flex;flex-direction:column}.map-tools>div button:first-child{border-radius:7px 7px 0 0}.map-tools>div button:last-child{border-radius:0 0 7px 7px;border-top:0}.map-scale{position:absolute;bottom:25px;left:22px;color:#edf4df;display:flex;gap:8px;align-items:center}.map-scale span{display:block;width:65px;border:solid #edf4df;border-width:0 2px 2px;height:7px}.map-scale small{font-size:9px}.map-label{position:absolute;right:0;bottom:0;padding:4px 9px;background:#10251bd9;font-size:8px;color:#cad9bb;max-width:70%}.map-label a{text-decoration:none}.game-bottom{display:flex;align-items:center;gap:18px;justify-content:space-between;padding:16px 22px;border-top:1px solid #374c34;min-height:82px}.runner-chip{display:flex;gap:12px;align-items:center;min-width:0}.runner-chip>span{width:36px;height:36px;display:grid;place-items:center;background:#34452a;border-radius:10px;color:#d1e99d}.runner-chip strong{font-size:11px}.runner-chip p{font-size:10px;color:#92a687;line-height:1.5;margin:5px 0 0;max-width:340px}.actions{display:flex;gap:7px;flex-shrink:0}.actions button{background:#24382a;border:1px solid #4b6242;color:#c5d7b4;padding:9px 11px;border-radius:6px;font-size:10px}.move-pad{position:absolute;left:18px;bottom:58px;display:flex;align-items:flex-end;gap:14px;z-index:4;touch-action:none}.move-pad[hidden]{display:none!important}.joystick{width:92px;height:92px;border-radius:50%;background:#172b23d9;border:1px solid #8a9b7088;position:relative;box-shadow:0 10px 30px #091e1866}.joystick-knob{position:absolute;left:50%;top:50%;width:38px;height:38px;margin:-19px 0 0 -19px;border-radius:50%;background:linear-gradient(145deg,#d1e7b2,#9eb87a);border:2px solid #f4f3e9aa;box-shadow:0 4px 12px #0006;transition:transform .05s}.directions{display:grid;touch-action:none;text-align:center;gap:2px}.directions button{background:#263c2de6;border:1px solid #718260;border-radius:8px;color:#dcebc8;width:42px;height:38px;margin:0;font-size:16px;box-shadow:0 4px 14px #091e1844}.directions>div{display:flex;gap:2px;justify-content:center}.runner-chip .character{width:42px;height:64px;flex:none;transform:scale(.9);transform-origin:left center}.location-panel{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 22px 14px;font-size:9px;color:#8d9f83}.location-panel p{margin:0}.location-panel a{white-space:nowrap;text-decoration:none}.details{max-width:1200px;margin:auto;padding:60px 32px;display:grid;grid-template-columns:1fr 1fr;gap:80px}.details h2{font-size:36px;letter-spacing:-1.5px;margin:15px 0}.details h3{font-size:18px;margin:20px 0}.details p{font-size:12px;line-height:1.8;color:#9db096}.details .note,#data-date{font-size:10px;color:#78906e}footer{padding:24px 32px;display:flex;justify-content:space-between;border-top:1px solid #344331;font-size:11px;color:#8ca27e}[hidden]{display:none!important}:focus-visible{outline:3px solid #d1e79f;outline-offset:3px}.game:fullscreen .stage{height:calc(100svh - 180px);min-height:0}@media(pointer:coarse){.game-bottom{flex-wrap:wrap}}@media(min-width:1600px){.explorer{padding:40px 28px}.workspace{grid-template-columns:330px minmax(0,1fr)}}@media(max-width:1000px){.workspace{grid-template-columns:240px minmax(0,1fr)}.explorer{padding:25px 14px}.map-heading{padding:0 12px}.map-heading small{display:none}.scoreboard{gap:8px 12px;padding:10px 14px;left:15px;max-width:min(300px,calc(100% - 72px))}.game-bottom{padding:14px;flex-wrap:wrap}.runner-chip{max-width:100%}.actions{margin-left:auto}.welcome{padding:24px}.details{gap:40px}}@media(max-width:700px){.topbar{height:64px;padding:0 16px;gap:15px}.brand{font-size:23px}.brand small{margin-left:6px}.topbar nav{margin-left:auto;font-size:10px}.topbar nav a:last-child,.free{display:none}.workspace{display:flex;flex-direction:column;min-height:0}.explorer{order:2;border-right:0;padding:25px 18px}.explorer-heading{display:none}.directory-heading{border:0;padding-top:0}.directory-heading h2{font-size:20px}#company-list{grid-template-columns:1fr 1fr;max-height:none}#company-list a{display:block;margin:8px 0 0}.sidebar-note{display:none}.game{order:1}.map-heading{height:52px;padding:0 12px}.map-heading strong{font-size:10px}.map-heading>div:first-child{gap:6px}.layer-buttons button,.layer-buttons a{padding:6px;font-size:8px}.stage{height:680px;min-height:0;max-height:none}.scoreboard{top:12px;gap:8px 10px;padding:10px 12px;max-width:min(280px,calc(100% - 56px))}.scoreboard strong{font-size:13px}.scoreboard span{font-size:7px}.welcome{top:50%;max-width:min(355px,calc(100% - 24px));max-height:calc(100% - 20px);padding:18px 20px}.welcome h2{font-size:36px}.welcome-copy>p:last-child{font-size:11px}.runner-picker{margin:20px 0 14px}.map-tools{right:12px;bottom:37px}.map-tools button{width:34px;height:34px}.game-bottom{padding:12px;gap:10px}.runner-chip{flex:1}.runner-chip p{max-width:200px}.move-pad{left:12px;bottom:48px;gap:10px}.joystick{width:84px;height:84px}.joystick-knob{width:34px;height:34px;margin:-17px 0 0 -17px}.directions button{width:38px;height:34px;font-size:15px}.actions{width:100%;justify-content:flex-end}.location-panel{padding:0 12px 12px;font-size:8px}.details{grid-template-columns:1fr;gap:10px;padding:35px 20px}.details h2{font-size:30px}footer{padding:20px;gap:15px;font-size:10px;flex-direction:column}}