/* FRONTIER // DECODED — the depth globe (maps.html opening) */
.gr{position:relative;height:calc(100dvh - 64px);min-height:520px;background:radial-gradient(ellipse at 50% 55%,#06393e 0%,#04191c 45%,#020c0e 100%);overflow:hidden;outline:none;color:#e9f4f5;font-family:Inter,system-ui,sans-serif}
.gr:fullscreen{height:100vh}
.gr-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab;touch-action:none}
.gr.gr-drag .gr-canvas{cursor:grabbing}
.gr-top{position:absolute;left:20px;top:18px;right:20px;display:flex;gap:14px;align-items:flex-start;pointer-events:none;z-index:3}
.gr-title{pointer-events:auto}.gr-title small{display:block;font:600 11px "JetBrains Mono",monospace;letter-spacing:.16em;text-transform:uppercase;color:#30CBDD}
.gr-title h1{font:800 clamp(30px,4.6vw,64px)/.95 Exo,"Saira Condensed",sans-serif;margin:6px 0 0;letter-spacing:-.015em;color:#fff}
.gr-tools{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;pointer-events:auto}
.gr-tools button,.gr-tools a{height:38px;min-width:38px;padding:0 13px;border-radius:999px;border:1px solid rgba(48,203,221,.35);background:rgba(2,18,20,.72);backdrop-filter:blur(6px);color:#e9f4f5;font:600 13px Inter,sans-serif;cursor:pointer;display:inline-flex;align-items:center;gap:6px;text-decoration:none}
.gr-tools button[aria-pressed="true"],.gr-tools button[aria-expanded="true"]{border-color:#30CBDD;color:#30CBDD}
.gr-tools .gr-add{background:#30CBDD;color:#002;border-color:#30CBDD}
.gr-chips{position:absolute;left:20px;bottom:20px;right:20px;display:flex;flex-wrap:wrap;gap:6px;z-index:3;pointer-events:none}
.gr-chip{pointer-events:auto;display:inline-flex;align-items:center;gap:7px;padding:5px 6px 5px 11px;border-radius:999px;background:rgba(2,18,20,.78);border:1px solid rgba(48,203,221,.25);font:500 12px "JetBrains Mono",monospace;color:#cfe0e2;backdrop-filter:blur(6px)}
.gr-chip i,.gr-panel i{width:9px;height:9px;border-radius:50%;display:inline-block;flex:none}
.gr-chip button{width:22px;height:22px;border-radius:50%;border:0;background:rgba(255,255,255,.08);color:#fff;cursor:pointer}
.gr-panel{position:absolute;right:20px;top:66px;width:min(360px,calc(100% - 40px));max-height:calc(100% - 140px);overflow:auto;z-index:5;background:rgba(2,18,20,.94);border:1px solid rgba(48,203,221,.3);border-radius:16px;padding:12px 14px;backdrop-filter:blur(10px);box-shadow:0 30px 60px rgba(0,0,0,.5)}
.gr-panel fieldset{border:0;margin:0 0 8px;padding:0}.gr-panel legend{font:600 10.5px "JetBrains Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:#30CBDD;padding:8px 0 4px}
.gr-panel label{display:flex;align-items:center;gap:9px;padding:6px 4px;border-radius:8px;cursor:pointer;font-size:14px}.gr-panel label:hover{background:rgba(48,203,221,.07)}
.gr-panel label span{flex:1}.gr-panel small{font:500 11px "JetBrains Mono",monospace;color:#8fb3b7}
.gr-panel input{accent-color:#30CBDD;width:16px;height:16px}
.gr-pfoot{display:flex;gap:10px;flex-wrap:wrap;align-items:center;border-top:1px solid rgba(48,203,221,.2);padding-top:10px;margin-top:4px;font-size:13px}
.gr-pfoot button{border:1px solid rgba(48,203,221,.3);background:transparent;color:#e9f4f5;border-radius:999px;padding:5px 11px;cursor:pointer}.gr-pfoot a{color:#30CBDD}
.gr-card{position:absolute;left:20px;bottom:70px;width:min(360px,calc(100% - 40px));z-index:4;background:rgba(2,18,20,.92);border:1px solid rgba(48,203,221,.35);border-radius:16px;padding:14px 16px;backdrop-filter:blur(10px)}
.gr-card b{display:block;font:700 18px/1.25 Inter,sans-serif;margin:4px 30px 6px 0}.gr-card p{margin:0 0 10px;font-size:13.5px;line-height:1.55;color:#cfe0e2}
.gr-k{font:600 10.5px "JetBrains Mono",monospace;letter-spacing:.12em;text-transform:uppercase}.gr-src{display:block;margin-top:8px;font:500 10.5px "JetBrains Mono",monospace;color:#6f9094}
.gr-btn{display:inline-block;border:1px solid #30CBDD;color:#30CBDD;border-radius:999px;padding:6px 12px;font:600 12.5px Inter,sans-serif;text-decoration:none;margin-right:6px}
.gr-x{position:absolute;right:10px;top:10px;width:30px;height:30px;border-radius:50%;border:1px solid rgba(48,203,221,.3);background:transparent;color:#fff;cursor:pointer;font-size:17px}
.gr-list{position:absolute;right:20px;top:66px;bottom:66px;width:min(340px,calc(100% - 40px));overflow:auto;z-index:4;background:rgba(2,18,20,.94);border:1px solid rgba(48,203,221,.3);border-radius:16px;padding:14px 16px}
.gr-list h3{margin:0 0 6px;font:800 20px Exo,sans-serif}.gr-list h4{margin:12px 0 4px;font:600 11px "JetBrains Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:#30CBDD}
.gr-list ol{margin:0;padding-left:18px;font-size:13px}.gr-list li button{background:none;border:0;color:#e9f4f5;text-align:left;cursor:pointer;padding:3px 0;font:inherit}.gr-list li button:hover{color:#30CBDD}
.gr-hint{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);font:600 10.5px "JetBrains Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:rgba(159,188,192,.75);z-index:2;pointer-events:none;white-space:nowrap}
.gr-nogl .gr-canvas{display:none}.gr-nogl:after{content:"3D needs WebGL — use the list and the maps below.";position:absolute;inset:auto 0 45% 0;text-align:center;color:#9fbcc0}
.gr-scroll{position:absolute;right:22px;bottom:22px;z-index:3;font:600 11px "JetBrains Mono",monospace;letter-spacing:.12em;color:#30CBDD;text-decoration:none}
[hidden]{display:none!important}
@media(max-width:700px){.gr{height:calc(100dvh - 56px)}.gr-top{flex-direction:column}.gr-tools{margin-left:0;justify-content:flex-start}.gr-hint{display:none}.gr-card{bottom:110px}.gr-chips{bottom:12px}}