*{box-sizing:border-box}body{margin:0;background:#102126;color:#f4f7f5;font:16px system-ui,sans-serif;overflow:hidden}#world{position:fixed;inset:0;width:100%;height:100%;touch-action:none}header{position:absolute;top:24px;left:28px;right:28px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}header a{pointer-events:auto}.brand{font-size:30px;font-weight:700;letter-spacing:-1.5px;text-decoration:none}.brand span{color:#b3e270}a{color:inherit}.back,button{background:#142b32e8;border:1px solid #81949770;color:inherit;border-radius:7px;padding:11px 14px;font:inherit;cursor:pointer;text-decoration:none;min-height:44px}button:hover,.back:hover{background:#31545b}.panel{position:absolute;top:96px;left:28px;width:280px;padding:20px;background:#102126ec;border:1px solid #66828a5c;border-radius:12px;backdrop-filter:blur(12px)}.eyebrow{font-size:12px;letter-spacing:2px;color:#b3e270;margin:0 0 10px}h1{font-size:26px;margin:0 0 10px;letter-spacing:-.8px}#status{font-size:14px;line-height:1.5;color:#c9d9dc;min-height:42px}.modes{display:flex;gap:5px;margin:18px 0 10px}.modes button{flex:1;font-size:14px;padding:9px}.modes [aria-pressed=true]{background:#b3e270;color:#102126;border-color:#b3e270}#home{width:100%;margin-bottom:14px}.toggle{display:flex;gap:10px;align-items:center;font-size:14px;margin:12px 0}.toggle input{width:18px;height:18px;accent-color:#b3e270}.range{display:block;margin-top:16px;font-size:14px}.range input{display:block;width:100%;accent-color:#b3e270;margin:12px 0}#about{background:none;padding:6px 0;border:0;font-size:14px;text-decoration:underline}aside{position:absolute;right:28px;bottom:92px;background:#102126e8;border:1px solid #66828a5c;border-radius:12px;padding:14px;width:230px;display:grid;gap:10px;font-size:12px}#minimap{width:200px;height:200px;border-radius:5px;cursor:crosshair}#position{font-size:14px;font-weight:600}.movement{position:absolute;bottom:100px;left:28px;display:grid;grid-template-columns:repeat(3,48px);gap:6px}.movement button{font-size:22px;padding:8px;touch-action:none;user-select:none}#reticle{position:absolute;top:50%;left:50%;color:#ffffffa0;pointer-events:none}footer{position:absolute;bottom:0;left:0;right:0;background:#102126eb;padding:16px 28px;display:flex;justify-content:space-between;gap:14px;align-items:center;font-size:12px}#hint{font-size:14px}#loading,#failure{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#102126;padding:24px;border-radius:12px}dialog{max-width:580px;width:calc(100% - 32px);max-height:85vh;background:#102126;color:#f4f7f5;border:1px solid #66828a;border-radius:12px;padding:28px;line-height:1.6}dialog::backdrop{background:#000a}#close{float:right;font-size:24px}dialog p{color:#d3dfe1}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #b3e270;outline-offset:3px}@media(max-width:720px){header{top:16px;left:16px;right:16px}.brand{font-size:24px}.back{font-size:14px;padding:9px}.panel{top:76px;left:16px;width:230px;padding:14px;max-height:calc(100dvh - 260px);overflow:auto}h1{font-size:22px}.eyebrow{font-size:12px;letter-spacing:1px}#status{margin:6px 0;min-height:0}aside{right:16px;bottom:110px;width:140px;padding:10px}#minimap{width:118px;height:118px}aside span:last-child{display:none}.movement{left:16px;bottom:110px}footer{padding:10px 16px;flex-direction:column;align-items:flex-start;font-size:12px}#hint{font-size:12px}.toggle{margin:8px 0}.range{margin-top:8px}.modes{margin:10px 0}}@media(max-height:650px){.panel{max-height:calc(100dvh - 200px);overflow:auto}aside{bottom:70px}.movement{bottom:70px}}

.panel{max-height:calc(100dvh - 300px);overflow:auto;scrollbar-width:thin}#overview{width:100%;margin-bottom:8px}#home{margin-bottom:12px}.quality{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px}.quality select{max-width:125px;min-height:38px;padding:6px;background:#18373d;color:#f4f7f5;border:1px solid #81949770;border-radius:6px;font:inherit}.source-note{font-size:12px;line-height:1.5;color:#c9d9dc}.source-links{display:grid;gap:8px;margin:14px 0;font-size:13px}.source-links a{padding:5px 0;text-underline-offset:3px}details{border-top:1px solid #66828a5c;padding-top:12px;font-size:13px}summary{cursor:pointer;min-height:30px}select:focus-visible,summary:focus-visible{outline:3px solid #b3e270;outline-offset:3px}[hidden]{display:none!important}@media(max-width:720px){.panel{max-height:calc(100dvh - 300px)}}@media(max-height:650px){.panel{max-height:calc(100dvh - 250px)}}