:root{color-scheme:dark;--ink:#66350f;--paper:#f9f4df;--yellow:#f1c967;--muted:#d4ab74;--outline:rgba(240,212,173,.18);font-family:var(--brand-body);font-synthesis:none}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#66350f}button{font:inherit;cursor:pointer}button:focus-visible,canvas:focus-visible{outline:3px solid #fff2a6;outline-offset:4px}button{touch-action:manipulation}button:hover{filter:brightness(1.12)}button:disabled{opacity:.35;cursor:default}[hidden]{display:none!important}#explorer{position:relative;width:100%;height:100%;height:100dvh;isolation:isolate;overflow:hidden}#map{display:block;width:100%;height:100%;cursor:grab;touch-action:none;outline-offset:-5px}#map.dragging{cursor:grabbing}#markers{position:absolute;inset:0;pointer-events:none;overflow:hidden}.topbar{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:25px 30px;background:linear-gradient(#442a1ed9,transparent);pointer-events:none}.brand,.top-actions{pointer-events:auto}.brand{display:flex;align-items:center;gap:12px;color:var(--paper);text-shadow:0 2px 8px #442a1e}.brand strong{font-family:var(--brand-heading);display:block;font-size:19px;letter-spacing:1px;font-weight:700}.brand strong span{font-weight:500;color:#f0d4ad}.brand small{display:block;font-size:11px;letter-spacing:2.4px;margin-top:5px;color:#d4ab74}.brand small b{padding:0 5px;color:var(--yellow)}.brand-icon{display:grid;place-items:center;width:39px;height:39px;background:#66350f;border:2px solid #e9c462;box-shadow:3px 3px 0 #442a1e}.brand-icon:before{content:'';width:25px;height:25px;background:#e9c462;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.brand-icon i{position:absolute;width:11px;height:11px;border-radius:50%;background:#8c470e}.top-actions{display:flex;gap:9px}.button{display:flex;align-items:center;gap:9px;min-height:44px;padding:0 16px;border:1px solid #94664255;border-radius:7px;background:#66350fe8;color:var(--paper);font-size:14px;box-shadow:0 4px 12px #442a1e20}.button.subtle{background:#66350f9c}.count{font-size:12px;background:#e5c467;color:#66350f;border-radius:4px;padding:2px 5px;font-weight:700}.pin-icon{display:block;width:10px;height:13px;border:2px solid #e5c467;border-radius:7px 7px 7px 1px;transform:rotate(-45deg);margin-right:2px}.panel{background:#fbf6e8;color:var(--ink);border:2px solid #d4ab74;box-shadow:5px 5px 0 #442a1e70;border-radius:8px}.destinations{position:absolute;right:30px;top:91px;width:322px;max-height:calc(100dvh - 190px);overflow:auto;padding:21px 20px 12px;z-index:5}.panel-heading{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.7px;color:#8c470e}h1{font-family:var(--brand-heading);font-size:19px;line-height:1.3;margin:6px 0 18px;letter-spacing:-.6px}.icon-button{border:0;background:transparent;color:#8c470e;font-size:24px;width:30px;height:30px;flex-shrink:0;line-height:1}.destination-item{display:flex;align-items:center;width:100%;text-align:left;padding:11px 0;gap:12px;border:0;border-top:1px solid #f0d4ad;background:transparent;color:var(--ink)}.destination-item:hover,.destination-item[aria-current=true]{color:#66350f}.destination-item .number{font-family:var(--brand-heading);font-size:14px;font-weight:700;display:grid;place-items:center;flex:0 0 29px;height:29px;border:1px solid #d4ab74;border-radius:5px;background:#fff0d7}.destination-item strong{font-size:14px;display:block}.destination-item small{font-size:12px;display:block;color:#946642;margin-top:3px}.destination-item .arrow{margin-left:auto;color:#b9844d}.panel-note{font-size:12px;color:#946642;line-height:1.5;margin:14px 0 2px}.compass{position:absolute;left:32px;top:119px;color:#fff0d7b0;text-align:center;font-size:11px;pointer-events:none;filter:drop-shadow(1px 2px 2px #442a1e)}.compass i{display:block;width:18px;height:35px;margin-top:6px;background:linear-gradient(90deg,#f0d4ad 50%,#946642 50%);clip-path:polygon(50% 0,100% 100%,50% 76%,0 100%)}.marker{position:absolute;left:0;top:0;pointer-events:auto;display:grid;place-items:center;width:28px;height:30px;padding:0;border:2px solid #fff4c8;background:#d7a948;color:#66350f;font-family:var(--brand-heading);font-size:12px;font-weight:700;border-radius:6px 6px 6px 0;box-shadow:2px 3px 0 #442a1e80;transform:translate(-50%,-100%);transition:background .15s,box-shadow .15s;will-change:left,top}.marker:after{content:'';position:absolute;top:28px;left:10px;width:5px;height:5px;background:#fff0bb;box-shadow:0 2px 0 #442a1e55}.marker:hover,.marker[aria-pressed=true]{z-index:2;background:#fcde87;box-shadow:0 0 0 4px #fae19750,2px 3px 0 #442a1e80}.marker .marker-label{pointer-events:none;display:none;position:absolute;bottom:38px;white-space:nowrap;padding:8px 11px;background:#66350ff5;border:1px solid #b9844d;color:var(--paper);border-radius:5px;font:500 13px var(--brand-body);box-shadow:0 2px 8px #442a1e55}.marker:hover .marker-label,.marker:focus-visible .marker-label{display:block}.map-footer{position:absolute;bottom:23px;left:30px;right:30px;display:flex;align-items:center;justify-content:space-between;gap:15px;pointer-events:none}.map-footer>*{pointer-events:auto}.hint{font-size:12px;color:#f0d4ad;text-shadow:0 2px 4px #442a1e;margin:0}.hint>span{font-size:22px;margin-right:7px;vertical-align:-2px;color:#e6d49b}.hint b{margin:0 7px;font-weight:400;color:#946642}.zoom-controls{display:flex;align-items:center;gap:2px;background:#66350fed;border:1px solid #94664266;border-radius:7px;padding:3px;box-shadow:0 4px 12px #442a1e40}.zoom-controls button{width:38px;height:38px;border:0;background:transparent;color:var(--paper);border-radius:4px;font-size:24px}.zoom-controls button:hover{background:#66350f}.zoom-controls output{font-family:var(--brand-heading);min-width:48px;text-align:center;color:#f0d4ad;font-size:13px}.divider{width:1px;height:20px;background:#b9844d44;margin:0 3px}.capy-button{display:flex;gap:8px;align-items:center;border:1px solid #94664266;border-radius:7px;padding:6px 12px 6px 7px;background:#66350feb;color:#f0d4ad;font-size:12px;min-height:46px}.capy-button img{object-fit:contain;image-rendering:auto}.place-card{position:absolute;bottom:94px;left:30px;max-width:445px;display:flex;gap:14px;padding:18px;z-index:4}.place-number{font:700 20px var(--brand-heading);color:#8c470e;background:#f0d4ad;border:1px solid #d4ab74;border-radius:4px;display:grid;place-items:center;flex:0 0 44px;height:44px}.place-copy{min-width:0}.place-copy h2{font-family:var(--brand-heading);font-size:21px;line-height:1.15;letter-spacing:-.5px;margin:5px 0 7px}.place-copy p{font-size:14px;line-height:1.5;margin:0;color:#8c470e}.loading{position:absolute;inset:0;background:#66350f;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;color:#f0d4ad;font:500 16px var(--brand-heading);z-index:10}.loading-sun{width:28px;height:28px;background:var(--yellow);box-shadow:6px 6px 0 #442a1e;animation:turn 2.5s steps(4) infinite}.notice{position:absolute;bottom:93px;left:50%;transform:translateX(-50%);padding:11px 17px;border-radius:6px;background:#66350feb;border:1px solid #d4ab7466;color:#f1edd4;font-size:14px;max-width:calc(100% - 30px);text-align:center;z-index:6}@keyframes turn{to{transform:rotate(360deg)}}
@media(min-width:1250px){.zoom-controls{position:absolute;left:50%;transform:translateX(-50%)}}@media(max-width:850px){.hint{max-width:160px;font-size:11px;line-height:1.6}.hint>span{display:none}.hint b{display:none}.hint b:after{content:' ';display:block}.map-footer{gap:12px;left:20px;right:20px}.topbar{padding:22px 20px}.destinations{right:20px}.compass{left:22px}.place-card{left:20px;max-width:400px}.capy-button span{display:none}}@media(max-width:540px){.topbar{padding:18px 15px}.brand{gap:9px}.brand-icon{width:32px;height:32px}.brand strong{font-size:14px;letter-spacing:.5px}.brand small{font-size:9px;letter-spacing:1.5px}.brand small b{padding:0 2px}.top-actions{gap:6px}.button{padding:0 10px;font-size:13px;min-height:40px}.desktop-label{display:none}.count{display:none}.button.subtle{min-width:35px;justify-content:center}.compass{top:99px;left:17px}.map-footer{left:15px;right:15px;bottom:max(17px,env(safe-area-inset-bottom));gap:8px}.hint{display:none}.zoom-controls{gap:0}.capy-button span{display:inline;font-size:11px}.capy-button{gap:5px;padding-right:9px}.capy-button img{width:35px}.destinations{top:78px;right:15px;left:15px;width:auto;max-height:calc(100dvh - 165px)}.place-card{left:15px;right:15px;bottom:90px;max-width:none;padding:15px;gap:11px}.place-copy h2{font-size:18px}.place-copy p{font-size:13px}.place-number{flex-basis:35px;height:35px;font-size:17px}.marker{width:25px;height:27px;font-size:11px}.marker:after{top:25px;left:9px}.notice{bottom:83px;font-size:13px}}@media(prefers-reduced-motion:reduce){.loading-sun{animation:none}*{scroll-behavior:auto!important}}
/* Modular map tools */
a.button{text-decoration:none}.walk-button{background:#e8c464;color:#66350f;font-weight:700;border-color:#f8e2a0}.walk-button[aria-pressed=true]{background:#8c470e;color:#fff8db}.button[aria-pressed=true]{border-color:#ecd38a}.collision-key{position:absolute;top:99px;left:70px;display:flex;gap:16px;padding:10px 14px;background:#66350fee;border:1px solid #94664266;border-radius:6px;font-size:12px;color:#f0d4ad}.collision-key span:before{content:'';display:inline-block;width:8px;height:8px;background:#b9844d;margin-right:6px}.collision-key span:nth-child(2):before{background:#f2777d}.collision-key span:nth-child(3):before{background:#ffe383}.hint #hint-text{font-size:12px;vertical-align:0;color:#f0d4ad;margin:0}.dpad{position:absolute;bottom:90px;right:30px;display:grid;grid-template-columns:44px 44px 44px;grid-template-rows:44px 44px;gap:4px;z-index:3;touch-action:none}.dpad button{border:1px solid #b9844d;border-radius:7px;background:#66350fe8;color:#f6e3a6;font-size:24px;touch-action:none}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-column:1;grid-row:2}.dpad button:nth-child(3){grid-column:2;grid-row:2}.dpad button:nth-child(4){grid-column:3;grid-row:2}.dpad button:active{background:#8c470e}.assets-link{color:#e9d18a}.top-actions{gap:6px}.top-actions .button{padding-left:12px;padding-right:12px}
@media(max-width:1050px){.brand strong{font-size:16px}.topbar{padding:18px}.top-actions .desktop-label{display:none}.assets-link{font-size:12px}.top-actions .button{padding:0 9px;font-size:12px}.brand small{font-size:9px;letter-spacing:1.8px}.hint{max-width:180px}}
@media(max-width:690px){.topbar{flex-wrap:wrap;gap:13px;align-items:flex-start;padding:16px 15px;background:linear-gradient(#442a1ef0 70%,transparent)}.top-actions{width:100%;justify-content:space-between}.top-actions .button{min-height:36px}.brand small{font-size:9px}.compass{top:142px}.destinations{top:133px}.collision-key{top:134px;left:49px;right:15px;flex-wrap:wrap;gap:7px;font-size:10px}.dpad{bottom:83px;right:15px}.hint{display:none}.top-actions .count{display:none}}
.dpad-label{grid-column:1 / 4;color:#f5eccf;text-align:center;font-size:12px;text-shadow:0 2px 3px #442a1e;white-space:nowrap}.dpad button[data-held=true]{background:#e7c363;color:#442a1e;transform:translateY(1px)}
.collision-key span:nth-child(3):before{background:#d4ab74}.collision-key span:nth-child(4):before{background:#ffe383}

/* Only transport belongs in the game header; account actions live beside the map. */
.student-hud{position:absolute;z-index:4;left:30px;bottom:92px;max-width:calc(100% - 220px)}
.student-hud .q-balance{max-width:100%;text-align:left;white-space:normal;line-height:1.5;padding:9px 12px}
@media(max-width:690px){.topbar{flex-wrap:nowrap;align-items:center}.topbar .top-actions{width:auto;flex-shrink:0}.compass{top:100px}.student-hud{left:15px;bottom:90px;max-width:calc(100% - 180px)}.student-hud .q-balance{font-size:11px;min-height:36px;padding:7px 9px}}

.move-joystick{display:none;position:fixed;z-index:32;box-sizing:border-box;left:max(18px,env(safe-area-inset-left));bottom:calc(96px + env(safe-area-inset-bottom,0px));width:clamp(118px,32vw,144px);aspect-ratio:1;border:2px solid #fff5d98c;border-radius:50%;background:radial-gradient(circle,#ffd58014 47%,#fff4d815 48%,#392b233d 70%);box-shadow:inset 0 0 0 7px #fff4d810,0 2px 16px #24191124;touch-action:none;user-select:none;-webkit-user-select:none;outline:none}
.move-joystick:before{content:'';position:absolute;inset:13%;border:1px solid #fff5d932;border-radius:50%;pointer-events:none}
.joystick-directions{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#fff7dfb3;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.move-joystick .joystick-knob{position:absolute;left:calc(50% + var(--stick-x,0px));top:calc(50% + var(--stick-y,0px));width:42%;aspect-ratio:1;box-sizing:border-box;transform:translate(-50%,-50%) scale(.94);opacity:.8;border:2px solid #fff7d9b3;border-radius:50%;background:radial-gradient(circle at 38% 30%,#ffe7b0aa,#b7783273);box-shadow:0 3px 12px #251b2440,inset 0 1px 5px #fff8e573;pointer-events:none;transition:opacity .14s,transform .14s}
.joystick-knob:after{content:'';position:absolute;width:16%;height:16%;left:42%;top:42%;background:#fff7d9b3;transform:rotate(45deg);border-radius:2px}
.move-joystick.is-active{border-color:#ffe1a4d9;background-color:#ffbd3926;box-shadow:inset 0 0 0 7px #ffe6b51c,0 2px 18px #24191135}
.move-joystick.is-active .joystick-knob{opacity:1;transform:translate(-50%,-50%) scale(1)}
@media(max-width:760px),(any-pointer:coarse){.dpad{display:none!important}.move-joystick:not([hidden]){display:block}}
@media(max-height:520px){.move-joystick{bottom:max(18px,env(safe-area-inset-bottom));width:116px}}