*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#08111f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#game{display:block;width:100vw;height:100vh}.hud{position:fixed;left:18px;top:18px;display:flex;gap:8px;pointer-events:none}.speed,.route-chip{min-width:84px;padding:8px 10px;border:1px solid rgb(255 255 255 / .42);border-radius:8px;color:#182128;background:#ffffffa8;font-size:14px;font-weight:700;line-height:1;box-shadow:0 10px 34px #25333d2e}.route-chip{min-width:0;color:#dff9ff;background:#121e2ab8;border-color:#63e0ff61;letter-spacing:0}.route-hud{position:fixed;left:18px;top:62px;width:214px;padding:12px;color:#edf8ff;background:#0f171fc7;border:1px solid rgb(116 222 255 / .32);border-radius:8px;box-shadow:0 16px 44px #090f143d;pointer-events:none}.route-summary{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px;font-size:12px;line-height:1.25}.route-summary strong{flex:0 0 auto;color:#fff3ba}.minimap{position:relative;width:100%;aspect-ratio:1.25;overflow:hidden;background:linear-gradient(rgb(255 255 255 / .05) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / .05) 1px,transparent 1px),#060c129e;background-size:20px 20px;border:1px solid rgb(255 255 255 / .14);border-radius:8px}.minimap-road{position:absolute;background:#73e4ff3d;border-radius:999px;box-shadow:0 0 10px color-mix(in srgb,var(--tone) 42%,transparent);transform-origin:left center}.minimap-road.skills,.minimap-road.experience,.minimap-road.contact{background:repeating-linear-gradient(90deg,#ff4a5f52 0,#ff4a5f52 8px,#73e4ff1a 8px,#73e4ff1a 14px)}.minimap-dot,.minimap-actor{position:absolute;border-radius:999px;transform:translate(-50%,-50%)}.minimap-dot{width:10px;height:10px;padding:0;background:var(--tone);border:1px solid rgb(255 255 255 / .72);box-shadow:0 0 12px var(--tone)}.minimap-dot.is-current{width:14px;height:14px}.minimap-dot.is-next{outline:2px solid #fff3ba;outline-offset:3px}.minimap-dot.is-visited{background:#eaf6ff;box-shadow:0 0 10px #eaf6ffbd}.minimap-dot.is-locked{background:#6f7882;border-color:#ff4a5fd1;box-shadow:0 0 10px #ff4a5f80}.minimap-dot.is-locked.is-next{outline:none}.minimap-actor{z-index:3;width:12px;height:12px;background:#fff;border:3px solid #73e4ff;box-shadow:0 0 16px #73e4ffe6}.next-direction{margin:9px 0 0;color:#d5e6ef;font-size:12px;font-weight:700;line-height:1.25}.interaction-hint{position:fixed;left:50%;bottom:28px;display:flex;align-items:center;gap:10px;max-width:min(420px,calc(100vw - 36px));padding:10px 13px;color:#f4fbff;background:#0f171fc7;border:1px solid rgb(116 222 255 / .42);border-radius:8px;box-shadow:0 14px 44px #090f1452;transform:translate(-50%);pointer-events:none}.key{display:grid;width:28px;height:28px;place-items:center;color:#10232c;background:#73e4ff;border-radius:6px;font-size:13px;font-weight:900}.portfolio-panel{position:fixed;top:18px;right:18px;width:min(390px,calc(100vw - 36px));max-height:calc(100vh - 36px);padding:22px;overflow:auto;color:#edf8ff;background:#0f161ee0;border:1px solid rgb(122 219 255 / .3);border-radius:8px;box-shadow:0 24px 70px #00000057;opacity:0;transform:translate(24px);transition:opacity .18s ease,transform .18s ease;pointer-events:none}.portfolio-panel.is-open{opacity:1;transform:translate(0);pointer-events:auto}.panel-close{position:absolute;top:12px;right:12px;display:grid;width:32px;height:32px;place-items:center;color:#e8f8ff;background:#ffffff14;border:1px solid rgb(255 255 255 / .14);border-radius:7px;font-size:24px;line-height:1;cursor:pointer}.panel-close:hover{background:#73e4ff2e}.panel-label{margin:0 40px 8px 0;color:#73e4ff;font-size:12px;font-weight:800;line-height:1.2;text-transform:uppercase}.portfolio-panel h1{margin:0 34px 12px 0;color:#fff;font-size:28px;line-height:1.05}.panel-intro{margin:0 0 18px;color:#d5e6ef;font-size:15px;line-height:1.55}.panel-sections{display:grid;gap:12px}.panel-sections section{padding-top:12px;border-top:1px solid rgb(255 255 255 / .12)}.panel-sections h2{margin:0 0 6px;color:#fff3ba;font-size:14px;line-height:1.2}.panel-sections p{margin:0;color:#c8d6de;font-size:14px;line-height:1.48}@media (max-width: 680px){.hud{left:12px;top:12px}.route-hud{left:12px;top:54px;width:188px;padding:10px}.portfolio-panel{top:auto;right:12px;bottom:12px;left:12px;width:auto;max-height:58vh;padding:18px;transform:translateY(20px)}.portfolio-panel.is-open{transform:translateY(0)}.portfolio-panel h1{font-size:24px}}