/* GameOnCue / Warframe Origin Navigator
   Independent fan-made utility, not an in-game 3D model or licensed screenshot. */
.wf-hub{--wf-bg:#0a101b;--wf-deck:#111e2b;--wf-line:#496171;--wf-text:#f3f6fa;--wf-muted:#bacbd4;--wf-violet:#b9a9f1;--wf-gold:#e8c493;max-width:1550px;margin:0 auto;padding:clamp(16px,3vw,38px);color:var(--wf-text)}
.wf-hub *{box-sizing:border-box}
.wf-hub :is(button,input,select,a):focus-visible{outline:3px solid #d8ed9c;outline-offset:3px}
.wf-hub h1,.wf-hub h2,.wf-hub h3{font-family:var(--display,system-ui),system-ui,sans-serif;line-height:1.14}
.wf-hub h1{font-size:clamp(2.3rem,5vw,5rem);margin:.12em 0;letter-spacing:-.06em}
.wf-hub h2{font-size:clamp(1.35rem,2vw,2rem);margin:0}
.wf-overline{font:800 .73rem/1.4 ui-monospace,monospace;letter-spacing:.17em;color:var(--wf-gold);text-transform:uppercase}
.wf-intro{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(270px,.7fr);gap:20px;align-items:end;padding:30px clamp(18px,3vw,40px);border:1px solid #66798c88;background:linear-gradient(105deg,#111f30f5,#182130b0 60%,#2a263b85),url('/media/gameoncue-worlds.webp') center/cover;border-radius:7px}
.wf-intro p{max-width:67ch;line-height:1.65;color:#e0e7f2}
.wf-intro aside{padding:18px;border:1px solid #c7b9ec75;background:#0c1723e9;border-radius:5px}
.wf-intro aside strong{color:#f4debd}
.wf-intro aside p{font-size:.83rem;margin:.45em 0 0}
.wf-shell{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr);gap:14px;margin-top:20px}
.wf-map,.wf-detail,.wf-worldstate,.wf-farm{border:1px solid #70869a66;background:linear-gradient(155deg,#122333ed,#0b1521f5);box-shadow:0 15px 38px #0007;border-radius:7px;padding:clamp(14px,2vw,24px);min-width:0}
.wf-panel-title{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px;flex-wrap:wrap}
.wf-panel-title p{font-size:.84rem;color:var(--wf-muted);margin:4px 0 0}
.wf-scene{position:relative;min-height:480px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 46% 55%,#243f53 0%,#162b40 27%,#101c2b 56%,#0a121e 86%);border:1px solid #5b798377;border-radius:5px;touch-action:pan-y}
.wf-scene:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.23;background-image:radial-gradient(#ffffff 1px,transparent 1.8px);background-size:41px 53px;mask-image:linear-gradient(to bottom,#000,transparent 95%)}
.wf-sun{position:absolute;left:47%;top:46%;width:58px;height:58px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 32% 30%,#fff1bc,#f7af59 52%,#8e492c);box-shadow:0 0 20px #ffb45a88,0 0 65px #faaf4d40;pointer-events:none}
.wf-orbit{position:absolute;left:47%;top:46%;border:1px solid #c8e1f021;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}
.wf-orbit-a{width:35%;aspect-ratio:1}.wf-orbit-b{width:62%;aspect-ratio:1}.wf-orbit-c{width:91%;aspect-ratio:1}
.wf-orbit-list{position:absolute;inset:0;list-style:none;margin:0;padding:0}
.wf-planet{--sphere:#658da4;--sz:40px;position:absolute;left:var(--x);top:var(--y);display:flex;flex-direction:column;align-items:center;gap:6px;transform:translate(-50%,-50%);background:none;color:#e7edf3;border:0;padding:6px;min-width:64px;min-height:67px;cursor:pointer;font-size:.73rem;font-weight:800;text-shadow:0 2px 5px #000}
.wf-planet i{display:block;width:var(--sz);height:var(--sz);border-radius:50%;border:1px solid #ebf7ff82;background:radial-gradient(circle at 28% 23%,#ffffff69,transparent 29%),radial-gradient(circle at 65% 69%,#08101994,transparent 47%),var(--sphere);box-shadow:inset -7px -6px 9px #0009,0 3px 12px #0009}
.wf-planet:is(:hover,:focus-visible) i,.wf-planet[aria-pressed=true] i{outline:3px solid #dced8b;outline-offset:4px;box-shadow:inset -7px -6px 9px #0009,0 0 23px #d5eb8b67}
.wf-planet[aria-pressed=true] span{color:#e3f39b}
.wf-map-note{margin:12px 0 0;color:#b4c9d7;font-size:.78rem;line-height:1.5}
.wf-detail-head{display:flex;gap:15px;align-items:center;margin-bottom:18px}
.wf-globe{--globe:#668cab;width:110px;aspect-ratio:1;border-radius:50%;flex:0 0 auto;position:relative;background:radial-gradient(circle at 25% 22%,#ffffff8c,transparent 27%),radial-gradient(circle at 70% 74%,#000c,transparent 44%),repeating-linear-gradient(150deg,transparent 0 17px,#ffffff0a 19px 20px),var(--globe);box-shadow:inset -22px -12px 25px #030811a8,0 0 0 1px #d8e7f677,0 15px 22px #0008;transform:rotate(var(--wf-tilt,0deg));touch-action:none;cursor:grab}
.wf-globe:active{cursor:grabbing}
.wf-globe:after{content:'';position:absolute;inset:0;border-radius:50%;background:repeating-linear-gradient(90deg,transparent 0 17px,#ffffff1a 20px 23px,transparent 26px 42px);background-size:250% 100%;background-position:var(--wf-turn,0%) 0;mix-blend-mode:screen}
.wf-detail [data-wf-name]{font-size:clamp(1.5rem,2.5vw,2.2rem);margin:4px 0}
.wf-detail [data-wf-text]{color:#cad6e2;font-size:.91rem;line-height:1.6}
.wf-label{font-size:.67rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase;color:var(--wf-gold)}
.wf-rows{margin:16px 0;display:grid;gap:13px}
.wf-rows>div{padding:12px;background:#081522b3;border:1px solid #48616a80;border-radius:4px}
.wf-rows p{margin:5px 0 0;color:#e4eaf0;line-height:1.45;font-size:.88rem}
.wf-detail-links{display:flex;gap:8px;flex-wrap:wrap}
.wf-detail-links a,.wf-link{display:inline-flex;align-items:center;min-height:42px;padding:9px 12px;background:#304452;color:#f0f7ff!important;border:1px solid #87a6ad;border-radius:4px;font-size:.83rem;font-weight:800;text-decoration:none}
.wf-detail-links a:hover,.wf-link:hover{background:#516478;color:white!important}
.wf-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:17px}
.wf-live-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:14px}
.wf-cycle{padding:13px;border:1px solid #637e8e8c;background:#0a1724;border-radius:4px;min-width:0}
.wf-cycle strong{display:block;color:#f4e3c7;font-size:.84rem;margin-bottom:5px}
.wf-cycle .wf-cycle-state{display:block;font-size:1.1rem;font-weight:850;color:#f4f7fb;overflow-wrap:anywhere}
.wf-cycle small{display:block;color:#c3d2db;margin-top:3px}
.wf-status{font-size:.85rem;color:#c3d2db;line-height:1.5}
.wf-farm label{display:block;font-weight:800;margin-top:12px;font-size:.84rem}
.wf-farm input{display:block;width:100%;min-height:46px;color:#fff;background:#091622;border:1px solid #829eab;border-radius:4px;padding:10px;margin:8px 0}
.wf-results{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:6px;max-height:350px;overflow-y:auto}
.wf-results li{padding:10px;background:#0c1b29;border:1px solid #54677885;border-radius:4px}
.wf-results button{background:none;border:0;color:#e1efff;text-align:left;padding:0;cursor:pointer;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.wf-results small{display:block;color:#b7c7d3;margin-top:3px}
.wf-notes{margin:20px auto 0;border-top:1px solid #7592a455;padding-top:20px;max-width:105ch;font-size:.87rem;line-height:1.6;color:#c6d1dc}
.wf-notes a{color:#d8c7ff}
.wf-missions{margin-top:22px;border-top:1px solid #68839780;padding-top:18px}
.wf-missions h3{margin:7px 0 8px;font-size:1.3rem}
.wf-mission-list{list-style:none;margin:12px 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.wf-mission-button{display:grid;gap:3px;text-align:left;width:100%;background:#1a3543;color:#f1f6fa;border:1px solid #7a99a8;border-radius:4px;cursor:pointer;min-height:54px;padding:9px}
.wf-mission-button span{font-size:.73rem;color:#bed2dc}
.wf-mission-button:hover,.wf-mission-button:focus-visible{background:#305366;border-color:#dbeac0}
.wf-mission-detail{background:#091723;border:1px solid #7893a4aa;padding:14px;border-radius:5px;margin-top:12px;min-height:85px}
.wf-mission-detail h4{font-size:1.08rem;margin:6px 0 11px}
.wf-mission-detail .wf-link{margin:5px 5px 0 0}
.wf-mission-stats{display:grid;gap:8px;margin:0 0 9px}
.wf-mission-stats div{border-bottom:1px solid #5b70805c;padding-bottom:7px}
.wf-mission-stats dt{font-size:.7rem;text-transform:uppercase;letter-spacing:.09em;font-weight:850;color:#e3c89d}
.wf-mission-stats dd{font-size:.86rem;line-height:1.45;color:#edf3f6;margin:3px 0 0}
.wf-no-missions{color:#c0d2df;grid-column:1/-1;padding:12px;background:#0d1e2d}
.wf-briefings,.wf-ecosystem{margin-top:22px;padding:clamp(15px,2vw,25px);border:1px solid #71859777;background:linear-gradient(120deg,#11222e,#141a28);border-radius:7px}
.wf-briefing-grid,.wf-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.wf-briefing-grid article,.wf-tool-grid article{min-width:0;padding:clamp(13px,1.8vw,19px);background:linear-gradient(155deg,#172b3be6,#101827ee);border:1px solid #6d849674;border-radius:5px}
.wf-briefing-grid article{border-top:3px solid #cbb484}
.wf-tool-grid article{border-top:3px solid #8cb5c4}
.wf-tool-grid span{font-size:.7rem;letter-spacing:.1em;font-weight:850;color:#c3dc9a}
.wf-briefing-grid h3,.wf-tool-grid h3{font-size:1.23rem;margin:9px 0}
.wf-briefing-grid p,.wf-tool-grid p{font-size:.89rem;line-height:1.62;color:#d3e0ea}
.wf-briefing-grid a,.wf-tool-grid a{font-size:.85rem;color:#d6c6ff;font-weight:800}
.wf-briefing-grid a:hover,.wf-tool-grid a:hover{text-decoration:underline}
@media(max-width:950px){.wf-briefing-grid,.wf-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){.wf-briefing-grid,.wf-tool-grid{grid-template-columns:1fr}}
@media(max-width:1050px){.wf-shell{grid-template-columns:1fr}.wf-scene{min-height:435px}.wf-grid{grid-template-columns:1fr}}
@media(max-width:650px){.wf-hub{padding:9px}.wf-intro{grid-template-columns:1fr}.wf-scene{min-height:410px}.wf-planet{font-size:.63rem;min-width:42px}.wf-planet i{width:calc(var(--sz) * .8);height:calc(var(--sz) * .8)}.wf-detail-head{align-items:flex-start}.wf-globe{width:76px}.wf-live-list{grid-template-columns:1fr 1fr}.wf-orbit-c{width:105%}}
@media(max-width:380px){.wf-live-list{grid-template-columns:1fr}.wf-scene{min-height:365px}}
@media(prefers-reduced-motion:reduce){.wf-hub *, .wf-hub *:before,.wf-hub *:after{animation:none!important;transition:none!important}}