.quest-navigation a{text-decoration:none}.quest-rail{display:none}.quest-dock{position:fixed;z-index:40;inset:auto 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:8px max(10px,env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom));border-top:1px solid #314252;background:#0d1725f5;backdrop-filter:blur(18px)}.quest-nav-link{position:relative;display:flex;align-items:center;gap:12px;color:#a4b7cd;border:0;background:none;border-radius:12px;min-height:48px;padding:12px;font-size:13px;font-weight:650;line-height:1.4;text-align:start}.quest-nav-link[aria-current],.quest-nav-link.is-current{color:var(--lime);background:#c6fa7010}.quest-nav-link:hover{background:#ffffff09;color:#f1f6ff}.quest-nav-link[aria-current]:hover{color:var(--lime)}.quest-dock .quest-nav-link{flex-direction:column;justify-content:center;gap:4px;padding:6px 3px;min-height:52px;font-size:11px}.quest-dock .quest-nav-link[aria-current]::before,.quest-dock .is-current::before{content:'';position:absolute;top:-8px;width:28px;height:3px;background:var(--lime);border-radius:0 0 4px 4px}.quest-dock i{position:absolute;top:5px;inset-inline-end:calc(50% - 20px);width:5px;height:5px;background:var(--lime);border-radius:50%}body:has(.quest-navigation){padding-bottom:calc(90px + env(safe-area-inset-bottom))}html{scroll-padding-bottom:110px}.quest-explore{border:1px solid #3a4c60;border-radius:24px 24px 0 0;width:min(100%,540px);max-width:100%;max-height:88dvh;margin:auto auto 0;padding:24px 22px calc(24px + env(safe-area-inset-bottom));background:#111d2d;color:var(--ink);box-shadow:0 -16px 70px #0006;overflow:auto}.quest-explore::backdrop{background:#040b17bd;backdrop-filter:blur(5px)}body:has(.quest-explore[open]){overflow:hidden}.explore-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.explore-heading h2{font-size:25px;margin-top:6px;letter-spacing:-.04em}.nav-close{display:grid;place-items:center;flex-shrink:0;border:1px solid #3b4c62;width:44px;height:44px;border-radius:50%;background:#1b2a3d;font-size:26px}.quest-explore nav{display:grid;gap:5px}.quest-explore .quest-nav-link{padding:14px 12px;min-height:65px}.quest-explore .quest-nav-link>svg{width:25px;height:25px;margin-inline-end:4px}.quest-explore .quest-nav-link small{display:block;font-size:12px;font-weight:400;color:#a0b1c5;margin-top:4px}.quest-explore .quest-nav-link b{margin-inline-start:auto;color:#7489a3;font-size:22px}.explore-note{font-size:11px;color:#8fa5ba;margin:22px 8px 0}.brand{text-decoration:none;color:var(--ink)}.vocabulary-help{margin:12px 0;font-size:12px}.vocabulary-help summary{width:fit-content;min-height:44px;display:flex;align-items:center;gap:8px;color:#b7cfed;cursor:pointer;list-style:none}.vocabulary-help summary::before{content:'Aa';font:700 12px Consolas,monospace;border:1px solid #456178;border-radius:6px;padding:4px}.vocabulary-help[open]{padding:0 12px 12px;border:1px solid #3b5066;border-radius:10px;background:#122031}.vocabulary-help dl{margin:3px 0 12px;display:grid;gap:10px}.vocabulary-help dt{font-weight:700;color:var(--gold);direction:ltr;text-align:start}.vocabulary-help dd{margin:2px 0 0;color:#becedf;line-height:1.7}.vocabulary-help a{color:var(--lime);font-size:12px;display:inline-block;padding:8px 0}.vocabulary-help .word-note{font-size:11px;color:#93a8bd;margin-bottom:8px}
@media(min-width:1100px){body:has(.quest-navigation){padding-inline-start:224px;padding-bottom:0}.app-shell{padding-inline:28px}.quest-dock{display:none}.quest-rail{position:fixed;display:flex;flex-direction:column;inset-block:0;inset-inline-start:0;width:224px;z-index:35;padding:28px 14px 20px;background:#0b1421;border-inline-end:1px solid #243447;overflow-y:auto}.rail-mark{display:flex;align-items:center;gap:12px;padding:0 13px 28px;color:#b1c8df;font:700 11px Consolas,monospace;letter-spacing:.1em}.quest-rail .quest-nav-link{margin-bottom:6px}.quest-rail .quest-nav-link[aria-current]{box-shadow:inset 0 0 0 1px #c6fa702b}.quest-rail .quest-nav-link[aria-current]::after{content:'';width:5px;height:5px;border-radius:50%;background:var(--lime);margin-inline-start:auto;flex-shrink:0}.nav-group-label{font-size:9px;letter-spacing:.12em;color:#6f879e;font-weight:800;padding:20px 13px 10px}.rail-footer{margin-top:auto;padding:35px 14px 0;color:#8298af;font-size:12px;line-height:1.8}.rail-footer>span{font-size:24px;color:var(--gold)}.rail-footer p{max-width:135px;margin-top:8px}.quest-explore{margin:auto;border-radius:24px}html{scroll-padding-bottom:24px}}
@media(min-width:761px) and (max-width:1099px){.quest-dock{inset-inline:calc(50% - 260px);bottom:14px;border:1px solid #3a4c60;border-radius:20px;padding:8px;width:520px}.quest-dock .quest-nav-link{flex-direction:row;font-size:12px;padding:8px}.quest-dock .quest-nav-link[aria-current]::before,.quest-dock .is-current::before{top:-8px}}
.quest-explore[open]:not(.no-nav-motion){animation:explore-in .22s ease-out}@keyframes explore-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
quest-connection{display:block;margin:0 0 4px}.quest-connection{display:inline-flex;align-items:center;gap:7px;color:#93b0c8;font-size:10px;min-height:32px;text-decoration:none}.quest-connection>span{font-size:15px;color:#a6c78e}.quest-connection.is-offline{color:var(--gold)}.quest-connection.is-offline>span{color:var(--gold)}.league-offline{padding:28px;border:1px solid #48583d;background:#1b2d25;border-radius:16px;margin-top:20px}.league-offline h2{font-size:22px}.league-offline p{font-size:13px;color:#b8cabc;line-height:1.9;margin:15px 0}.league-offline .arena-button{display:inline-block;margin-inline-end:12px}.runtime-note a{color:var(--lime);display:inline-block;margin-inline-start:8px;padding:8px 0}