.abode-atlas-a{--aa-0:#e7dfcb;--aa-1:#111916;--aa-2:#d3b575;--aa-3:#1a1a1a;--aa-4:#393c30;--aa-5:#242820;--aa-6:#453d29;--aa-7:#b29a61;--aa-8:#f0d598;--aa-9:#111;--aa-10:#b8bca9;--aa-11:#141e1b;--aa-12:#303e2c;--aa-13:#69765166;--aa-14:#87936725;--aa-15:#756e4f;--aa-16:#263c2d;--aa-17:#ac9765;--aa-18:#a39c6e77;--aa-19:#a79563;--aa-20:#9a8558;--aa-21:#29392a;--aa-22:#c0aa6b66;--aa-23:#c0aa6b44;--aa-24:#74805a;--aa-25:#354f3a;--aa-26:#bd9b60;--aa-27:#a1956b;--aa-28:#505941;--aa-29:#85764e;--aa-30:#1c281f;--aa-31:#e6d098;--aa-32:#e5c47f;--aa-33:#433c29;--aa-34:#dbc38a;--aa-35:#5b6041;--aa-36:#8c895f;--aa-37:#344829;--aa-38:#9b9465;--aa-39:#a1ae7066;--aa-40:#a3a17d;--aa-41:#86b4a144;--aa-42:#2c5041;--aa-43:#a5c9ae55;--aa-44:#798467;--aa-45:#526145;--aa-46:#18291e;--aa-47:#a09c72;--aa-48:#ac8653;--aa-49:#55432d;--aa-50:#8b7045;--aa-51:#d0a261;--aa-52:#473424;--aa-53:#a18d60;--aa-54:#716746;--aa-55:#b1a06b;--aa-56:#566047;--aa-57:#81866a;--aa-58:#18271d;--aa-59:#b19c6a;--aa-60:#566046;--aa-61:#909576;--aa-62:#9a9e7b;--aa-63:#c2b17a;--aa-64:#bcac7c;--aa-65:#98824f;--aa-66:#3f4931;--aa-67:#2a3324;--aa-68:#b09658;--aa-69:#818858;--aa-70:#687c50;--aa-71:#ad9a79;--aa-72:#b88e88;--aa-73:#c1c1af;--aa-74:#b4b5a7;}
[data-theme="light"] .abode-atlas-a{--aa-0:#3a3c43;--aa-1:#e7e5e6;--aa-2:#414b62;--aa-3:#e5e5e5;--aa-4:#dddddf;--aa-5:#e2e1e3;--aa-6:#dadce1;--aa-7:#4c5569;--aa-8:#374055;--aa-9:#e7e7e7;--aa-10:#4a494f;--aa-11:#e6e4e5;--aa-12:#dfdce0;--aa-13:#d2cfd866;--aa-14:#5b576625;--aa-15:#cfd1d8;--aa-16:#e2dde0;--aa-17:#4e5667;--aa-18:#51546477;--aa-19:#505668;--aa-20:#555c6c;--aa-21:#e1dde1;--aa-22:#474f6566;--aa-23:#474f6544;--aa-24:#625e6b;--aa-25:#ded8dd;--aa-26:#485469;--aa-27:#525665;--aa-28:#d8d6db;--aa-29:#cbcfd8;--aa-30:#e4e1e4;--aa-31:#3a4255;--aa-32:#3a465e;--aa-33:#dbdde1;--aa-34:#3e465a;--aa-35:#d5d4db;--aa-36:#5a5b69;--aa-37:#dfdae1;--aa-38:#545767;--aa-39:#524e6366;--aa-40:#51525f;--aa-41:#5c4c5244;--aa-42:#e0d8db;--aa-43:#51444e55;--aa-44:#605c66;--aa-45:#d7d4da;--aa-46:#e5e1e4;--aa-47:#535463;--aa-48:#4e5c6d;--aa-49:#d7dbe0;--aa-50:#cad0da;--aa-51:#425269;--aa-52:#dadfe2;--aa-53:#525969;--aa-54:#d0d2da;--aa-55:#4d5365;--aa-56:#d6d4da;--aa-57:#5d5c65;--aa-58:#e5e2e4;--aa-59:#4d5465;--aa-60:#d6d4da;--aa-61:#585661;--aa-62:#55535f;--aa-63:#474d60;--aa-64:#494e5f;--aa-65:#555d6f;--aa-66:#dcd9df;--aa-67:#e1dfe2;--aa-68:#4d566c;--aa-69:#5d5b6c;--aa-70:#d2cdd8;--aa-71:#4e5560;--aa-72:#4a595b;--aa-73:#47474d;--aa-74:#4c4b50;}

.abode-atlas-a{max-width:428px;margin:auto;font:14px/1.6 Tahoma,sans-serif;color:var(--aa-0);background:var(--aa-1);--ac-gold:var(--aa-2);border-radius:16px;overflow:hidden}.abode-atlas-a *{box-sizing:border-box}.abode-atlas-a button{font:inherit;color:inherit;cursor:pointer}.abode-atlas-a .choices{display:flex;padding:12px;gap:6px;background:var(--aa-3)}.abode-atlas-a .choices button{flex:1;padding:10px 4px;border:1px solid var(--aa-4);background:var(--aa-5);border-radius:7px}.abode-atlas-a .choices [aria-pressed=true]{background:var(--aa-6);border-color:var(--aa-7);color:var(--aa-8)}.abode-atlas-a header{padding:16px 20px;background:var(--aa-9)}.abode-atlas-a h2{font-size:22px;font-weight:500;margin:4px 0}.abode-atlas-a .subtitle{font-size:12px;color:var(--aa-10)}.abode-atlas-a .map{position:relative;height:900px;isolation:isolate;background:var(--aa-11)}.abode-atlas-a .land{position:absolute;border-radius:50%;background:var(--aa-12);border:1px solid var(--aa-13);z-index:-2}.abode-atlas-a .land:before{content:'';position:absolute;inset:7px;border:1px solid var(--aa-14);border-radius:inherit}.abode-atlas-a .main{width:94%;height:370px;left:3%;top:26px}.abode-atlas-a .west{width:61%;height:208px;left:2%;top:445px}.abode-atlas-a .east{width:65%;height:233px;right:1%;top:660px}.abode-atlas-a .bridge{position:absolute;width:17px;height:84px;top:388px;left:36%;transform:rotate(17deg);background:repeating-linear-gradient(0deg,var(--aa-15) 0 3px,var(--aa-16) 4px 8px);border-inline:1px solid var(--aa-17);z-index:-1}.abode-atlas-a .bridge.two{top:627px;left:55%;transform:rotate(-35deg)}.abode-atlas-a .path{position:absolute;left:36%;top:125px;height:180px;width:30%;border-left:4px dotted var(--aa-18);border-radius:50%;transform:rotate(-25deg);z-index:-1}.abode-atlas-a .node{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:108px;min-height:116px;padding:0;border:0;background:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:10px}.abode-atlas-a .art{width:78px;height:74px;position:relative;display:flex;align-items:flex-end;justify-content:center;isolation:isolate}.abode-atlas-a .house{position:absolute;bottom:5px;width:57px;height:44px;border:1px solid var(--aa-19);background:repeating-linear-gradient(90deg,var(--aa-20) 0 2px,var(--aa-21) 2px 13px)}.abode-atlas-a .house:before{content:'';position:absolute;inset:6px 7px 5px;border:1px solid var(--aa-22);background:repeating-linear-gradient(0deg,transparent 0 8px,var(--aa-23) 9px 10px)}.abode-atlas-a .roof{position:absolute;top:-20px;left:-13px;right:-13px;height:24px;clip-path:polygon(0 75%,18% 63%,43% 12%,50% 0,57% 12%,82% 63%,100% 75%,95% 100%,5% 100%);background:repeating-linear-gradient(90deg,var(--aa-24) 0 3px,var(--aa-25) 4px 6px);border-bottom:3px solid var(--aa-26)}.abode-atlas-a .steps{position:absolute;bottom:0;width:70px;height:6px;background:repeating-linear-gradient(0deg,var(--aa-27) 0 1px,var(--aa-28) 2px 3px)}.abode-atlas-a .sign{position:relative;display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid var(--aa-29);background:var(--aa-30);padding:5px 6px;border-radius:3px;font-size:11px;min-height:31px;max-width:108px;color:var(--aa-31);z-index:5}.abode-atlas-a .sign svg{width:16px;height:16px;flex:none;background:none}.abode-atlas-a .node[aria-pressed=true] .sign{border-color:var(--aa-32);background:var(--aa-33)}.abode-atlas-a .tower .house{width:42px;height:64px}.abode-atlas-a .tower .roof{top:-13px;height:18px}.abode-atlas-a .tower .roof.second{top:22px;left:-11px;right:-11px}.abode-atlas-a .tower .house:after{content:'';position:absolute;left:17px;width:7px;top:5px;height:11px;background:var(--aa-34);border:2px solid var(--aa-35)}.abode-atlas-a .garden .house{width:76px;height:40px;border-color:var(--aa-36);background:repeating-linear-gradient(0deg,var(--aa-37) 0 7px,var(--aa-38) 8px 9px)}.abode-atlas-a .garden .house:before{inset:2px;background:radial-gradient(ellipse at center,var(--aa-39) 0 2px,transparent 3px);background-size:11px 9px;border:0}.abode-atlas-a .garden .roof,.abode-atlas-a .pool .roof,.abode-atlas-a .cave .roof,.abode-atlas-a .mine .roof,.abode-atlas-a .arena .roof{display:none}.abode-atlas-a .pool .house{width:78px;height:39px;border-radius:50%;border:3px double var(--aa-40);background:repeating-radial-gradient(ellipse,var(--aa-41) 0 1px,transparent 2px 8px),var(--aa-42)}.abode-atlas-a .pool .house:before{inset:8px;border-radius:50%;border:1px solid var(--aa-43);background:none}.abode-atlas-a .pool .steps{display:none}.abode-atlas-a .cave .house{width:72px;height:54px;border:1px solid var(--aa-44);border-radius:55% 45% 5% 8%;background:var(--aa-45);clip-path:polygon(0 100%,4% 50%,22% 18%,47% 0,77% 11%,93% 41%,100% 100%)}.abode-atlas-a .cave .house:before{inset:17px 19px 0;border-radius:50% 50% 0 0;background:var(--aa-46);border:1px solid var(--aa-47)}.abode-atlas-a .forge .house{width:49px;height:44px;border:2px solid var(--aa-48);border-radius:9px 9px 5px 5px;background:var(--aa-49)}.abode-atlas-a .forge .house:before{inset:12px 10px 6px;border:2px solid var(--aa-50);background:repeating-linear-gradient(90deg,var(--aa-51) 0 3px,var(--aa-52) 4px 7px)}.abode-atlas-a .forge .roof{clip-path:none;left:5px;top:-24px;width:11px;height:24px;border:1px solid var(--aa-53);background:repeating-linear-gradient(0deg,var(--aa-54) 0 6px,var(--aa-55) 7px 8px)}.abode-atlas-a .mine .house{width:80px;height:62px;clip-path:polygon(0 100%,6% 45%,22% 10%,39% 31%,60% 0,79% 23%,100% 100%);background:repeating-linear-gradient(125deg,var(--aa-56) 0 13px,var(--aa-57) 14px 15px,var(--aa-56) 16px 24px);border:0}.abode-atlas-a .mine .house:before{inset:36px 27px 0;background:var(--aa-58);border:3px solid var(--aa-59)}.abode-atlas-a .arena .house{width:75px;height:35px;background:repeating-linear-gradient(90deg,var(--aa-60) 0 11px,var(--aa-61) 12px 13px);border:1px solid var(--aa-62)}.abode-atlas-a .arena .house:before{inset:8px 27px 0;background:linear-gradient(90deg,transparent 40%,var(--aa-63) 41% 59%,transparent 60%);border:0;border-top:3px solid var(--aa-64)}.abode-atlas-a .vault .house{background:repeating-linear-gradient(90deg,var(--aa-65) 0 3px,var(--aa-66) 4px 10px)}.abode-atlas-a .vault .house:before{inset:7px 11px 0;background:var(--aa-67);border:2px solid var(--aa-68)}.abode-atlas-a .plant{position:absolute;width:23px;height:35px;border-left:1px solid var(--aa-69);pointer-events:none;z-index:-1}.abode-atlas-a .plant:before{content:'';position:absolute;inset:0;background:var(--aa-70);clip-path:polygon(10% 100%,3% 78%,25% 60%,3% 43%,24% 40%,13% 20%,41% 38%,54% 0,62% 45%,100% 18%,83% 65%,100% 76%,48% 83%)}.abode-atlas-a .flower{position:absolute;width:24px;height:20px;background:radial-gradient(circle at 25% 40%,var(--aa-71) 0 2px,transparent 3px),radial-gradient(circle at 75% 70%,var(--aa-72) 0 2px,transparent 3px);pointer-events:none;z-index:-1}.abode-atlas-a .detail{padding:16px 20px;background:var(--aa-3);min-height:110px}.abode-atlas-a .detail strong{font-weight:500;color:var(--ac-gold)}.abode-atlas-a .detail p{margin:5px 0;font-size:12px;color:var(--aa-73)}.abode-atlas-a footer{font-size:11px;color:var(--aa-74);padding:10px 20px;background:var(--aa-9)}
@media(max-width:360px){.abode-atlas-a .node{width:96px}.abode-atlas-a .sign{max-width:96px;gap:3px;padding:5px 3px}.abode-atlas-a .sign svg{width:14px;height:14px}.abode-atlas-a .art{transform:scale(.92);transform-origin:bottom}.abode-atlas-a .choices button{font-size:12px}}

.abode-atlas-a{font-family:inherit}.abode-atlas-a .sign .gi-svg{width:16px;height:16px;flex:none}.abode-atlas-a .map{height:920px}.abode-atlas-a .node:focus-visible{outline:2px solid var(--ac-gold);outline-offset:4px}

/* ── แบบ ข2: ตัวควบคุมอยู่บนเกาะ ไม่ใช่แถบยาวใต้เกาะ ── */
.abode-atlas-a .map{position:relative}
.aba-lvchip{position:absolute;top:10px;right:10px;z-index:6;display:flex;align-items:center;gap:5px;
  background:rgba(8,12,9,.82);border:1px solid rgba(233,187,97,.28);color:#d8d2c2;
  border-radius:22px;padding:5px 11px;font:600 10.5px Sarabun,sans-serif;cursor:pointer;
  backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.aba-lvchip .gi-svg{width:11px;height:11px}
.aba-lvchip.on{border-color:rgba(233,187,97,.7);color:#e9bb61}
.aba-claim{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);z-index:7;
  display:flex;align-items:center;gap:6px;white-space:nowrap;
  background:linear-gradient(180deg,#f0c873,#d9a544);color:#1a1405;border:0;
  border-radius:22px;padding:7px 13px;font:700 11px Sarabun,sans-serif;cursor:pointer;
  box-shadow:0 0 0 4px rgba(233,187,97,.14),0 6px 18px rgba(0,0,0,.45);
  animation:abaClaimPulse 2.4s ease-in-out infinite}
.aba-claim .gi-svg{width:12px;height:12px}
@keyframes abaClaimPulse{
  0%,100%{box-shadow:0 0 0 4px rgba(233,187,97,.14),0 6px 18px rgba(0,0,0,.45)}
  50%{box-shadow:0 0 0 9px rgba(233,187,97,.05),0 6px 22px rgba(0,0,0,.5)}}
@media (prefers-reduced-motion:reduce){.aba-claim{animation:none}}
.aba-leasebar{display:flex;align-items:center;gap:8px;margin-top:9px;padding:9px 12px;
  background:var(--surface-panel-2);border-radius:12px;font-size:11px;color:var(--text-dim)}
.aba-leasebar>span{flex:1;min-width:0}
.aba-leasebar .gi-svg{width:13px;height:13px;color:var(--t-c084fc);flex:0 0 13px}
.aba-leasebar.deed .gi-svg{color:var(--t-fbbf24)}
.aba-leasebar .btn.bxs{flex:0 0 auto;padding:5px 11px;font-size:10.5px;background:var(--surface-panel);
  border:1px solid var(--border-soft);color:var(--text-dim)}
.aba-leasebar .btn.bxs.gold{border-color:rgba(233,187,97,.4);color:var(--t-fbbf24)}
.aba-lvpanel{background:var(--surface-panel-2);border:1px solid var(--border-soft)}