/* Local integration of warcraftcn frames with the app's accessible controls. */
:root{--ink:#eee0ba;--muted:#c1b799;--green:#e8c568;--gold:#e8c568}
.fantasy{font-family:Georgia,'Times New Roman',serif;letter-spacing:.2px}
body{color:var(--ink)}
button,[data-slot=button]{border:5px solid transparent;border-image:url('/assets/wc-button-bg.webp') 16 fill stretch;border-radius:0;background:transparent;color:#f4df9d;text-shadow:0 2px 2px #000;min-height:44px;transition:filter .15s;box-shadow:none}
button:hover{filter:brightness(1.18);transform:none}button:active{filter:brightness(.85)}button:disabled{opacity:.55;filter:grayscale(.5)}
button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #ffe39c;outline-offset:3px;box-shadow:0 0 0 4px #15120b}
.search-panel,.results-panel,.install-banner,dialog{border:24px solid transparent;border-image:url('/assets/wc-card-bg.webp') 24 fill stretch;border-radius:0;background:transparent;color:var(--ink);box-shadow:0 14px 35px #0008;padding:16px}
.search-panel,.results-panel{font-size:15px;line-height:1.5}.panel-top,.results-top{color:#f1d385;border-color:#8e79504d}.small-label{color:#d7b76e}legend,h1,h2,h3{color:#f3dd9f}label{color:#eee0ba}.field-label span,.field-help,.form-footnote,.result-meta,.empty-state p,.tip p,.install-banner p,.auth-note,dialog p,footer p{color:#c6bfa6}
input:not([type=checkbox]):not([type=radio]),select,.select-button{border:6px solid transparent;border-image:url('/assets/wc-input-frame.webp') 16 fill stretch;border-radius:0;background:#14140f;color:#f4e7c7;min-height:48px;box-shadow:none;padding:8px 12px;font-family:inherit;text-shadow:none}
input::placeholder{color:#a6a08a;opacity:1}select option{background:#181b16;color:#eee0ba}
.categories{gap:6px}.category{border:7px solid transparent;border-image:url('/assets/wc-tabs-tab-list.webp') 12 fill stretch;background:transparent;color:#bdb59e;min-height:76px;padding:8px 3px;border-radius:0}.category.selected{border-image-source:url('/assets/wc-tabs-tab-list-active.webp');color:#ffe49b;box-shadow:none;background:transparent}.category-icon{color:inherit}
.count-options button{border-image-source:url('/assets/wc-button-bg-with-frame.webp');background:transparent;color:#bdb59e}.count-options button.selected{color:#ffe596;filter:brightness(1.25);outline:1px solid #cfb362;outline-offset:-7px}.count-options small{color:inherit}
.primary,.search-submit,.account-button{border-image-source:url('/assets/wc-button-bg-with-frame.webp');color:#ffe4a0;background:transparent}.search-submit{min-height:58px;font-size:18px}
.step,.result-count{color:#ffe49b;background:#15170f;border:1px solid #a18b50;box-shadow:inset 0 0 8px #000;border-radius:3px}
.checkbox-label,.type-option{color:#eee0ba;min-height:44px}input[type=checkbox]{appearance:none;flex:none;width:24px;height:24px;border:0;border-radius:0;background:url('/assets/wc-checkbox-default.webp') center/contain no-repeat;cursor:pointer}input[type=checkbox]:checked{background-image:url('/assets/wc-checkbox-default-checked.webp')}
.type-menu{border:12px solid transparent;border-image:url('/assets/wc-dropdown-menu-bg.webp') 24 fill stretch;border-radius:0;background:transparent;padding:10px;color:#eee0ba}.type-option:hover{background:#b7994b20}.text-button{color:#e2cc91}.type-menu .text-button{margin-block:8px}
.advanced{border-color:#726346}.advanced summary{background:url('/assets/wc-accordion-header.webp') center/100% 100% no-repeat;padding:12px;color:#e8d49c}.advanced summary span{color:#bcb59e}.advanced[open] label{margin-top:12px}
.tip{background:#171911a8;border-top:1px solid #796a4255;color:#dec17d}.tip b{color:#ddc589}.install-banner{padding:8px 12px}.install-banner h2{color:#eddbac}.empty-state h3{color:#f1d9a0}.empty-decoration{color:#af9154}.compass{color:#c3ad74}
.result-row{background:#15171199;border:1px solid #81714a;border-radius:0;color:#eee0ba}.result-title,.coordinate-text{color:#eed79d}.result-note,.result-bottom{color:#c1b799}.result-medallion{background:#1b1d15;color:#eccd7b;border-color:#a48a4e}.copy-coordinate,.save-result{background:transparent;color:#efd799}.result-bottom{border-color:#81714a66}
.topbar{background:#161b17ed;border-bottom:2px solid #7e704e}.language-control{color:#c9b98e}.topbar button{padding:6px 12px}.language-control select{min-height:40px;padding:3px 8px;font-size:12px}.brand{color:#f2dfa6}.brand b{color:#d1ac5b}
dialog{padding:28px 24px;max-height:calc(100dvh - 32px)}dialog::before,dialog::after{display:none}dialog .close-dialog{top:4px;right:4px;min-height:40px;width:40px;height:40px;padding:0;color:#ffc4a9}dialog .small-label{color:#d6b575}dialog h2{color:#f1dba7}dialog label{color:#e4d7b5}dialog .auth-note{border-color:#7a6b4b}.password-field{border:0;background:transparent;box-shadow:none}.password-field input{min-width:0}.password-field button{align-self:stretch;margin:0;border-image-source:url('/assets/wc-button-bg.webp');color:#e4ca86}.form-message{color:#ffd296}
.toast{background:#202117;border:2px solid #c5a869;border-radius:0;color:#f7e4b0;box-shadow:0 8px 25px #0009}
@media(max-width:600px){.search-panel,.results-panel{border-width:16px;padding:12px}.install-banner{border-width:16px}.topbar{height:auto;min-height:72px}.topbar button{padding:4px 7px}.category{font-size:13px}.coordinate-fields{gap:8px}.coordinate-fields input{padding:8px 6px}dialog{border-width:16px;padding:30px 16px}.install-banner button{white-space:normal}.language-control select{max-width:108px}}
@media(prefers-reduced-motion:reduce){button{transition:none}}
.coordinate-fields label,.coordinate-fields label>span{color:#d8c798}.form-footnote{color:#c6bfa6;font-size:12px;line-height:1.5;margin-bottom:8px}.compass{opacity:.8}

/* Frame-safe content: explicit layout replaces unavailable Tailwind utilities. */
button,[data-slot=button]{display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1.25;padding:10px 16px;vertical-align:middle;white-space:normal}
button>i18n-text{display:inline-block}
.topbar .nav-button,.topbar .account-button{height:48px;min-height:48px;padding:10px 20px;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1.25;border:0;border-image:none;background:url('/assets/wc-button-bg.webp') center/100% 100% no-repeat}
.topbar .nav-button span:first-child{margin:0;line-height:1;font-size:20px}
.topbar .account-button{background-image:url('/assets/wc-button-bg-with-frame.webp');padding-inline:28px}
.topbar .account-button span{margin:0}
.search-panel,.results-panel{padding:32px 20px 22px}
.search-panel::before,.search-panel::after{display:none}
.panel-top{margin-bottom:22px}.panel-top>span:last-child{display:none}
.search-panel legend{line-height:1.35;gap:12px;align-items:center;margin-bottom:18px}
.step{display:inline-grid;place-items:center;line-height:1;width:24px;height:24px}
.category{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:12px 4px;line-height:1.3;min-height:84px}
.category-icon{display:grid;place-items:center;line-height:1;height:30px}
.select-button{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;line-height:1.4;min-height:54px}
.select-button>span:first-child{min-width:0}.select-button>span:last-child{flex:none;line-height:1}
.coordinate-fields label{display:flex;flex-direction:column;justify-content:flex-end;gap:7px;line-height:1.4;font-size:11px}
.coordinate-fields input{margin-top:0;height:54px;line-height:1.3}
.coordinate-fields label>span{bottom:18px;line-height:1}
.checkbox-label,.type-option{display:flex;align-items:center;gap:12px;line-height:1.5;font-size:13px;text-align:start}
.checkbox-label{margin-top:12px;padding-block:6px}
.checkbox-label input[type=checkbox],.type-option input[type=checkbox]{display:block;flex:0 0 24px;width:24px;height:24px;min-height:24px;margin:0;padding:0;align-self:center}
.type-option>span,.checkbox-label>i18n-text{display:block;min-width:0}
.type-option{padding:10px 4px;min-height:48px}
.count-options button,.count-options button.selected{display:flex;align-items:center;justify-content:center;gap:6px;min-height:52px;padding:12px 6px;border:6px solid transparent;border-image:url('/assets/wc-tabs-tab-list.webp') 12 fill stretch;background:transparent;box-shadow:none;outline:none;filter:none;line-height:1.25}
.count-options button.selected{border-image-source:url('/assets/wc-tabs-tab-list-active.webp');color:#ffe596}
.count-options button small{margin:0;line-height:1.25;font-size:11px}
.advanced summary{gap:8px;min-height:48px;padding:12px 14px 16px;line-height:1.4}.advanced summary::before{margin:0;flex:none}.advanced summary span{min-width:0}
.search-submit{display:grid;grid-template-columns:24px minmax(0,1fr) 24px;align-items:center;gap:10px;min-height:60px;padding:12px 30px;border:0;border-image:none;background:url('/assets/wc-button-bg-with-frame.webp') center/100% 100% no-repeat;line-height:1.3}
.search-submit span:first-child,.search-submit span:last-child{margin:0;line-height:1;text-align:center}
.install-banner{padding:22px 18px;gap:16px}.install-banner .secondary{min-height:48px;padding:10px 20px;line-height:1.4}
.result-row{padding:16px}.copy-coordinate,.save-result{display:inline-flex;align-items:center;justify-content:center;line-height:1.25}
dialog .close-dialog{display:grid;place-items:center;line-height:1;top:10px;right:10px}
.password-field{align-items:stretch;gap:6px}.password-field button{display:flex;align-items:center;justify-content:center;min-width:68px;padding:8px}
@media(max-width:600px){.search-panel,.results-panel{padding:30px 14px 18px}.panel-top{margin-bottom:18px}.search-panel legend{font-size:19px}.category{min-height:80px;font-size:12px}.topbar .nav-button,.topbar .account-button{padding-inline:14px}.topbar .account-button{padding-inline:24px}.coordinate-fields label{font-size:10px}.field-label{align-items:baseline}.field-label>span{font-size:10px}.install-banner{padding:24px 12px 16px}.count-options button small{font-size:10px}.search-submit{font-size:17px;padding-inline:24px}}
.search-panel{padding-top:48px}.results-panel{padding-top:40px}.type-menu .text-button{color:#f4df9d;min-height:44px;padding:10px 16px}
@media(max-width:600px){.search-panel{padding-top:42px}.results-panel{padding-top:36px}.category>span:last-child{max-width:100%;overflow-wrap:anywhere}.count-options button{flex-wrap:wrap;gap:3px 6px}.count-options button small{overflow-wrap:anywhere}}
.search-submit:hover{background:url('/assets/wc-button-bg-with-frame.webp') center/100% 100% no-repeat}.category:hover:not(.selected){background:transparent}

/* Card frame: slice at the real metal thickness (image 560x720: top 64 incl. hinges, sides 58, bottom 50) so the rails never stretch into content. */
.search-panel,.results-panel,.install-banner,dialog{--frame-t:42px;--frame-x:36px;--frame-b:32px;border-style:solid;border-color:transparent;border-width:var(--frame-t) var(--frame-x) var(--frame-b);border-image:url('/assets/wc-card-bg.webp') 64 58 50 fill / var(--frame-t) var(--frame-x) var(--frame-b) stretch}
.search-panel,.results-panel{padding:22px 22px 20px}
dialog{padding:14px 26px 24px}
.install-banner{--frame-t:30px;--frame-x:28px;--frame-b:24px;padding:14px 20px}
@media(max-width:600px){.search-panel,.results-panel,dialog{--frame-t:34px;--frame-x:26px;--frame-b:24px}.search-panel,.results-panel{padding:18px 14px 16px}dialog{padding:12px 16px 20px}.install-banner{--frame-t:26px;--frame-x:22px;--frame-b:20px;padding:12px 14px}}
.search-panel,.results-panel,.install-banner{box-shadow:none;filter:drop-shadow(0 12px 22px #000a)}
dialog{box-shadow:none}
/* Dropdown frame: 949x494 image, ~22px rails with ~80px corner ornaments kept in the corner slices. */
.type-menu{border:12px solid transparent;border-image:url('/assets/wc-dropdown-menu-bg.webp') 80 fill / 34px stretch;padding:14px 16px}
@media(max-width:420px){.categories{grid-template-columns:1fr 1fr;gap:6px}.category{flex-direction:row;justify-content:flex-start;gap:10px;min-height:54px;padding:8px 12px;font-size:13px}.category-icon{height:auto;font-size:20px}.category>span:last-child{overflow-wrap:normal}}

/* Finder / Exchanges share one workspace and a thumb-reachable mobile menu. */
main{padding-bottom:100px}.section-nav{position:fixed;z-index:15;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:0;padding:8px max(18px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom));background:#111a17f5;border-top:1px solid #a68a50;box-shadow:0 -8px 24px #0004;backdrop-filter:blur(12px)}
.section-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:52px;width:min(240px,50%);color:#bfb79f;text-decoration:none;font-size:13px;border-bottom:2px solid transparent}.section-nav a span{font:24px/1 Georgia}.section-nav a[aria-current=page]{color:#ffe09a;border-color:#d4ae60;background:#d6b35d0d}
#exchanges-view{max-width:760px;margin:auto}.app-heading p{color:#c8bfa8;font-size:14px;margin-top:10px;line-height:1.6}
.exchange-event{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;border-block:1px solid #ad935155}.exchange-event strong{font-size:12px;letter-spacing:1px;color:#ebd19b}.exchange-event p{font-size:12px;color:#bfb79f;margin-top:6px}.exchange-event time{font:32px/1.2 Georgia;letter-spacing:2px;font-variant-numeric:tabular-nums;color:#ffe09a}.exchange-event[data-ended=true] time{color:#c9c0aa}
#exchange-status{font-size:12px;line-height:1.7;color:#bfb79f;margin:18px 0}#exchange-tools{display:flex;align-items:center;gap:16px;justify-content:space-between;margin-bottom:14px}#exchange-tools label{font-size:13px}#exchange-filter{max-width:150px}.exchange-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0;border-bottom:1px solid #bfa26633}.exchange-row h2{font-size:23px;line-height:1.3}.exchange-row p{font-size:12px;color:#c0b8a1;margin-top:5px}.exchange-find{flex:none;min-width:122px;min-height:48px}.exchange-empty{padding:30px 0;color:#c2baa5}#exchange-dialog{width:min(560px,calc(100% - 24px))}#exchange-dialog .result-note{font-size:12px;line-height:1.7}#exchange-results{min-height:80px}.toast{bottom:calc(90px + env(safe-area-inset-bottom))}
@media(max-width:600px){.exchange-event{gap:12px}.exchange-event time{font-size:26px;letter-spacing:1px}.exchange-event strong{font-size:11px}.exchange-row{gap:12px}.exchange-find{min-width:108px;padding-inline:12px}.section-nav a{width:50%}.exchange-event p{max-width:170px}.install-banner{margin-bottom:20px}}
body{padding-bottom:calc(80px + env(safe-area-inset-bottom))}main{padding-bottom:36px}.section-nav{background:#111a17;backdrop-filter:none}body:has(#exchanges-view:not([hidden]))::before{opacity:.38}

.topbar .brand{flex-shrink:0}.topbar .brand span{white-space:nowrap}
/* Credits and plans: compact account context, existing medieval materials. */
.credit-strip{display:flex;align-items:center;gap:16px;flex-wrap:wrap;border-bottom:1px solid #807044;padding:12px 0;color:#e8cf87}.credit-strip strong{margin-inline-end:auto}.credit-rules{font-size:12px;color:#bdb49b;line-height:1.6;max-width:800px;margin:10px 0 20px}
#plans-dialog{width:min(1060px,94vw);max-width:1060px;padding:44px 36px}#plans-dialog h2{margin:0 0 10px}#billing-test{font-size:12px;color:#cbb675}#billing-interval{display:flex;gap:12px;margin:18px 0}#billing-interval [aria-pressed=true]{outline:1px solid #cfa94f;outline-offset:3px}#plan-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.plan-option{display:flex;flex-direction:column;padding:16px 0;border-top:2px solid #807044;min-width:0}.plan-option h3{font-size:24px;margin:0 0 12px}.plan-option .plan-price{font-size:18px;color:#edd798;min-height:48px}.plan-option p{font-size:13px;line-height:1.6}.plan-option button{margin-top:auto;min-height:48px}.plan-option[data-plan=warlord]{border-color:#e5bd5c}#plans-note{font-size:12px;line-height:1.7;border-top:1px solid #665b3d;padding-top:18px}#billing-manage{margin-inline-end:16px}#clan-dialog{width:min(640px,94vw)}#clan-content label{display:grid;gap:10px}#clan-content input{width:100%;margin:10px 0}#clan-content button{margin:8px 8px 8px 0;min-height:44px}.clan-member{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #514b37;padding:8px 0;gap:12px}.clan-coordinate{border-bottom:1px solid #514b37;padding:16px 0}.clan-coordinate strong{display:block}.clan-coordinate small{display:block;color:#bbb29d}button:disabled{cursor:not-allowed;opacity:.55}
@media(max-width:650px){#plans-dialog{padding:38px 24px}#plan-options{grid-template-columns:1fr}.plan-option{display:grid;grid-template-columns:1fr auto;gap:6px 12px}.plan-option h3,.plan-option p,.plan-option strong{margin:0;min-height:0}.plan-option h3{grid-column:1}.plan-option .plan-price{grid-column:2;grid-row:1;font-size:15px;align-self:center}.plan-option p:not(.plan-price),.plan-option strong{grid-column:1/-1}.plan-option button{grid-column:1/-1;margin-top:12px}.credit-strip{gap:8px;font-size:13px}.credit-strip strong{flex-basis:100%}.credit-rules{font-size:11px}}
/* Guild banners: a quiet silver tier, a popular blue tier, and the gold clan standard. */
#plans-dialog{width:min(1180px,96vw);max-width:1180px;padding:22px 22px 26px}
#plan-options{gap:14px;margin:28px 0 24px;align-items:stretch}
.plan-option{position:relative;display:flex;flex-direction:column;gap:0;padding:20px 16px 16px;border:1px solid #87754b66;border-top:3px solid #87754b;background:linear-gradient(160deg,#242a25ee,#101714e8);transition:transform .2s ease,border-color .2s ease;isolation:isolate}
.plan-option .plan-badge{display:block;min-height:32px;color:#e7d49b;font:600 11px/1.4 system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px}
.plan-option h3{font-size:28px;margin:0 0 14px}.plan-option .plan-price{font-size:19px;line-height:1.5;min-height:58px;margin:0;font-variant-numeric:tabular-nums}
.plan-option .plan-saving{color:#bce1a3;font-size:12px;min-height:22px;margin:0 0 14px}.plan-option .plan-quota{font-size:15px;line-height:1.55;color:#ffedbc;padding-top:16px;border-top:1px solid #b99d5940}
.plan-option .plan-results{margin:8px 0 18px;color:#e5dcc3;font-size:13px}.plan-features{margin-bottom:22px;color:#bbb6a5}.plan-features p{margin:0 0 12px}.plan-option button{width:100%;font-size:14px;min-height:48px}
.plan-option[data-plan=warlord]{border-color:#7898bf;background:linear-gradient(155deg,#213445f2,#131e23ed)}.plan-option[data-plan=warlord] .plan-badge{color:#bedcfc}
.plan-option[data-plan=clan]{border-color:#e1b75b;background:radial-gradient(ellipse at top right,#9e6b2540,transparent 65%),linear-gradient(155deg,#3b301dee,#1c1c13f5);box-shadow:inset 0 0 0 3px #e1b75b12,0 5px 24px #0005}.plan-option[data-plan=clan] h3{color:#ffe2a0}.plan-option[data-plan=clan] .plan-badge{color:#ffda83}.plan-option[data-plan=clan] button{filter:sepia(.55)}
#plans-dialog[open] .plan-option{animation:plan-arrive .32s ease both}#plans-dialog[open] .plan-option:nth-child(2){animation-delay:45ms}#plans-dialog[open] .plan-option:nth-child(3){animation-delay:90ms}#plans-dialog[open] .plan-option:nth-child(4){animation-delay:135ms}
@keyframes plan-arrive{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
@media(hover:hover){.plan-option:hover{transform:translateY(-3px);border-color:#e7d49b}}
@media(max-width:950px){#plan-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:550px){#plans-dialog{padding:12px 8px 20px;width:calc(100% - 12px)}#plan-options{grid-template-columns:1fr;gap:16px;margin-top:24px}.plan-option{padding:18px;display:flex}.plan-option .plan-badge{min-height:0;margin-bottom:8px}.plan-option .plan-badge:empty{display:none}.plan-option .plan-price{min-height:0;font-size:22px}.plan-option .plan-saving{min-height:0;margin:8px 0 14px}.plan-option .plan-saving:empty{margin:0 0 14px}.plan-features{margin-bottom:8px}.plan-option button{margin-top:12px}}
@media(prefers-reduced-motion:reduce){#plans-dialog[open] .plan-option{animation:none}.plan-option{transition:none}.plan-option:hover{transform:none}}
/* Locked controls remain actionable: the crown opens the plan comparison. */
.premium-locked{position:relative;cursor:pointer!important;opacity:1!important}.premium-crown{display:inline-block;color:#ffd779;font:20px/1 Georgia;text-shadow:0 1px 3px #000;flex:none}.premium-crown[hidden]{display:none}.category.premium-locked .premium-crown{position:absolute;top:7px;right:8px}.count-options .premium-locked{gap:5px;padding-inline:9px}.count-options .premium-crown{font-size:17px}.advanced summary.premium-locked{display:flex;align-items:center;gap:8px}.advanced summary.premium-locked>span:not(.premium-crown){margin-inline-start:auto}.level-control{display:inline-block;position:relative;width:140px;max-width:100%;margin-inline-start:12px}.level-control #level{width:100%;min-width:0}.level-upgrade{position:absolute;inset:0;z-index:1;display:flex;justify-content:flex-end;align-items:center;padding:0 14px;background:transparent!important;border:0!important;box-shadow:none!important;color:#ffd779;font:22px Georgia;cursor:pointer}.level-upgrade[hidden]{display:none}.level-upgrade:not([hidden])~input{padding-inline-end:40px}.premium-locked:focus-visible,.level-upgrade:focus-visible{outline:2px solid #ffe29a;outline-offset:3px}

/* Default closed until a confirmed session has been checked. */
.auth-required main,.auth-required .skip,.auth-required #saved-nav{display:none!important}
.auth-required #auth-dialog .close-dialog{display:grid}
/* Selection has a stable final action outside the scrolling list. */
.type-menu-actions{display:flex;justify-content:flex-end;border-top:1px solid #b7994b55;margin-top:12px;padding-top:12px}.type-menu-actions button{min-height:46px;min-width:150px;display:flex;align-items:center;justify-content:center;gap:10px}.type-menu #type-options{overscroll-behavior:contain;max-height:min(280px,38dvh)}
.results-navigation{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-bottom:14px}@media(min-width:801px){.results-navigation:has(#cancel-search[hidden]){display:none}}.results-navigation #results-back{display:none}.results-navigation #cancel-search{min-height:44px;font-size:13px}
.map-search-animation{width:180px;height:150px;margin:10px auto 24px}.map-search-animation svg{display:block;width:100%;height:100%}.search-lens{animation:map-explore 3.2s ease-in-out infinite}.search-map{animation:map-breathe 3.2s ease-in-out infinite}.loading:has(.map-search-animation){min-height:300px;padding-top:30px}.loading:has(.map-search-animation) h3{margin-top:12px}
@keyframes map-explore{0%,100%{transform:translate(-14px,9px)}35%{transform:translate(24px,-6px)}70%{transform:translate(28px,28px)}}@keyframes map-breathe{0%,100%{opacity:.75}50%{opacity:1}}
@media(max-width:800px){#finder-view[data-screen=form] .results-panel{display:none}#finder-view[data-screen=results] .search-panel{display:none}#finder-view[data-screen=results] .results-panel{animation:finder-enter .22s ease both}#finder-view .results-navigation{display:flex;justify-content:space-between;margin-bottom:12px;border-bottom:1px solid #b7994b44;padding-bottom:12px}#finder-view .results-navigation #results-back{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:8px 12px;font-size:13px}.results-panel{min-height:360px}#finder-view[data-screen=results] .workspace{scroll-margin-top:16px}}
@keyframes finder-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.search-lens,.search-map,#finder-view[data-screen=results] .results-panel{animation:none!important}}
.terms-accept{display:flex!important;align-items:flex-start!important;gap:10px!important;padding:12px 0;margin:12px 0!important;line-height:1.6}.terms-accept[hidden]{display:none!important}.terms-accept input{flex:none;margin-top:3px}.terms-accept a{color:#edce85;font-size:13px;text-decoration:underline;text-underline-offset:3px}
/* Monthly credits: readable balance, tactile clan sizing, compact top-ups. */
#credit-detail{margin:12px 0 22px;padding:12px 0;border-block:1px solid #b6975544;color:#e5d9b8}#credit-detail p{margin:5px 0}
.clan-tier-control{padding:12px 0}.clan-tier-control label{font-size:.8rem;display:block;margin-bottom:6px}.clan-tier-control input[type=range]{width:100%;height:36px;padding:0;accent-color:#d8af5d;background:none;border:0;box-shadow:none}.clan-tier-steps{display:flex;gap:4px;flex-wrap:wrap}.clan-tier-steps button{flex:1;min-width:44px;min-height:40px;padding:6px;font-size:.75rem}.clan-tier-steps button[aria-pressed=true]{color:#fff3bf;outline:1px solid #d6b365}
#topup-options{border-top:1px solid #b6975555;margin-top:24px;padding-top:16px}#topup-options>button{margin:6px 8px 6px 0;min-height:44px}#topup-options p{max-width:65ch;font-size:.88rem;color:#d3c8ac}
.clan-member{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:16px 0;border-bottom:1px solid #b6975533}.clan-member>strong{min-width:110px}.clan-member input{width:110px;min-height:44px}.clan-member select{min-height:44px;max-width:160px}.clan-member>span{flex:1;min-width:130px;font-size:.85rem}.clan-coordinate small{display:block;color:#c5b48c}.plan-quota{transition:color .18s ease}.clan-tier-control:focus-within~button{filter:brightness(1.1)}
@media(max-width:600px){.clan-member>strong,.clan-member>span{width:100%}.clan-member input,.clan-member select{flex:1;max-width:none}.clan-tier-steps button{min-height:44px}}

@media(min-width:801px){.install-banner{display:none!important}}

/* Warcraftcn navigation uses the same framed buttons as the app header. */
.section-nav{gap:12px;padding:10px max(16px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom));border-top:1px solid #a68a50;background:#111a17;box-shadow:0 -8px 24px #0004}
.section-nav a[data-slot=button]{position:relative;display:flex;flex-direction:row;gap:12px;width:min(240px,50%);min-height:56px;padding:10px 24px;border:5px solid transparent;border-image:url('/assets/wc-button-bg-with-frame.webp') 16 fill stretch;border-radius:0;background:transparent;color:#d2c6aa;text-shadow:0 2px 2px #000;font-family:inherit;font-size:16px;font-weight:600;letter-spacing:.3px;box-shadow:none;transition:filter .15s ease,color .15s ease}
.section-nav a svg{width:22px;height:22px;flex:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.section-nav a[aria-current=page]{color:#ffe49a;filter:brightness(1.3)}
.section-nav a:focus-visible{outline:2px solid #ffe7ab;outline-offset:3px}
.section-nav a:active{filter:brightness(.85)}
@media(hover:hover){.section-nav a:hover{color:#ffe7ab;filter:brightness(1.2)}}
@media(max-width:600px){.section-nav{gap:8px}.section-nav a[data-slot=button]{font-size:15px;gap:10px;padding-inline:16px}}
@media(prefers-reduced-motion:reduce){.section-nav a{transition:none}}

/* Calculator: a working ledger with a single prominent silver total. */
.section-nav a[data-slot=button]{width:min(240px,calc((100% - 24px)/3))}
#calculator-view{max-width:1000px;margin:auto}.calculator-workspace{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:48px;margin-top:30px}.calc-note{max-width:850px;font-size:13px;line-height:1.75;color:#c6bda8;margin-top:18px}.calculator-workspace h2{font-size:24px;color:#efd89d;margin-bottom:20px}.calc-settings{padding-bottom:26px;border-bottom:1px solid #9b824344}.calc-setting-fields{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:14px}.calculator-workspace label{display:grid;gap:8px;font-size:12px;color:#d4c8aa;min-width:0}.calc-hint{font-size:12px;color:#b8ad94;margin-top:14px}.calc-losses{padding-top:26px}#calc-form{display:grid;gap:16px}#calc-form>button{justify-self:start;min-width:180px}.calc-entry-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}#calc-loss-list{margin-top:22px}.calc-loss-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid #9b824344}.calc-loss-row strong{font-size:14px;display:block}.calc-loss-row small{display:block;color:#b8ad94;font-variant-numeric:tabular-nums;margin-top:4px}.calc-loss-row button{font-size:12px;flex-shrink:0}.calc-summary{align-self:start;position:sticky;top:24px;border-top:2px solid #b99852;padding-top:22px}.calc-summary dl{margin:0}.calc-summary dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin:18px 0}.calc-summary dt{color:#c6bda8;font-size:13px}.calc-summary dd{margin:0;font-variant-numeric:tabular-nums;font-size:18px}.calc-summary dl>.calc-grand-total{display:block;border-top:1px solid #9b824344;padding-top:20px;margin-top:24px}.calc-grand-total dd{color:#ffe4a0;font-size:42px;overflow-wrap:anywhere;font-family:Georgia,serif;margin-top:8px}.calc-summary>button{width:100%;margin-top:16px}.calc-method{margin-top:24px;font-size:12px;color:#b8ad94}.calc-method summary{cursor:pointer;color:#d5be86}.calc-method p{margin:10px 0;line-height:1.75}.calc-method a{display:block;margin:8px 0}.calc-settings input:invalid{outline:1px solid #c87665}
@media(max-width:800px){.calculator-workspace{grid-template-columns:1fr;gap:28px}.calc-summary{position:static}.calc-setting-fields{gap:10px}.calc-note{font-size:12px}}
@media(max-width:480px){.section-nav{gap:4px;padding-inline:8px}.section-nav a[data-slot=button]{width:calc((100% - 8px)/3);font-size:12px;gap:5px;padding-inline:8px}.section-nav a svg{width:17px;height:17px}.calc-setting-fields{grid-template-columns:1fr 1fr}.calc-setting-fields>label:first-child{grid-column:1/-1}.calc-grand-total dd{font-size:36px}}
#calculator-view button.primary:hover{background:transparent}
.calc-loss-row button{border:5px solid transparent;border-image:url('/assets/wc-button-bg.webp') 16 fill stretch;background:transparent;color:#f4df9d;font-family:Georgia,serif}

.calculator-tabs{display:flex;gap:12px;margin:24px 0}.calculator-tabs button{min-width:180px}.calculator-tabs button[aria-pressed=true]{filter:brightness(1.3);color:#ffe6a5}.calculator-tabs button[aria-pressed=false]{color:#bdb59e}
.stack-intro{color:#d5cbb6;margin:10px 0 26px}.stack-setup h2,.stack-army h2,.stack-result h2{font-size:25px;color:#efd89d}.stack-budget-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:22px 0 12px}.stack-budget>label>span{font:19px Georgia,serif;color:#efdaa3}.stack-budget label,.stack-unit-fields label,.stack-options label,.stack-quick-fields label{display:grid;gap:8px;font-size:12px;color:#cfc4ab;min-width:0}.stack-bonus-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.stack-army{margin-top:30px;border-top:1px solid #9b824355;padding-top:26px}.stack-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin:20px 0}.stack-quick-grid h3{font-size:19px;color:#dbca9d;margin-bottom:14px}.stack-quick-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.stack-quick-grid button{margin-top:14px}.stack-individual{display:flex;align-items:center;gap:14px;border-block:1px solid #9b824344;padding:20px 0;margin:26px 0}.stack-individual select{flex:1;min-width:0}.stack-individual>label{font-size:13px}.stack-individual button{flex:none}.stack-selected-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0 10px}.stack-selected-heading h3{font-size:20px}.stack-selected-heading h3>span:last-child{font:12px system-ui;color:#c9b985;margin-inline-start:8px}.stack-unit-row{border-bottom:1px solid #9b824333;padding:14px 0}.stack-unit-header{display:flex;align-items:center;justify-content:space-between;gap:14px}.stack-unit-header strong{font-size:14px;color:#ebddbd}.stack-unit-header small{display:block;font-size:11px;color:#b8ad94;margin-top:5px}.stack-unit-header button{flex-shrink:0;font-size:12px}.stack-unit-row summary{font-size:12px;color:#c1b18c;cursor:pointer;min-height:34px;display:list-item;padding-top:8px}.stack-unit-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:14px 0}.stack-options{margin-top:22px}.stack-options summary{font-size:13px;cursor:pointer}.stack-options label{max-width:240px;margin:10px 0}.stack-actions{display:flex;gap:16px;margin-top:22px}.stack-actions button.primary{min-width:220px}.stack-result{margin-top:36px;border-top:2px solid #b99852;padding-top:26px}#stack-result-status{font-size:13px;color:#c8bfa8;margin:12px 0}#stack-capacity-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0}#stack-capacity-summary>div{display:grid;gap:8px;border-bottom:1px solid #9b824355;padding-bottom:16px}#stack-capacity-summary strong{font:19px Georgia,serif;color:#e5ce91}#stack-capacity-summary span{font-size:14px}#stack-capacity-summary small{color:#b8ad94;font-size:12px}.stack-result-row{display:grid;grid-template-columns:1fr auto;gap:10px;padding:18px 0;border-bottom:1px solid #9b824344}.stack-result-row>div:first-child{display:flex;align-items:center;gap:14px}.stack-order{color:#b79753;font:12px system-ui}.stack-result-row strong{font-size:14px}.stack-result-quantity{text-align:end}.stack-result-quantity small{display:block;font-size:10px;color:#b8ad94}.stack-result-quantity strong{font:25px Georgia,serif;color:#ffe4a0}.stack-result-stats{grid-column:1/-1;font-size:11px;color:#b8ad94;padding-inline-start:29px}#stack-output h3{font-size:21px;margin:20px 0 10px}#stack-copy{margin-top:24px;min-width:200px}#stack-tool button.primary:hover{background:transparent}
@media(max-width:800px){.stack-budget-grid{grid-template-columns:1fr;gap:24px}.stack-budget{display:grid;grid-template-columns:1fr 1.3fr;align-items:end;gap:14px}.stack-bonus-fields{margin:0}.stack-quick-grid{gap:20px}.stack-individual{flex-wrap:wrap}.stack-individual>label{width:100%}.stack-unit-fields{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.calculator-tabs{gap:8px}.calculator-tabs button{min-width:0;flex:1;font-size:13px;padding-inline:12px}.stack-budget{grid-template-columns:1fr}.stack-quick-grid{grid-template-columns:1fr}.stack-individual select{flex-basis:100%;width:100%}.stack-actions{flex-direction:column}.stack-actions button{width:100%}#stack-capacity-summary{gap:10px}#stack-capacity-summary strong{font-size:15px}#stack-capacity-summary span{font-size:12px}.stack-result-row strong{font-size:12px}.stack-result-quantity strong{font-size:24px}}

/* Account utilities stay together beside the language selector. */
.topbar{height:auto;min-height:84px;gap:18px;padding-block:12px}
.header-utilities{display:flex;align-items:center;justify-content:flex-end;gap:16px;min-width:0;margin-inline-start:auto}
.header-utilities .language-control{margin:0;gap:6px}
.header-credits{display:flex;align-items:center;gap:6px;color:#e8cf87;background:#101612b3;border:1px solid #807044;border-radius:4px;padding:3px 5px 3px 12px;min-height:46px}
.header-credits strong{font-size:12px;white-space:nowrap;font-weight:600}
.credit-info{position:relative}
.credit-info summary{list-style:none;display:grid;place-items:center;width:30px;min-height:36px;cursor:pointer;color:#c9b98e}
.credit-info summary::-webkit-details-marker{display:none}
.credit-info summary span{font:bold 12px Georgia,serif;border:1px solid currentColor;border-radius:50%;width:17px;height:17px;text-align:center;line-height:16px}
.credit-info p{position:absolute;z-index:40;inset-block-start:calc(100% + 12px);inset-inline-end:-48px;width:min(310px,calc(100vw - 36px));padding:14px 16px;border:1px solid #807044;border-radius:4px;background:#161b17;box-shadow:0 10px 30px #0008;color:#ddd2b4;font-size:12px;line-height:1.65;font-weight:400}
.topbar .header-plans{display:grid;place-items:center;min-width:44px;width:44px;height:40px;min-height:40px;padding:8px;border:0;background:url('/assets/wc-button-bg.webp') center/100% 100% no-repeat;color:#e8cf87}
.topbar nav{gap:8px;flex-shrink:0}
@media(max-width:1100px){.topbar{flex-wrap:wrap}.header-utilities{order:3;width:100%;justify-content:flex-end}.topbar nav{margin-inline-start:auto}}
@media(max-width:650px){.topbar{gap:10px;padding-block:10px}.topbar nav{width:auto;gap:2px}.topbar .nav-button,.topbar .account-button{padding-inline:9px;font-size:11px}.topbar .account-button{padding-inline:15px}.header-utilities{justify-content:space-between;gap:10px}.header-utilities .language-control select{max-width:94px}.header-credits{padding-inline-start:8px;gap:2px}.header-credits strong{font-size:11px}.credit-info p{inset-inline-end:-49px}.topbar .brand span{font-size:10px;letter-spacing:.5px}.topbar .brand img{width:28px;height:28px}.topbar .brand{gap:5px}}
@media(max-width:650px){.topbar .nav-button{padding-inline:6px}.topbar .account-button{padding-inline:12px}.topbar .brand span{max-width:76px;white-space:normal}}

#referral-section{margin-top:24px;padding:20px;border-top:1px solid #8e7747;background:rgba(9,20,22,.65)}
#referral-section h3{color:#eed17b;margin:0 0 10px}#referral-section p,#referral-hint{color:#c7c2ae;line-height:1.55;font-size:.92rem}
#referral-section strong{display:block;color:#eed17b;margin:14px 0}#referral-entry{margin:18px 0;padding:16px;border:1px solid #75623d;background:#101b20}
#referral-entry label{display:block;margin-bottom:8px;color:#eed17b}.referral-code-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.referral-code-row input{font-family:monospace;letter-spacing:1px;max-width:240px;min-width:0}#referral-input{max-width:260px;text-transform:uppercase}
@media(max-width:600px){#referral-section{padding:16px}.referral-code-row input{flex:1 1 100%;max-width:100%;width:100%}.referral-code-row button{flex:1 1 auto}}

.loading-status{display:flex;align-items:center;gap:12px;min-height:64px;padding:16px 8px;color:#e8d49c}.waiting-spinner,.is-loading::before{display:inline-block;width:18px;height:18px;flex:none;border:2px solid #d9b77640;border-top-color:#efcf8a;border-radius:50%;animation:waiting-spin .8s linear infinite}.is-loading::before{content:"";margin-inline-end:8px;vertical-align:middle}button.is-loading{cursor:wait}@keyframes waiting-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.waiting-spinner,.is-loading::before{animation:none;border-style:dotted}}