*{box-sizing:border-box}html,body{color:#f2f4ef;background:#1b2420;height:100%;margin:0;font-family:system-ui,sans-serif;overflow:hidden}canvas.scene{display:block}.overlay{z-index:10;background:#0f16128c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.overlay[hidden]{display:none}.card{background:#1c2620f0;border-radius:14px;width:100%;max-width:560px;padding:28px 32px;box-shadow:0 20px 60px #0006}.card h1{margin:0 0 4px;font-size:32px}.card h2{margin:0 0 8px}.lead{color:#b8c7b5;margin:0 0 20px}label{color:#c9d6c6;margin:12px 0;font-size:14px;display:block}input#relation{color:#fff;background:#121a16;border:1px solid #4b5d50;border-radius:8px;width:100%;margin-top:6px;padding:10px 12px;font-size:16px;display:block}.examples{color:#9fb09c;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:flex}.examples button{color:#dfe9dc;cursor:pointer;background:#2f4136;border:0;border-radius:6px;padding:5px 9px;font-size:13px}.check input{margin-right:6px}.when{color:#c9d6c6;margin:12px 0;font-size:14px}.when .check{margin:4px 0 0 4px}button.primary{color:#fff;cursor:pointer;background:#4c8c4a;border:0;border-radius:9px;width:100%;margin-top:10px;padding:13px;font-size:17px;font-weight:600}button.primary:disabled{opacity:.5;cursor:wait}#progress{color:#b8c7b5;white-space:pre-line;min-height:1.2em;margin-top:14px;font-size:14px}#progress.error{color:#ff9b8a}.keys{border-collapse:collapse;width:100%;margin-top:10px;font-size:14px}.keys td{border-top:1px solid #34453a;padding:5px 0}.keys td:first-child{color:#fff;width:45%;font-weight:600}#hud{pointer-events:none;z-index:5;position:fixed;inset:0}#hud[hidden]{display:none}#stats{background:#0f161299;border-radius:10px;padding:10px 14px;font-size:14px;line-height:1.6;position:absolute;top:46px;left:14px}#status{text-shadow:0 1px 3px #000;font-size:14px;font-weight:600;position:absolute;top:64px;left:50%;transform:translate(-50%)}#minimap{border:3px solid #fffc;border-radius:50%;width:220px;height:220px;position:absolute;top:14px;right:14px;box-shadow:0 4px 20px #00000059}#profile{background:#0f161273;border-radius:8px;width:calc(100% - 28px);height:70px;position:absolute;bottom:30px;left:14px;right:14px}#info{background:#0f1612c7;border-radius:12px;width:320px;padding:14px;font-size:14px;line-height:1.45;position:absolute;top:250px;right:14px}#info img{object-fit:cover;border-radius:8px;width:100%;max-height:180px;margin-bottom:8px}#info .kind{color:#9fd39a;text-transform:uppercase;letter-spacing:.06em;font-size:12px}#info .name{margin:2px 0 6px;font-size:19px;font-weight:700}#info .text{color:#dbe4d8;white-space:pre-line;max-height:220px;overflow:hidden}#info .credit{pointer-events:auto;margin-top:8px;font-size:11px}#info .credit a{color:#9fb09c}#credits{color:#ffffffb3;pointer-events:auto;white-space:nowrap;text-overflow:ellipsis;font-size:10px;position:absolute;bottom:6px;left:14px;right:14px;overflow:hidden}#credits a{color:inherit}#search{z-index:11;width:min(420px,100% - 520px);min-width:220px;position:fixed;top:14px;left:50%;transform:translate(-50%)}#search[hidden]{display:none}.search input{color:#fff;background:#0f1612b8;border:1px solid #ffffff40;border-radius:10px;outline:none;width:100%;padding:9px 14px;font-size:15px}#start-search{margin-top:6px;position:relative}#start-search ul{z-index:2;position:absolute;left:0;right:0}.search input:focus{background:#0f1612e6;border-color:#9fd39a}.search ul{background:#0f1612eb;border-radius:10px;max-height:60vh;margin:4px 0 0;padding:4px;list-style:none;overflow-y:auto}.search ul:empty{display:none}.search li{cursor:pointer;border-radius:7px;justify-content:space-between;gap:10px;padding:6px 10px;font-size:14px;display:flex}.search li.active,.search li:hover{background:#2f4136}.search li .kind{color:#9fb09c;white-space:nowrap;font-size:12px}@media (width<=700px){#search{width:calc(100% - 28px);top:auto;bottom:110px}#minimap{width:130px;height:130px}#info{width:auto;top:auto;bottom:110px;left:14px}}#panorama{pointer-events:none;z-index:2;position:fixed;inset:0;overflow:hidden}.pano-label{will-change:transform;position:absolute;top:0;left:0}.pano-label>div{text-align:center;white-space:nowrap;background:#121a148c;border-radius:4px;padding:2px 7px 3px;position:absolute;bottom:14px;left:0;transform:translate(-50%)}.pano-label b{color:#fff;font:600 13px/1.2 system-ui,sans-serif;display:block}.pano-label span{color:#d9e3d6;font:11px/1.2 system-ui,sans-serif;display:block}.pano-label:after{content:"";background:#ffffffd9;width:1px;height:14px;position:absolute;bottom:0;left:0}.pano-town b,.pano-village b{color:#ffe3a6}.pano-tower b{color:#cfe6ff}#bigmap{z-index:50;background:#d9dccf;border-radius:10px;position:fixed;inset:24px;overflow:hidden;box-shadow:0 8px 40px #00000080}#bigmap canvas{cursor:grab;width:100%;height:100%;display:block}#bigmap p{color:#333;background:#ffffffb3;border-radius:4px;margin:0;padding:2px 8px;font:12px system-ui,sans-serif;position:absolute;bottom:8px;right:12px}.account{border-top:1px solid #ffffff1a;margin-top:18px;padding-top:14px;font-size:14px}.account-form{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.account-form input{color:#e8eee6;background:#1d241d;border:1px solid #4a5a4a;border-radius:6px;flex:1;min-width:180px;padding:7px 10px;font-size:14px}.account-form button{color:#fff;cursor:pointer;background:#4f8a3c;border:0;border-radius:6px;padding:7px 14px}.account-form button:disabled{opacity:.6;cursor:default}.account-note{color:#c9d6c6;margin:8px 0 0}.account-note.error{color:#f0a090}.account a{color:#a9d39a}#help{pointer-events:none;z-index:40;background:#0a0e0a59}#help-hint{z-index:6;color:#e8eee6;pointer-events:none;background:#141c1499;border-radius:6px;padding:5px 10px;font:13px system-ui,sans-serif;position:fixed;top:16px;left:calc(50% + max(min(210px,50% - 260px),110px) + 10px)}#help-hint b,.hint b{text-align:center;background:#ffffff26;border-radius:4px;min-width:1.2em;padding:0 4px;display:inline-block}.hint{color:#c9d6c6;font-size:14px}@media (width<=700px){#help-hint{left:50%;transform:translate(-50%)}}.featured{color:#c9d6c6;flex-wrap:wrap;gap:6px;margin:4px 0 14px;font-size:13px;display:flex}.featured span{width:100%}.featured button{color:#e8eee6;cursor:pointer;background:#4f8a3c2e;border:1px solid #4f6b47;border-radius:16px;padding:5px 12px;font-size:13px}.featured button:hover{background:#4f8a3c66}#about-link{z-index:12;pointer-events:auto;color:#bfe6b0;background:#0f161299;border-radius:8px;padding:4px 12px;font-size:14px;text-decoration:none;position:fixed;top:14px;left:14px}#about-link:hover{text-decoration:underline}#about-link[hidden]{display:none}.hint a{color:#bfe6b0}#cache-prompt{z-index:6;color:#e8eee6;pointer-events:none;background:#141c14bf;border-radius:8px;padding:7px 14px;font-size:14px;position:fixed;bottom:120px;left:50%;transform:translate(-50%)}#cache-prompt b,#cache-card .hint b{text-align:center;background:#ffffff26;border-radius:4px;min-width:1.2em;padding:0 4px;display:inline-block}#cache-card{z-index:12;background:#1c2620f2;border-radius:10px;width:min(380px,100% - 28px);padding:14px 18px;font-size:14px;position:fixed;bottom:110px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0006}#cache-card small{color:#a9d39a;letter-spacing:.05em}#cache-card h3{margin:4px 0 6px;font-size:18px}#cache-card p{margin:6px 0}#cache-card a{color:#bfe6b0}#cache-prompt[hidden],#cache-card[hidden]{display:none}