.tabs{display:flex;gap:4px;background:var(--glass);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:12px;padding:4px}
.tabs a{color:var(--muted);text-decoration:none;font:600 13px var(--sans);padding:7px 12px;border-radius:9px}
.tabs a.on{background:rgba(255,181,71,.16);color:var(--acc)}
.landstats{margin-left:auto;display:flex;gap:14px;font:12px var(--mono);color:var(--muted);white-space:nowrap}
.landstats b{color:var(--ink)}
.parcel{width:330px;bottom:auto;top:84px}
.parcel h3{margin:6px 0 8px;font-size:20px}
.parcel p{color:#c3ccd5;font-size:14px;line-height:1.5;margin:0}
.pk{font:600 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--acc)}
.tier{display:inline-block;margin-top:8px;font:700 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;padding:4px 9px;border-radius:999px;background:rgba(255,255,255,.08)}
.tier.legendary{background:rgba(255,181,71,.2);color:#ffd18a}.tier.epic{background:rgba(168,85,247,.2);color:#d8b4fe}.tier.rare{background:rgba(56,189,248,.18);color:#7dd3fc}.tier.uncommon{background:rgba(74,222,128,.16);color:#86efac}
.legend2{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px;font-size:11px;color:var(--muted)}
.legend2 i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px}
.feats{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 12px}
.feats span{font:600 11px var(--mono);padding:4px 8px;border-radius:8px;border:1px solid var(--line);color:#d6dde4}
.act{display:grid;gap:8px}
.act button{justify-content:center}
.fine{color:var(--muted)!important;font-size:12px!important;margin-top:10px!important}
.x{position:absolute;top:10px;right:10px;background:transparent;color:var(--muted);font-size:22px;padding:2px 10px;border:0}
.x:hover{color:var(--ink)}
.toast{position:absolute;left:50%;top:84px;transform:translateX(-50%);z-index:6;background:rgba(7,8,13,.9);border:1px solid var(--acc);color:var(--ink);padding:10px 16px;border-radius:12px;font:600 14px var(--sans)}
.modal{position:fixed;inset:0;z-index:20;background:rgba(3,4,8,.7);backdrop-filter:blur(6px);display:grid;place-items:center;padding:16px}
.mbox{position:relative;width:min(480px,100%);background:#0f121a;border:1px solid var(--line);border-radius:20px;padding:22px;display:grid;gap:12px}
.mbox h3{margin:0;font-size:24px}
.mbox label{display:grid;gap:6px;font:600 12px var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.mbox input{background:#080a10;border:1px solid var(--line);border-radius:12px;color:var(--ink);font:15px var(--sans);padding:12px}
.mbox input:focus{outline:2px solid var(--acc);border-color:transparent}
.muted{color:var(--muted)}
.route{border:1px solid var(--line);border-radius:14px;padding:12px}
.rk{font:600 11px var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}
.bar3{display:flex;height:10px;border-radius:99px;overflow:hidden;gap:2px}
.rl{display:grid;gap:4px;margin-top:10px;font-size:13px;color:#c3ccd5}
.rl b{font-family:var(--mono);color:var(--ink)}
.big{padding:14px;justify-content:center;font-size:15px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:48px 0}
.reasons{padding-left:18px;color:#c3ccd5;line-height:1.6;max-width:820px}
.reasons li{margin-bottom:10px}
.archi{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:14px}
.isle{border:1px solid var(--line);border-radius:16px;padding:16px;background:linear-gradient(180deg,rgba(168,85,247,.08),transparent)}
.isle.main{background:linear-gradient(180deg,rgba(255,181,71,.1),transparent);border-color:rgba(255,181,71,.4)}
.isle.empty{border-style:dashed;color:var(--muted)}
.isle b{font-size:18px}
.isle .s{font:12px var(--mono);color:var(--muted);margin-top:6px}
.owners{display:grid;gap:8px;margin-top:14px;max-width:640px}
.orow{display:grid;grid-template-columns:30px 1fr auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:10px 14px;font-size:14px}
.orow.me{border-color:var(--acc)}
.orow .n{font:700 14px var(--mono);color:var(--muted)}
.orow .c{font:600 14px var(--mono)}
section h2{margin-top:56px}
@media (max-width:760px){
  .landstats{display:none}
  .parcel{top:auto;bottom:70px;left:12px;right:12px;width:auto;max-height:46svh;overflow:auto}
  #intro p{display:none}
  .grid4{grid-template-columns:1fr 1fr}
}
