/* Approved A geometry and typography, mechanically copied. */
:root{--wa-121212:#121212;--wa-343026:#343026;--wa-363025:#363025;--wa-e9dfcc:#e9dfcc;--wa-1a1a1a:#1a1a1a;--wa-d8b672:#d8b672;--wa-b2a894:#b2a894;--wa-b6aa91:#b6aa91;--wa-c6a663:#c6a663;--wa-b6ac98:#b6ac98;--wa-e6c789:#e6c789;--wa-ead6ac:#ead6ac;--wa-b59a67:#b59a67;--wa-d6b674:#d6b674;--wa-c39b54:#c39b54;--wa-e1d6c0:#e1d6c0;--wa-c2a363:#c2a363;--wa-e8cb8b:#e8cb8b;--wa-c7ac75:#c7ac75;--wa-1c1c1c:#1c1c1c;--wa-c8aa6a:#c8aa6a;--wa-a39883:#a39883;--wa-ddbc75:#ddbc75;--wa-a99e89:#a99e89;--wa-e2c17b:#e2c17b;--wa-d9cfbb:#d9cfbb;--wa-a99f8c:#a99f8c;--wa-e8c98b:#e8c98b;--wa-9c8752:#9c8752}
[data-theme="light"]{--wa-121212:#e6e1d8;--wa-343026:#d0c9bd;--wa-363025:#d0c9bc;--wa-e9dfcc:#494031;--wa-1a1a1a:#e0dbd2;--wa-d8b672:#6f5e3e;--wa-b2a894:#746b5b;--wa-b6aa91:#736a58;--wa-c6a663:#7b6b4c;--wa-b6ac98:#706858;--wa-e6c789:#615133;--wa-ead6ac:#53472f;--wa-b59a67:#83755a;--wa-d6b674:#6f5f3f;--wa-c39b54:#857251;--wa-e1d6c0:#504737;--wa-c2a363:#7d6e4f;--wa-e8cb8b:#5e4f30;--wa-c7ac75:#75674b;--wa-1c1c1c:#ded9d0;--wa-c8aa6a:#78684a;--wa-a39883:#807867;--wa-ddbc75:#6a5a39;--wa-a99e89:#7c7363;--wa-e2c17b:#665635;--wa-d9cfbb:#554d3d;--wa-a99f8c:#7b7263;--wa-e8c98b:#5f5032;--wa-9c8752:#91856a}

.world-atlas{font:14px/1.6 Sarabun,Tahoma,sans-serif;color:var(--wa-e9dfcc)}.world-atlas *{box-sizing:border-box}.world-atlas button{font:inherit;color:inherit;cursor:pointer}.world-atlas .mx-example{max-width:428px;margin:0 auto 32px}.world-atlas .mx-caption{display:flex;gap:12px;align-items:center;padding:17px 15px;background:var(--wa-1a1a1a);border-radius:16px 16px 0 0}.world-atlas .mx-letter{color:var(--wa-d8b672);font:32px Georgia,serif}.world-atlas .mx-caption h2{font-size:17px;font-weight:500;margin:0}.world-atlas .mx-caption p{font-size:11px;color:var(--wa-b2a894);margin:3px 0 0}.world-atlas .mx-phone{position:relative;background:var(--wa-121212);border-radius:0 0 18px 18px;overflow:hidden;isolation:isolate}.world-atlas .mx-head{padding:17px 17px 12px;display:flex;justify-content:space-between;gap:12px}.world-atlas .mx-head h3{font-size:23px;font-weight:500;margin:0}.world-atlas .mx-head p{font-size:11px;margin:3px 0;color:var(--wa-b6aa91)}.world-atlas .mx-seal{writing-mode:vertical-rl;font:18px/1.4 Georgia,serif;letter-spacing:3px;color:var(--wa-c6a663);border:1px solid #8e744d66;padding:5px}.world-atlas .mx-tabs{margin:0 13px 3px;display:flex;background:var(--wa-1a1a1a);border-radius:8px;padding:4px;gap:2px}.world-atlas .mx-tabs button{border:0;background:transparent;color:var(--wa-b6ac98);font-size:11px;padding:8px 2px;min-height:44px;flex:1;min-width:0;border-radius:5px}.world-atlas .mx-tabs button[aria-pressed=true]{color:var(--wa-e6c789);background:var(--wa-363025)}
.world-atlas .mx-map{height:600px;position:relative;overflow:hidden}.world-atlas .mx-map canvas{position:absolute;inset:0;width:100%;height:100%}.world-atlas .mx-pin{position:absolute;transform:translate(-50%,-50%);background:transparent;border:0;z-index:2;padding:7px 3px;min-height:44px;max-width:45%}.world-atlas .mx-plaque{display:flex;gap:8px;align-items:center;justify-content:center;padding:7px 11px;background:linear-gradient(135deg,#27241fec,#191917f5);border:1px solid #9e875366;border-radius:2px;color:var(--wa-ead6ac);box-shadow:0 5px 14px #0008;font-size:14px}.world-atlas .mx-plaque small{font:13px Georgia,serif;writing-mode:vertical-rl;color:var(--wa-b59a67);letter-spacing:2px;padding-right:7px;border-right:1px solid #a1875133}.world-atlas .mx-pin:after{content:'';display:block;width:4px;height:4px;background:var(--wa-d6b674);border-radius:50%;box-shadow:0 0 8px var(--wa-c39b54);margin:5px auto 0}.world-atlas .mx-place{max-width:44%;width:max-content;min-width:76px}.world-atlas .mx-place .mx-plaque{font-size:12px;line-height:1.4;padding:6px 9px;color:var(--wa-e1d6c0)}.world-atlas .mx-place:after{display:none}.world-atlas .mx-place i{display:inline-flex;color:var(--wa-c2a363)}.world-atlas .mx-place svg{width:13px;height:13px;flex:none}.world-atlas .mx-pin:hover .mx-plaque{border-color:var(--wa-e8cb8b)}.world-atlas .mx-extra{padding:0 14px 18px}.world-atlas .mx-extra h4{font-size:12px;font-weight:500;color:var(--wa-c7ac75);margin:0 0 8px}.world-atlas .mx-routes{display:grid;grid-template-columns:1fr 1fr;gap:6px}.world-atlas .mx-routes button{background:var(--wa-1c1c1c);border:0;border-radius:7px;padding:10px;min-height:44px;font-size:11px;text-align:left;display:flex;align-items:center;gap:7px}.world-atlas .mx-routes svg{width:15px;height:15px;flex:none;color:var(--wa-c8aa6a)}.world-atlas .mx-footer{display:flex;justify-content:space-around;padding:13px 7px 18px;border-top:1px solid #e0b96917;color:var(--wa-a39883);font-size:11px}.world-atlas .mx-footer span{display:flex;align-items:center;flex-direction:column;gap:4px}.world-atlas .mx-footer svg{width:17px;height:17px}.world-atlas .mx-footer .mx-active{color:var(--wa-ddbc75)}.world-atlas .mx-hint{text-align:center;color:var(--wa-a99e89);font-size:11px;line-height:1.5;padding:10px 10px 15px;margin-top:0;position:relative;z-index:1}.world-atlas .mx-veil{position:absolute;inset:0;background:#080808b8;backdrop-filter:blur(4px);display:flex;align-items:center;padding:20px;z-index:9}.world-atlas .mx-sheet{width:100%;background:var(--wa-1a1a1a);border:1px solid #ac935033;padding:22px;border-radius:15px}.world-atlas .mx-sheet h3{font-size:19px;font-weight:500;color:var(--wa-e2c17b);margin:0 0 12px}.world-atlas .mx-sheet p{font-size:13px;color:var(--wa-d9cfbb)}.world-atlas .mx-sheet small{font-size:11px;color:var(--wa-a99f8c);display:block;margin:17px 0}.world-atlas .mx-sheet button{border:0;background:var(--wa-343026);color:var(--wa-e8c98b);min-height:44px;padding:10px;width:100%;border-radius:7px}.world-atlas [data-style="2"] canvas{image-rendering:pixelated}.world-atlas [data-style="2"] .mx-plaque{border-radius:0;box-shadow:3px 3px #0007;border-color:var(--wa-9c8752)}
@media(max-width:370px){.world-atlas .mx-plaque{font-size:13px;padding:7px 8px}.world-atlas .mx-place .mx-plaque{font-size:11px;padding:5px 6px;gap:4px}}
.world-atlas .mx-pin:not(.mx-place){width:max-content}.world-atlas .mx-pin:not(.mx-place) .mx-plaque{white-space:nowrap}

/* Only integration changes: existing bottom navigation is used once. */
.page.world-atlas{padding:0;max-width:428px;width:100%;margin:0 auto;background:var(--wa-121212)}
.world-atlas .mx-phone{border-radius:0;background:var(--wa-121212)}
.world-atlas .mx-page,.world-atlas .mx-page *{box-sizing:border-box}
.world-atlas button{margin:0;letter-spacing:normal;text-transform:none;font-weight:400;line-height:inherit;box-shadow:none}
.world-atlas h3,.world-atlas h4,.world-atlas p{letter-spacing:normal}
.world-atlas .mx-place .gi-svg{width:13px;height:13px;flex:none;color:var(--wa-c2a363);vertical-align:middle}
.world-atlas .mx-routes .gi-svg{width:15px;height:15px;flex:none;color:var(--wa-c8aa6a)}
.world-atlas .mx-pin{position:absolute}
.world-atlas .wa-sources{display:none!important}
.world-atlas .mx-pin .tab-badge-fx,.world-atlas .mx-routes .tab-badge-fx{top:1px!important;right:1px!important;pointer-events:none}
.world-atlas .mx-routes button{position:relative}
.world-atlas .wa-notice{position:absolute;bottom:0;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:10px;line-height:1.3}
.world-atlas .wa-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.wa-bounty-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(0,0,0,.7)}
.wa-bounty-overlay[hidden]{display:none}
.wa-bounty-dialog{width:100%;max-width:428px;max-height:85vh;overflow:auto;background:var(--surface-panel);color:var(--text-primary);border-radius:16px;padding:20px}
.wa-bounty-dialog h2{font-size:18px;margin:0 0 15px;color:var(--text-primary)}
.wa-bounty-dialog>button{display:block;width:100%;padding:12px;min-height:44px;background:var(--surface-elevated,var(--surface-panel));color:var(--text-primary);border:1px solid var(--border-soft);border-radius:8px;margin-top:12px}
@media(prefers-reduced-motion:reduce){.page.world-atlas{animation:none!important}}
.world-atlas .wa-back{padding:0 18px 12px}.world-atlas .wa-back button{background:var(--surface-panel-2);color:var(--text-primary);border:1px solid var(--border-soft);border-radius:8px;padding:8px 14px;font:inherit;cursor:pointer}
.world-atlas .wa-back button{background:var(--surface-panel-2)}