@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap');
:root{color-scheme:dark;--bg:#090b08;--panel:#0c0e0b;--line:#30362c;--muted:#777f70;--text:#c7cbbf;--green:#8ed745;--gold:#dace77;--blue:#a4becb}*{box-sizing:border-box}body{margin:0;background:#20231e;color:var(--text);font:12px/1.5 Verdana,Arial,sans-serif}button,input,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.43}a,.text-link{color:var(--blue);text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--green);outline-offset:3px}button{color:var(--text)}.resource-bar{height:30px;background:#080a07;border-bottom:1px solid #4b5145;display:flex;align-items:center;padding:0 14px;gap:28px;font-size:11px}.currencies{display:flex;gap:23px;white-space:nowrap}.currencies b{color:var(--gold);margin-right:7px}.currencies strong{font-weight:400}.action-meter{position:relative;max-width:690px;flex:1;height:19px;background:#1c2119;border:1px solid #37402f;text-align:center}.action-meter i,.level-meter i,.reserve i{position:absolute;inset:0 auto 0 0;width:100%;background:linear-gradient(#427529,#2b511e)}.action-meter span,.level-meter>span,.reserve span{position:relative;z-index:1}.action-meter strong{font-weight:400;color:#e3e9dc}.account{margin-left:auto;display:flex;gap:20px;white-space:nowrap}.account>span{color:#91a77b}.shell{max-width:1320px;margin:0 auto;background:var(--bg);border:1px solid var(--line);border-top:0}.banner{height:140px;position:relative;display:flex;align-items:center;padding:0 38px;gap:19px;background:#111b0f url('assets/banner.png') center 46%/cover no-repeat;overflow:hidden}.banner-shade{position:absolute;inset:0;background:linear-gradient(90deg,#040a04dc,transparent 80%),linear-gradient(0deg,#060a06aa,transparent)}.crest{color:#aad977;font-size:43px;position:relative}.title-block,.banner-note{position:relative}.eyebrow{font-size:9px;letter-spacing:2.6px;color:#8c9d79;font-family:Inter,Arial,sans-serif}.title-block h1{font:500 37px/1.2 Cinzel,Georgia,serif;color:#d2eab3;margin:4px 0 10px;letter-spacing:2px;text-shadow:0 2px 15px #000}.version{font:9px Inter,Arial,sans-serif;letter-spacing:2px;color:#89987a}.version span{padding:0 7px}.banner-note{margin-left:auto;color:#b3c29d;text-align:right;font:14px/1.8 Cinzel,Georgia,serif}.banner-note span{font-size:12px;color:#889578}nav{display:grid;grid-template-columns:repeat(10,1fr);background:linear-gradient(#191c16,#0c0e0a);border-block:1px solid var(--line)}nav button{border:0;border-right:1px solid var(--line);background:none;height:32px;font-size:11px}nav button:last-child{border-right:0}nav button:disabled{opacity:1;color:#858b7f}nav button.active{color:#b7ed78;box-shadow:inset 0 -2px #79b940;background:#25341b80}.level-meter{height:22px;position:relative;background:linear-gradient(#1a1e16,#10130e);text-align:center;font-size:10px;border-bottom:1px solid var(--line)}.level-meter i{width:0;opacity:.7}.game-grid{display:grid;grid-template-columns:230px minmax(0,1fr) 256px;gap:4px;padding:4px;align-items:stretch}.left-column,.right-column{display:flex;flex-direction:column;gap:4px}.panel{border:1px solid var(--line);background:var(--panel)}.panel>h2{font-size:11px;font-weight:400;text-align:center;margin:0;line-height:28px;background:linear-gradient(#1c2117,#0c0f0a);border-bottom:1px solid var(--line);position:relative;color:#d3d7c9}.heading-mark{position:absolute;right:9px;color:#7f9e49}.stats{margin:10px 10px 7px;display:grid;grid-template-columns:1fr auto;line-height:19px;font-size:11px}.stats dt,.stats dd{margin:0}.stats dd{color:var(--green);font-variant-numeric:tabular-nums}.small-note{font-size:9px;color:var(--muted);text-align:center;margin:7px 0 9px}.muted-stats{line-height:18px}.muted-stats dd{color:#82956e}.skills{padding:7px 6px 0}.skill{height:25px;border:1px solid var(--line);margin-bottom:4px;text-align:center;background:linear-gradient(#20241c,#11150e);font-size:10px;line-height:23px;position:relative}.skill span{position:relative}.skill i{position:absolute;inset:0 auto 0 0;background:#355c21;width:0}.skill:not(:first-child){color:#959c8b}.total-level{text-align:center;font-size:10px;color:#777f70;padding:1px 0 8px}.total-level span{color:var(--green)}.character-note{padding:16px 8px;text-align:center;flex:1;min-height:99px;background:radial-gradient(ellipse at bottom,#1a241180,transparent)}.tiny-cross{font-size:19px;color:#536541}.character-note p{color:#8f9a80;font:11px Cinzel,Georgia,serif;margin:7px 0}.character-note>span:last-child{font-size:9px;color:#59644f}.battlefield{min-width:0;display:flex;flex-direction:column}.quick-links{height:28px;border-bottom:1px solid var(--line);text-align:center;font-size:10px;background:linear-gradient(#1b1f17,#0c0f0a);line-height:27px;color:#8a9480}.quick-links button{padding:0;border:0;background:none;color:var(--blue);font-size:10px}.quick-links>span{padding:0 9px}.battle-toolbar{display:flex;align-items:center;justify-content:space-between;padding:21px 22px 13px}.battle-toolbar h2{font:500 23px Cinzel,Georgia,serif;color:#dde3d2;margin:2px 0 0}.state-label{font:9px Inter,Arial,sans-serif;letter-spacing:1.6px;color:#919c84;border:1px solid #39402f;padding:5px 9px}.state-label.fighting{color:#b3e67d;border-color:#587b35;background:#243716}.monster-picker{margin:0 22px 17px}.monster-picker label{display:block;font-size:10px;color:#8a9480;margin-bottom:6px}.picker-row{display:flex;gap:8px}select,input{border:1px solid #404837;border-radius:0;color:#d4deca;background:#171c13;padding:9px 10px;min-width:0}select{flex:1}.primary{border:1px solid #587d38;background:linear-gradient(#375325,#253d18);color:#d6edbd;padding:9px 16px;white-space:nowrap}.primary:hover:not(:disabled){background:#3a5728}.monster-meta{display:flex;justify-content:space-between;margin-top:8px;font-size:9px;color:#77816c}.monster-meta>span:first-child{color:#bcba82;letter-spacing:.7px}.arena{margin:0 13px;border:1px solid #292f23;background:radial-gradient(ellipse at 50% 40%,#1a261033,#0a0d08 75%);padding:18px 12px 13px}.combatants{display:flex;align-items:center;gap:13px}.combatant{flex:1;min-width:0}.combatant-label{display:flex;justify-content:space-between;font-size:10px;margin-bottom:7px;gap:5px}.combatant-label strong{font-weight:400;color:#cedbbd;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.combatant-label>span{color:#79886a;white-space:nowrap}.versus{font:italic 13px Georgia;color:#7a8869;padding-bottom:13px}.healthbar{height:21px;background:#171e12;border:1px solid #39452e;position:relative;text-align:center;font-size:10px;line-height:19px}.healthbar i{position:absolute;inset:0 auto 0 0;width:100%;background:linear-gradient(#42752a,#2e541c);transition:width .35s}.healthbar span{position:relative;color:#dbe6cd}.enemy .healthbar{border-color:#59372e;background:#231512}.enemy .healthbar i{background:linear-gradient(#823b2b,#58251d)}.combatant-type{font:8px Inter,Arial,sans-serif;letter-spacing:1.5px;color:#56604b;display:block;margin-top:5px;text-align:center}.battle-report{min-height:190px;text-align:center;padding-top:20px}.battle-symbol{font-size:33px;line-height:1;color:#6d8551;margin-bottom:14px}.battle-report h3{font:400 17px Cinzel,Georgia,serif;color:#bdccaa;margin:0 0 10px}.battle-report p{font-size:10px;margin:4px 0;color:#89957b}.battle-report #result-detail{font-size:9px;color:#667359}.reward{color:var(--gold);font-size:12px;min-height:25px;margin-top:12px}.countdown-row{display:flex;justify-content:space-between;font-size:9px;color:#68775a;margin-top:15px}.timer-track{height:3px;background:#252c1e;margin-top:6px;overflow:hidden}.timer-track i{display:block;background:#799f45;height:100%;width:0}.tracker{margin:26px 23px 0}.section-label{display:flex;gap:13px;align-items:center}.section-label>span{height:1px;background:#30382a;flex:1}.section-label h3{font:11px Cinzel,Georgia,serif;color:#acb79d;white-space:nowrap}.tracker-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:16px}.tracker-grid>div{text-align:center;border-right:1px solid #283020}.tracker-grid>div:last-child{border:0}.tracker-grid>div>span{display:block;color:#939f85;font-size:9px}.tracker-grid strong{font:19px Georgia,serif;display:block;color:#a8d276;padding:6px 0}.tracker-grid strong b{font-weight:400}.tracker-grid strong em{color:#566447;font-size:15px;font-style:normal;padding:0 3px}.tracker-grid small{font-size:8px;color:#68765a}.gold-text,.tracker-grid .gold-text{color:var(--gold)}.battle-footnote{margin:auto 25px 0;padding:30px 0 17px;text-align:center;color:#69785a;font-size:9px}.battle-footnote span{color:#9aaa7c;margin-right:4px}.event{text-align:center;padding-bottom:11px}.event p{color:#c9cb9a;font-size:11px;margin:11px 0 4px}.event>span{font-size:9px;color:#768168}.coming-soon{font:8px Inter,sans-serif;letter-spacing:1.5px;color:#647355;margin-top:11px}.equipment-caption{font-size:9px;color:#78856b;padding:9px 9px 7px}.equipment-item{border:0;border-top:1px solid #222a1c;background:none;width:100%;padding:7px 9px;display:flex;align-items:center;text-align:left;gap:9px;line-height:1.3}.equipment-item:hover{background:#1b2812}.item-icon{width:25px;height:27px;display:grid;place-items:center;border:1px solid #39412e;background:linear-gradient(130deg,#28341d,#141a10);color:#9bad7e}.item-icon svg{width:17px;height:17px}.item-copy{flex:1}.item-copy strong{font-size:10px;font-weight:400;color:#c6d3b7;display:block}.item-copy small{font-size:8px;color:#748362;display:block;margin-top:3px}.item-level{font-size:10px;color:#98cf62}.equipment-footer{display:flex;justify-content:space-between;border-top:1px solid #2b3423;font-size:8px;color:#637454;padding:7px 10px}.reserve-wrap{padding:7px 6px 0}.reserve{height:20px;position:relative;text-align:center;border:1px solid #3c4930;background:#182211;font-size:10px;line-height:18px}.log-panel{flex:1;min-height:130px}#log{height:130px;overflow-y:auto;padding:7px;font-size:9px;scrollbar-color:#36432b #10150c}#log p{margin:0 0 4px;color:#a6bb8d}#log time{color:#5f7150;margin-right:3px}.world-footer{display:flex;justify-content:space-between;padding:9px 12px;color:#5c6853;font-size:9px;border-top:1px solid var(--line)}.world-footer b{padding:0 6px}.chat-dock{margin-top:16px;display:grid;grid-template-columns:177px 1fr;background:#171b14;border-block:1px solid #444b3d;min-height:172px;font-size:10px}.chat-tabs{border-right:1px solid #444b3d;display:flex;flex-direction:column}.chat-tabs>*{padding:3px 10px;line-height:17px;font-weight:400}.chat-tabs>strong{border-bottom:1px solid #444b3d;color:#abbba0}.chat-tabs .selected{background:#2c3425;color:#d1dcc4}.chat-tabs small{float:right;font-size:7px;color:#5c6b4f;line-height:17px}.chat-content{padding:5px 9px}.chat-heading{border:1px solid #343e2c;padding:3px 7px;color:#7e8f6c}.chat-heading span{float:right;font-size:8px;letter-spacing:1.2px;color:#58694a}#notices{padding:5px 0}#notices p{margin:3px 0;color:#9eaf8c}#notices time{color:#637653}#notices b{color:#b5d78e;font-weight:400}.chat-disabled{font-size:9px;color:#536348;margin-top:7px}dialog{width:390px;max-width:calc(100vw - 30px);border:1px solid #52653e;background:#11180d;color:var(--text);padding:29px;box-shadow:0 20px 100px #000b}dialog::backdrop{background:#000b}dialog h2{font:20px Cinzel,Georgia;margin:9px 0 17px;color:#d3e2bf}.dialog-close{position:absolute;right:10px;top:7px;background:none;border:0;font-size:22px;color:#829a6a}dialog p{color:#94a780;font-size:11px}.upgrade-comparison{display:flex;justify-content:space-between;align-items:center;padding:18px 10px;background:#1a2512;border:1px solid #35492a;margin:20px 0;color:#c4e09f}dialog .primary{width:100%;margin-top:8px}.error{color:#ef9c86!important;min-height:17px}.success{color:#afd674!important}#auth-form label{display:block;margin:13px 0 0;color:#a5b994;font-size:11px}#auth-form input{width:100%;margin-top:6px}#auth-switch{border:0;background:none;display:block;margin:19px auto 0;font-size:10px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:11px 20px;background:#25381a;border:1px solid #638b42;color:#d4e8bd;font-size:12px;box-shadow:0 5px 25px #0007;display:none;z-index:10}[hidden]{display:none!important}@media(min-width:1600px){.banner{height:152px}.game-grid{grid-template-columns:240px minmax(0,1fr) 265px}.battle-report{min-height:215px}}@media(max-width:1050px){.resource-bar{gap:12px}.currencies{gap:10px}.currencies>span:not(:first-child){display:none}.game-grid{grid-template-columns:180px minmax(0,1fr) 215px}.banner{padding:0 23px}.banner-note{display:none}.battle-toolbar{padding-inline:14px}.monster-picker{margin-inline:14px}.picker-row{flex-wrap:wrap}.picker-row select{width:100%}.picker-row .primary{width:100%}.monster-meta{gap:10px}.tracker{margin-inline:12px}.tracker-grid small{font-size:8px}.equipment-item{gap:5px;padding-inline:6px}.battle-footnote{margin-inline:12px}}@media(max-width:760px){.resource-bar{height:auto;min-height:53px;padding:5px 10px;flex-wrap:wrap;gap:4px 15px}.action-meter{order:3;flex-basis:100%;max-width:none}.account{font-size:9px;gap:10px}.shell{border-inline:0}.banner{height:111px;padding:0 17px;gap:12px}.crest{font-size:31px}.title-block h1{font-size:27px}.eyebrow{font-size:8px}.version{font-size:8px}nav{grid-template-columns:repeat(6,1fr)}nav button{font-size:9px;height:30px;border-bottom:1px solid #262d20}.game-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5px;padding:5px}.battlefield{grid-column:1/-1;grid-row:1}.left-column{grid-column:1}.right-column{grid-column:2}.battle-report{min-height:178px}.picker-row{flex-wrap:nowrap}.picker-row select{width:auto}.picker-row .primary{width:auto;padding-inline:10px}.battle-toolbar{padding-top:15px}.tracker{margin-top:13px}.battle-footnote{padding-top:24px}.chat-dock{grid-template-columns:100px 1fr;min-height:190px}.chat-tabs>*{padding-left:7px}.chat-tabs small{display:none}.world-footer{gap:20px;font-size:8px}.chat-heading span{display:none}.equipment-item{padding-block:8px}.item-copy strong{font-size:9px}.item-copy small{font-size:8px}.event>span{padding:0 5px;display:block}.stats{font-size:10px}.character-note{min-height:120px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}


/* The centered action control doubles as the six-second battle countdown. */
.resource-bar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.8fr) minmax(0,1fr);gap:24px}
.action-meter{width:100%;max-width:690px;justify-self:center;padding:0;overflow:hidden;line-height:17px;color:var(--text)}
.action-meter i{width:0;pointer-events:none}
.action-meter>span{pointer-events:none}
.action-meter:hover:not(:disabled){border-color:#7e9e5a}
.action-meter:disabled{opacity:1}
.action-countdown{color:#bccbad;font-size:10px;display:inline-block;min-width:45px}
.account{margin-left:0;justify-self:end}
@media(max-width:1250px){.currencies>span:not(:first-child){display:none}}
@media(max-width:760px){.resource-bar{grid-template-columns:1fr 1fr;gap:4px 15px}.action-meter{grid-column:1/-1;grid-row:2;order:0;max-width:none}.account{grid-column:2;grid-row:1}.currencies{grid-column:1;grid-row:1}}

.action-meter #action-fill{width:100%;transform:scaleX(0);transform-origin:left center;will-change:transform}
.battlefield:has(#hunt-setup[hidden]) .arena{margin-top:14px}
.battle-actions{display:flex;justify-content:center;gap:7px;margin:5px 0 13px}
.battle-actions button{font-size:10px;padding:3px 12px;border:1px solid #465638;background:linear-gradient(#27351d,#162010);color:#c7d8b6}
.battle-actions button:hover:not(:disabled){background:#354b23}
/* Premium, training and persistent chat retain the compact game layout. */
body{padding-bottom:190px}
.panel-link{border:0;background:none;width:100%;font:inherit;color:#d6e4c5;padding:0;line-height:28px}
.panel-link:hover{background:#27351d;color:#b9ef83}
.premium-side{text-align:center;padding-bottom:10px}.premium-side p{margin:8px 0 3px;color:var(--gold)}.premium-side>.text-link{border:0;background:none;font-size:10px}
.center-panel{padding:22px;min-width:0}.center-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.center-heading h2{font:23px Cinzel,Georgia,serif;color:#d5e6c0;margin:4px 0 12px}.center-heading button{background:none;border:0;font-size:10px}.center-panel h3{font:15px Cinzel,Georgia,serif;color:#b9cc9f;border-bottom:1px solid #354329;padding-bottom:9px;margin-top:26px}.balance-line{font-size:12px;color:#a2b58c}.balance-line strong{color:var(--gold)}.panel-description{font-size:11px;color:#95a781;line-height:1.7}.investment-row{display:grid;grid-template-columns:minmax(0,1fr) 62px 100px;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #27341d}.investment-row strong{font-size:11px;font-weight:400;color:#c4d4b3}.investment-row small{display:block;font-size:9px;color:#7e916b;line-height:1.6;margin-top:4px}.investment-row>span{color:#a6d672;font-size:12px;text-align:right}.investment-row button,.autos-purchase button,.purchase-presets button{border:1px solid #455c30;background:linear-gradient(#2b3d1e,#192710);font-size:10px;padding:6px 8px;color:#caddb6}.investment-row button:hover:not(:disabled),.purchase-presets button:hover:not(:disabled){background:#3a5228}.purchase-presets{display:flex;flex-wrap:wrap;gap:5px;margin:12px 0}.amount-label{display:flex;align-items:center;gap:12px;font-size:11px;margin-top:14px}.amount-label input{width:110px;padding:7px}#purchase-quote{font-size:12px}#paypal-buttons{max-width:360px;margin:16px auto 8px}#paypal-status{font-size:10px}#payment-recover{background:none;border:0;padding:0;font-size:10px}.autos-purchase{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:11px}.autos-purchase label{display:flex;align-items:center;gap:10px}.autos-purchase select{padding:5px}#autos-tier{text-align:left}.tracker-reset{font:10px Verdana,Arial,sans-serif;border:0;background:none;margin-left:5px}.battlefield{min-height:520px}.battlefield:has(#combat-panel:not([hidden])):has(#hunt-setup[hidden]) .arena{margin-top:14px}
.chat-dock{position:fixed;bottom:0;left:0;right:0;z-index:50;height:172px;min-height:0;margin:0;grid-template-columns:177px minmax(0,1fr);box-shadow:0 -4px 18px #0005}
.chat-tabs button{border:0;background:none;color:#adbba0;text-align:left;font-size:10px;min-height:27px}.chat-tabs button.selected{background:#2c3425;color:#dae9cd}.chat-content{display:grid;grid-template-rows:25px minmax(0,1fr) 27px 14px;gap:2px;min-height:0}.chat-heading{line-height:17px;padding-block:2px}.chat-heading #chat-channel{float:none;letter-spacing:normal;font-size:10px;color:#a9bc95}.chat-heading #chat-mode{float:right}#chat-messages{overflow-y:auto;scrollbar-color:#36432b #10150c;font-size:10px;min-height:0}#chat-messages p{margin:2px 0;overflow-wrap:anywhere;color:#adc397}#chat-messages time{color:#6f845a}#chat-messages strong{color:#c4d1b5;font-weight:400}#chat-form{display:flex;gap:5px}#chat-input{flex:1;padding:3px 7px;font-size:11px;border-color:#3b4a2f}#chat-send{padding:2px 12px;background:#283b1a;border:1px solid #4a6335;font-size:10px}#chat-status{font-size:9px;color:#9baf87;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#toast{bottom:190px;z-index:70}dialog{z-index:100}
@media(max-width:760px){.center-panel{padding:15px}.center-heading{flex-wrap:wrap}.investment-row{grid-template-columns:minmax(0,1fr) 52px 90px;gap:6px}.investment-row small{font-size:8px}.center-panel h3{font-size:14px}.chat-dock{grid-template-columns:70px minmax(0,1fr)}.chat-tabs button{padding:5px 7px}#chat-mode{display:none}.game-grid .battlefield{min-height:320px}.currencies{gap:9px}.currencies>span:not(:first-child){display:inline}.currencies b{font-size:9px;margin-right:3px}.currencies span{font-size:9px}.resource-bar{grid-template-columns:1.2fr 1fr}.account{gap:5px;font-size:8px}.account>span{display:none}}

.chat-heading #chat-channel{display:inline}

.premium-menu{display:flex;gap:6px;border-bottom:1px solid #354329;padding-bottom:10px;margin-bottom:16px}.premium-menu button{border:1px solid #354329;background:#141d0f;color:#99ac85;padding:8px 14px;font:11px Verdana,Arial,sans-serif}.premium-menu button[aria-current="page"]{background:#2b3d1e;color:#d1e9b9;border-color:#657e45}.premium-menu button:hover{background:#354b23}

.autos-purchase input{width:90px;padding:5px}.tracker-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.right-column .log-panel #log{height:280px;max-height:none}.reward{line-height:1.7}@media(max-width:760px){.tracker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.quest-content{padding:10px;font-size:11px;line-height:1.6}.quest-content select{width:100%;padding:5px}.quest-actions{display:flex;flex-wrap:wrap;gap:5px}.quest-actions button{padding:6px;font-size:10px;background:#293a1c;border:1px solid #455c30}.quest-content #quest-title{color:#d3e6b9}.quest-content #quest-rewards{color:#c8bd78}.quest-content #quest-note{font-size:10px;color:#8da079}

#boost-list{display:grid;gap:12px}.boost-card{border:1px solid #384b2b;background:linear-gradient(135deg,#1d2a14,#11190d);padding:16px;border-radius:5px}.boost-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.boost-heading strong{font-size:12px;color:#dcebc9;font-weight:400}.boost-level{font-size:11px;color:#b5db85;white-space:nowrap}.boost-progress{display:block;width:100%;height:9px;margin:12px 0 9px;border:1px solid #40522e;border-radius:5px;overflow:hidden;background:#0d1409;accent-color:#86ae50}.boost-progress::-webkit-progress-bar{background:#0d1409}.boost-progress::-webkit-progress-value{background:linear-gradient(90deg,#416c29,#97bf56)}.boost-progress::-moz-progress-bar{background:#86ae50}.boost-description{font-size:10px;color:#94a681;line-height:1.6;margin:0 0 12px}.boost-purchase{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.boost-choices{display:flex;gap:3px}.boost-choices button{font-size:11px;padding:6px 10px;border:1px solid #40532f;background:#111a0c;color:#9eb689;border-radius:3px}.boost-choices button[aria-pressed=true]{background:#354d22;color:#e1efca;border-color:#729a47}.boost-custom{display:flex;align-items:center;gap:6px;font-size:10px;color:#aabf94}.boost-custom input{width:60px;padding:6px;font-size:11px}.boost-buy{margin-left:auto;background:linear-gradient(#3d5926,#293e19);border:1px solid #729647;color:#e3f0ce;border-radius:3px;font-size:11px;padding:7px 12px}.boost-quote{font-size:10px;color:#a7be8f;margin:10px 0 0;line-height:1.6}.boost-card button:disabled{opacity:.45;cursor:default}@media(max-width:760px){.boost-card{padding:12px}.boost-buy{margin-left:0}}
/* Compact premium boost rows. */
#boost-list{gap:8px}.boost-card{display:flex;align-items:center;gap:18px;padding:11px 13px}.boost-summary{flex:1;min-width:0}.boost-heading{gap:8px}.boost-heading strong{font-size:11px}.boost-level{font-size:10px}.boost-progress{height:7px;margin:7px 0 5px}.boost-description{margin:0;font-size:9px}.boost-purchase{flex-shrink:0;flex-wrap:nowrap;gap:7px}.boost-quantity{width:54px;padding:6px;font-size:11px}.boost-buy{margin:0;padding:7px 9px;font-size:10px;white-space:nowrap;min-width:137px}@media(max-width:1050px){.boost-card{gap:10px}.boost-heading{align-items:flex-start;flex-direction:column;gap:3px}.boost-buy{min-width:0}}@media(max-width:380px){.boost-card{gap:7px;padding:9px}.boost-purchase{gap:4px}.boost-quantity{width:42px}.boost-buy{font-size:9px;padding:7px 5px}}

.quest-actions button{border:0;background:none;padding:2px 0;color:#b9d88e;font:11px Verdana,Arial,sans-serif;cursor:pointer}.quest-actions{gap:12px}.quest-actions button:hover:not(:disabled){color:#e0f4bf;text-decoration:underline}.quest-actions button:disabled{opacity:.45;cursor:default}

.quest-content{text-align:center}.quest-content select{display:block;width:155px;max-width:100%;margin:0 auto;text-align:center}.quest-actions{justify-content:center}
.quest-content #quest-reward{color:var(--gold);font-size:10px;line-height:1.5;margin:7px 0}
.quest-content select:focus,.quest-content select:focus-visible,#chat-input:focus,#chat-input:focus-visible{outline:none;box-shadow:none}

.trade-grid,.inventory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.trade-card,.inventory-item{border:1px solid #343a2c;padding:14px;background:#10130e}.trade-card h3{margin:0 0 10px}.trade-card h3 span{float:right;font-size:12px;color:#9ba48f}.trade-card progress{width:100%;height:8px;accent-color:#75ad43}.trade-card p{font-size:12px;color:#aab49e}.trade-card .primary{width:100%;margin-top:8px}.inventory-item{display:flex;justify-content:space-between;gap:10px}.inventory-item strong{color:#a4d572}#trade-running{text-align:center;padding:2px 0 16px}#trade-running>h3{margin:0 0 11px;padding-top:0;font-size:19px}#trade-result{color:#b2d986}#trade-running .tracker{text-align:initial;margin-top:20px}#trade-running .battle-actions{margin-top:12px}@media(max-width:480px){.trade-grid,.inventory-grid{grid-template-columns:1fr}}
.trade-resource-balance{color:#8f9e82;font-size:11px;margin:5px 0}.trade-resource-balance strong{color:var(--gold);font-weight:400}.log-clear{position:absolute;right:8px;top:0;border:0;background:none;padding:0;font-size:9px;line-height:28px}.log-clear:hover:not(:disabled){text-decoration:underline}
.chat-dock{height:192px}.chat-content{position:relative;grid-template-rows:25px minmax(0,1fr) 27px}#chat-form{grid-row:3}#chat-status{position:absolute;right:14px;bottom:31px;max-width:55%;background:#171b14cc;padding:0 3px;z-index:2}#chat-status:empty{display:none}body{padding-bottom:210px}#toast{bottom:210px}
.profile-total{color:#879778;font-size:10px}.profile-total strong{display:block;color:#a8d475;font:24px Georgia,serif;text-align:right}.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.profile-grid>section{border:1px solid #34402c;background:#10140d;padding:12px 15px}.profile-grid h3{margin:0 0 8px;font-size:12px}.profile-grid dl{display:grid;grid-template-columns:1fr auto;gap:7px 12px;margin:0}.profile-grid dt{color:#8f9f80}.profile-grid dd{margin:0;text-align:right;color:#b7d88f}.profile-grid dd strong{font-weight:400}.profile-grid dd small{display:block;color:#6f7e64;font-size:8px}@media(max-width:600px){.profile-grid{grid-template-columns:1fr}}
.market-toolbar{display:flex;align-items:end;justify-content:space-between;gap:15px;border:1px solid #35432c;background:#10150d;padding:10px 12px}.market-toolbar label,.market-order-form label{display:grid;gap:4px;color:#8fa07f;font-size:9px}.market-toolbar select{width:170px;padding:6px}.market-toolbar p{display:flex;gap:24px;margin:0;color:#8fa07f}.market-toolbar strong{color:var(--gold);font-weight:400}.market-order-form{display:grid;grid-template-columns:145px 1fr 1fr 120px auto;align-items:end;gap:9px;margin-top:10px;border:1px solid #303b29;padding:10px;background:#0e120c}.market-order-form select,.market-order-form input{width:100%;padding:7px}.market-order-total{display:grid;gap:4px;font-size:9px;color:#8fa07f}.market-order-total strong{font-size:11px;color:var(--gold);font-weight:400;white-space:nowrap}.market-order-form .primary{padding:7px 12px}.market-note{color:#75866a;font-size:9px;margin:6px 2px}.market-status{min-height:18px;margin:2px 0}.market-books{display:grid;grid-template-columns:1fr 1fr;gap:12px}.market-books>section{min-width:0;border:1px solid #323e2a;background:#0f130d;padding:10px}.market-books h3{margin:0 0 2px;padding:0 0 7px;font-size:12px}.market-book-note{font-size:9px;color:#748267;margin:4px 0 9px}.market-table-wrap{overflow:auto;max-height:315px}.market-table-wrap table{width:100%;border-collapse:collapse;font-size:9px}.market-table-wrap th{position:sticky;top:0;background:#192115;color:#829373;font-weight:400;text-align:left;padding:6px;border-bottom:1px solid #3a4830;white-space:nowrap}.market-table-wrap td{padding:6px;border-bottom:1px solid #252e20;color:#adbca0;white-space:nowrap}.market-table-wrap td:nth-child(2){color:var(--gold)}.market-table-wrap input{width:72px;padding:4px}.market-direct{border:1px solid #4c6638;background:#25381a;color:#cde4b6;padding:4px 7px;font-size:9px}.market-empty{text-align:center;color:#748267;padding:28px 4px}.market-table-wrap .text-link{border:0;background:none;padding:0;font-size:9px}@media(max-width:1050px){.market-order-form{grid-template-columns:1fr 1fr}.market-order-form .primary{width:100%}}@media(max-width:700px){.market-toolbar{align-items:stretch;flex-direction:column}.market-toolbar p{justify-content:space-between}.market-books{grid-template-columns:1fr}.market-order-form{grid-template-columns:1fr 1fr}.market-table-wrap{max-height:260px}}
.market-panel{padding-top:8px}.market-panel>.center-heading h2{margin-top:0}.market-menu{display:flex;justify-content:center;gap:16px;margin:-3px 0 8px}.market-menu button{border:0;background:none;padding:2px;color:#94a981;font-size:10px}.market-menu button.active{color:#d4e8b9;text-decoration:underline}.market-panel input:focus,.market-panel input:focus-visible,.market-panel select:focus,.market-panel select:focus-visible,.market-panel button:focus,.market-panel button:focus-visible{outline:none;box-shadow:none}.market-wide-table{max-height:390px;border:1px solid #323e2a}.market-panel>div[hidden]+.market-status{margin-top:0}
.event #event-title{margin-bottom:3px}.event #event-detail{display:block;color:#f0f3ea;font-size:11px;font-weight:700;line-height:1.35;padding:0 7px}.event #event-detail:empty{display:none}
#main-nav{grid-template-columns:repeat(9,1fr)}.clan-panel{padding-top:8px}.clan-panel>.center-heading h2{margin-top:0}.clan-create,.clan-donate,.clan-taxes{display:flex;gap:9px;align-items:end;margin:12px 0}.clan-create input{flex:1}.clan-summary{display:flex;align-items:center;gap:18px;border:1px solid #35432c;background:#10150d;padding:10px 12px}.clan-summary h3{margin:0 auto 0 0;color:#cde3b6}.clan-summary b,.clan-vault b{color:var(--gold);font-weight:400}.clan-menu{display:flex;justify-content:center;gap:14px;margin:10px 0}.clan-menu button{border:0;background:none;color:#94a981;padding:2px}.clan-menu button.active{color:#d4e8b9;text-decoration:underline}.clan-vault{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;border:1px solid #303b29;padding:12px}.clan-vault span{display:flex;justify-content:space-between}.clan-donate select,.clan-donate input{flex:1}.clan-buildings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.clan-building{border:1px solid #323e2a;background:#0f130d;padding:10px}.clan-building h3{margin:0}.clan-building h3 span{float:right;color:#8fa07f;font-size:9px}.clan-building p{color:#acc69a}.clan-building small{display:block;color:#837f58;min-height:28px}.clan-building .primary{width:100%;margin-top:8px;padding:6px}.clan-taxes label{display:grid;gap:4px;flex:1}.clan-taxes input{width:100%}.clan-members-table{max-height:390px;border:1px solid #323e2a}.clan-members-table table{min-width:1100px}@media(max-width:760px){#main-nav{grid-template-columns:repeat(5,1fr)}.clan-summary{align-items:flex-start;flex-wrap:wrap}.clan-buildings{grid-template-columns:1fr}.clan-vault{grid-template-columns:repeat(2,1fr)}.clan-taxes{flex-wrap:wrap}.clan-taxes label{flex-basis:30%}}
.clan-building-costs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px 8px;font-size:8px;line-height:1.45}.clan-building-costs span{white-space:nowrap}.clan-building-costs .enough{color:#79cf69}.clan-building-costs .missing{color:#e27161}.clan-tax-message{min-height:16px;margin:2px 0;color:#d4b96f!important;font-size:9px!important}.clan-tax-message:empty{display:none}
.clan-members-table{width:100%}.clan-members-table table{width:100%;min-width:0;table-layout:auto}.clan-members-table th,.clan-members-table td{white-space:nowrap}.clan-members-table th:first-child,.clan-members-table td:first-child{width:auto}.clan-members-table th:nth-child(n+4):nth-child(-n+9),.clan-members-table td:nth-child(n+4):nth-child(-n+9){width:1%;text-align:center}.clan-member-name{padding:0;border:0;background:none;font-size:inherit}.clan-member-actions{display:grid;gap:8px}.danger-button{border-color:#75483e;background:linear-gradient(#563028,#3a201b);color:#f0c0b4}.danger-button:hover:not(:disabled){background:#65372e}#clan-member-dialog strong{color:var(--green);font-weight:400}.clan-taxes{flex-wrap:wrap}.clan-taxes label{min-width:110px}.clan-taxes .primary{align-self:end}
.clan-members-table table{width:100%;min-width:0;font-size:10px;border-collapse:collapse}.clan-members-table th,.clan-members-table td{padding:6px 8px;border-right:1px solid #303a29;border-bottom:1px solid #3a4432;line-height:1.3}.clan-members-table th:last-child,.clan-members-table td:last-child{border-right:0}.clan-members-table tbody tr:nth-child(even),.clan-donations-table tbody tr:nth-child(even){background:#141a11}.clan-members-table td:first-child,.clan-donations-table td:first-child{color:#c5d8b4}.clan-members-table .text-link{font-size:10px;white-space:nowrap}.clan-donations-table{max-height:390px;border:1px solid #323e2a}.clan-donations-table table{width:100%;min-width:760px;font-size:10px;border-collapse:collapse}.clan-donations-table th,.clan-donations-table td{padding:6px;border-right:1px solid #303a29;border-bottom:1px solid #3a4432;line-height:1.3}.clan-donations-table th:last-child,.clan-donations-table td:last-child{border-right:0}.clan-donations-table td:not(:first-child){text-align:right}

.clan-funds{display:grid;border:1px solid #303b29;background:#0f130d}.clan-fund-row{display:grid;grid-template-columns:minmax(145px,1fr) 125px 145px 38px;align-items:center;gap:8px;padding:6px 8px;border-bottom:1px solid #303a29;font-size:10px}.clan-fund-row:last-child{border-bottom:0}.clan-fund-row>span{color:#aab99c}.clan-fund-row>span b{color:var(--gold);font-weight:400}.clan-fund-row input{width:100%;padding:5px 7px}.clan-fund-row small{color:#7f8e73;white-space:nowrap}.clan-fund-row small b{color:#b8d59f;font-weight:400}.clan-fund-row button{border:0;background:none;color:var(--blue);padding:3px;font-size:10px}.clan-fund-row button:hover{text-decoration:underline}.clan-funds+#clan-donate-submit{display:block;margin:10px auto 0;padding:6px 13px}.clan-panel input:focus,.clan-panel input:focus-visible,.clan-panel select:focus,.clan-panel select:focus-visible,.clan-panel button:focus,.clan-panel button:focus-visible{outline:none;box-shadow:none}@media(max-width:760px){.clan-fund-row{grid-template-columns:minmax(110px,1fr) 95px;gap:5px 8px}.clan-fund-row small{text-align:right}.clan-fund-row button{justify-self:end}}

/* Slightly larger clan Funds and Members text while retaining the compact layout. */
.clan-fund-row{font-size:11px}.clan-fund-row input,.clan-fund-row button{font-size:11px}.clan-fund-row small{font-size:10px}.clan-funds+#clan-donate-submit{font-size:11px}.clan-members-table table{font-size:11px}.clan-members-table th,.clan-members-table td{font-size:11px}.clan-members-table .text-link{font-size:11px}

.clan-members-table table{min-width:780px}.clan-members-table th:nth-child(n+4):nth-child(-n+8),.clan-members-table td:nth-child(n+4):nth-child(-n+8){text-align:center}

/* Keep clan member skill columns only as wide as their labels and values. */
.clan-members-table table{width:max-content;min-width:0}.clan-members-table th,.clan-members-table td{padding-left:5px;padding-right:5px}.clan-members-table th:nth-child(n+4):nth-child(-n+8),.clan-members-table td:nth-child(n+4):nth-child(-n+8){width:1%;padding-left:3px;padding-right:3px;white-space:nowrap}.clan-members-table th:first-child,.clan-members-table td:first-child{width:1%;white-space:nowrap}

/* Fill the Members panel while keeping the five level columns compact. */
.clan-members-table table{width:100%;min-width:0}.clan-members-table th:first-child,.clan-members-table td:first-child{width:auto}.clan-members-table th:nth-child(n+4):nth-child(-n+8),.clan-members-table td:nth-child(n+4):nth-child(-n+8){width:1%;padding-left:3px;padding-right:3px;white-space:nowrap}

/* Bulk training and Hideout */
.training-investment{grid-template-columns:minmax(125px,1fr) 70px minmax(260px,1.5fr)}.training-purchase{display:grid;grid-template-columns:minmax(80px,1fr) 58px minmax(130px,auto);align-items:center;gap:7px}.training-purchase input[type=range]{width:100%;padding:0;accent-color:#79b940}.training-purchase input[type=number]{width:58px;padding:6px}.training-purchase button{white-space:nowrap}.hideout-buildings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.hideout-building{border:1px solid #35432c;background:#0f140d;padding:14px}.hideout-building-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #2d3926;padding-bottom:8px}.hideout-building-heading h3{border:0;padding:0;margin:0}.hideout-building-heading span{font-size:9px;color:#8da17a}.hideout-building>p{min-height:36px;color:#9daf8c}.hideout-building>strong{display:block;color:#a7d776;font-weight:400;margin:8px 0}.hideout-building>small{display:block;color:#857f5d;margin-bottom:9px}.hideout-costs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));font-size:9px;gap:3px 9px}.hideout-costs span{white-space:nowrap}.hideout-costs .enough{color:#79cf69}.hideout-costs .missing{color:#e27161}.hideout-building .primary{width:100%;margin-top:12px}.hideout-construction{border:1px solid #465b37;background:#14200f;padding:11px;margin:12px 0}.hideout-construction{display:grid;grid-template-columns:1fr auto;gap:7px}.hideout-construction span{color:#c8d7b7}.hideout-construction>div{grid-column:1/-1;height:5px;background:#273120}.hideout-construction i{display:block;height:100%;background:#79b940;transition:width 1s linear}
@media(max-width:760px){.training-investment{grid-template-columns:minmax(0,1fr) 55px}.training-purchase{grid-column:1/-1;grid-template-columns:minmax(70px,1fr) 58px minmax(120px,auto)}.hideout-buildings{grid-template-columns:1fr}}
.hideout-watch button{width:100%;border:0;background:none;padding:11px 7px;color:#9fbb86;text-align:center}.hideout-watch button:hover{background:#172011}.hideout-watch strong,.hideout-watch small{display:block;font-weight:400}.hideout-watch small{min-height:14px;color:#d1c27b;font-size:9px;margin-top:3px}.hideout-watch .completed{color:#e26357}
.refined-chat-item{color:#72df68;font-weight:700;text-shadow:0 0 5px #4f9d4838}.rare-chat-item{color:#5fa8ff;font-weight:700;text-shadow:0 0 5px #427acb55}.epic-chat-item{color:#c778ff;font-weight:700;text-shadow:0 0 5px #8f48c755}
.zone-picker{padding:0 22px 22px;text-align:center}.zone-picker>p{color:#8f9e81;font-size:10px}.zone-picker>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.zone-choice{border:1px solid #405034;background:linear-gradient(#202c19,#11170e);padding:14px 8px;color:#c5d9b0}.zone-choice strong,.zone-choice small{display:block}.zone-choice strong{font:12px Cinzel,Georgia,serif}.zone-choice small{font-size:8px;color:#7f9170;margin-top:5px}.zone-choice:hover:not(:disabled){background:#2a3b20}.zone-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.zone-heading button{border:0;background:none;padding:0;font-size:9px}.zone-heading strong{color:#a7c98b;font-weight:400;font-size:10px}.equipment-item.enhanced .item-copy strong,.equipment-item.enhanced .item-level{color:#71dc67}.equipment-item.enhanced .item-icon{color:#79df70;border-color:#4d7d42;background:linear-gradient(130deg,#274a20,#142411)}.equipment-item.rare .item-copy strong,.equipment-item.rare .item-level{color:#62aaff}.equipment-item.rare .item-icon{color:#69aeff;border-color:#426c9c;background:linear-gradient(130deg,#1d3e62,#101d2b)}.equipment-item.epic .item-copy strong,.equipment-item.epic .item-level{color:#c778ff}.equipment-item.epic .item-icon{color:#d08dff;border-color:#8551a7;background:linear-gradient(130deg,#4a1f64,#24102f)}
@media(max-width:760px){.zone-picker>div{grid-template-columns:1fr}.zone-choice{padding:9px}}

#monster.showing-last-killed{color:var(--green)}#monster option{color:#d4deca;background:#171c13}#monster option.last-killed-monster{color:var(--green);font-weight:700;background:#24371a}

/* Keep the shared experience meter evenly spaced below the main menu. */
.level-meter{border:1px solid var(--line);border-inline:0;margin-top:4px}

/* Crafting actions and their latest reward stay together above machine storage. */
.crafting-work h3{margin:0 0 9px}.crafting-work .reward{margin:7px 0;min-height:25px}.crafting-controls{margin-top:7px}
.crafting-controls .primary{padding:6px 11px;font-size:10px}

.monster-quality-note{display:block;text-align:center;color:#a8bd91!important;letter-spacing:0!important;padding-top:2px}

/* Crafting machine and Charm inventory */
.crafting-panel{padding-top:10px}.crafting-level{color:#8fa17e;font-size:10px}.crafting-level strong{display:block;color:#a9d77b;font:23px Georgia,serif;text-align:right}.crafting-xp{display:grid;grid-template-columns:1fr 230px;align-items:center;gap:12px;border:1px solid #33412b;background:#0f140d;padding:8px 11px;margin-bottom:12px;color:#8fa17e;font-size:10px}.crafting-xp b{color:#b7d79b;font-weight:400}.crafting-xp progress,.crafting-work>progress{width:100%;height:8px;accent-color:#78ae45}.crafting-storage,.crafting-work,.charm-inventory{border:1px solid #34422b;background:#0f140d;padding:12px;margin-top:12px}.crafting-storage h3,.charm-inventory h3{margin:0 0 9px}.crafting-resource-row{display:grid;grid-template-columns:minmax(150px,1fr) 120px 125px 35px;align-items:center;gap:8px;padding:5px 7px;border-bottom:1px solid #2d3727;font-size:10px}.crafting-resource-row:last-child{border-bottom:0}.crafting-resource-row span{color:#a2b393}.crafting-resource-row span b{color:var(--gold);font-weight:400}.crafting-resource-row input{width:100%;padding:5px}.crafting-resource-row small{color:#7e8d71}.crafting-resource-row button{border:0;background:none;color:var(--blue);padding:3px}.crafting-storage .primary{display:block;margin:10px auto 0}.crafting-progress-copy{display:flex;justify-content:space-between;gap:12px;color:#b7d89a}.crafting-progress-copy span{color:#8c9c7d}.crafting-work>progress{margin:9px 0}.crafting-draft{min-height:32px;color:#9eae90;font-size:10px;line-height:1.6}.crafting-controls{display:flex;align-items:end;justify-content:center;gap:9px;margin-top:10px}.crafting-controls label{display:grid;gap:4px;color:#839276;font-size:9px}.crafting-controls input{width:80px;padding:6px}.crafting-work .reward{text-align:center;margin:10px 0 0}.charm-inventory{margin-top:18px}.charm-card{border:1px solid #303c28;background:#0c100b;padding:9px 11px;margin-top:7px}.charm-card.equipped{border-color:#658c43;background:#15200f}.charm-heading{display:flex;justify-content:space-between}.charm-heading strong{color:#c6dfa9}.charm-heading span{color:#83b85c;font-size:9px}.charm-card p{color:#9eae90;font-size:10px;line-height:1.5;margin:7px 0}.charm-actions{display:flex;gap:12px}.charm-actions button{border:0;background:none;padding:0;font-size:9px}.danger-link{color:#d98272!important}@media(max-width:650px){.crafting-xp{grid-template-columns:1fr}.crafting-resource-row{grid-template-columns:1fr 100px}.crafting-resource-row small{text-align:right}.crafting-resource-row button{justify-self:end}.crafting-controls{flex-wrap:wrap}}

/* Charm quality and equipped state */
.charm-card.charm-refined{border-color:#3f6938}.charm-card.charm-rare{border-color:#375d87}.charm-card.charm-epic{border-color:#70428d}.charm-card.charm-refined .charm-heading strong{color:#71dc67}.charm-card.charm-rare .charm-heading strong{color:#62aaff}.charm-card.charm-epic .charm-heading strong{color:#c778ff}.charm-card.equipped{border-width:2px}.charm-heading span{color:#9db18a}

/* Compact one-row Charm inventory and paged Charm market */
.charm-card{display:grid;grid-template-columns:auto auto minmax(260px,1fr) auto;align-items:center;gap:7px;padding:7px 9px}
.charm-quality{white-space:nowrap}.charm-total{white-space:nowrap;color:#9db18a;font-size:9px}.charm-card>p{margin:0;white-space:nowrap}.charm-actions{justify-content:flex-end;white-space:nowrap}.charm-actions button:disabled{opacity:.38;cursor:default}
.charm-card.charm-refined .charm-quality{color:#71dc67}.charm-card.charm-rare .charm-quality{color:#62aaff}.charm-card.charm-epic .charm-quality{color:#c778ff}
.charm-market-heading,.charm-market-pages{display:flex;align-items:center;justify-content:space-between;gap:12px}.charm-market-heading h3{display:flex;align-items:center;gap:8px;margin:5px 0 9px}.charm-market-heading h3>span{color:inherit;font-size:inherit}.charm-market-heading h3 button{border:0;background:none;padding:0;font-size:10px}.charm-market-heading>span,.charm-market-pages{color:#879778;font-size:10px}.charm-market-pages{justify-content:center;margin-top:9px}.charm-sort{border:0;background:none;color:inherit;padding:0;font:inherit;white-space:nowrap}.charm-sort:hover{color:#cfe5b6;text-decoration:underline}.charm-market-quality{white-space:nowrap}.charm-market-quality.charm-refined{color:#71dc67}.charm-market-quality.charm-rare{color:#62aaff}.charm-market-quality.charm-epic{color:#c778ff}.charm-own-listing{color:#718064;font-size:10px}#market-charms-view .market-wide-table{max-height:none}#market-charms-view table{width:100%;min-width:0;font-size:10px}#market-charms-view .market-table-wrap th,#market-charms-view .market-table-wrap td{padding:5px;font-size:10px}#market-charms-view th:nth-child(-n+8),#market-charms-view td:nth-child(-n+8),#market-charms-view th:last-child,#market-charms-view td:last-child{width:1%;white-space:nowrap}
@media(max-width:800px){.charm-card{grid-template-columns:auto 1fr auto}.charm-card>p{grid-column:1/-1;grid-row:2;white-space:normal}.charm-actions{grid-column:3;grid-row:1}.charm-total{justify-self:start}}

/* Charm inventory table and sale dialog */
.charm-inventory-table{max-height:390px;border:1px solid #303c28}.charm-inventory-table table{width:100%;border-collapse:collapse;font-size:9px}.charm-inventory-table th{position:sticky;top:0;z-index:1;background:#192115;color:#829373;font-weight:400;text-align:left;padding:5px;border-bottom:1px solid #3a4830;white-space:nowrap}.charm-inventory-table td{padding:5px;border-bottom:1px solid #252e20;color:#adbca0;white-space:nowrap}.charm-inventory-table tbody tr.equipped{background:#182512}.charm-inventory-table tbody tr.equipped td{border-bottom-color:#52733b}.charm-inventory-table td:nth-child(2){color:#a8d276}.charm-inventory-table .charm-actions{justify-content:flex-start;gap:8px}.charm-inventory-table .charm-actions button{font-size:9px}
.charm-market-price-label{display:grid;gap:7px;color:#9aac89;font-size:10px}.charm-market-price-label input{width:100%;text-align:right;color:var(--gold);font-size:15px;font-variant-numeric:tabular-nums}.charm-market-price-label input:focus,.charm-market-price-label input:focus-visible{outline:none;box-shadow:none;border-color:#526344}.charm-market-price-preview{display:flex;justify-content:space-between;gap:12px;border:1px solid #35432c;background:#182012;padding:9px 10px}.charm-market-price-preview strong{color:var(--gold);font-weight:400;white-space:nowrap}#charm-market-summary{color:#b6d293}#charm-market-dialog .error{margin-bottom:2px}
.charm-inventory-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.charm-inventory-heading h3{margin:0}.charm-bulk-destroy{display:flex;align-items:center;gap:7px;font-size:9px}.charm-bulk-destroy label{display:flex;align-items:center;gap:5px;color:#899b79;white-space:nowrap}.charm-bulk-destroy select{width:82px;padding:4px 6px;font-size:9px}.charm-bulk-destroy button{border:0;background:none;padding:2px;font-size:9px;white-space:nowrap}.charm-bulk-destroy select:focus,.charm-bulk-destroy select:focus-visible,.charm-bulk-destroy button:focus,.charm-bulk-destroy button:focus-visible{outline:none;box-shadow:none}@media(max-width:700px){.charm-inventory-heading{align-items:flex-start;flex-direction:column}.charm-bulk-destroy{width:100%;justify-content:space-between;flex-wrap:wrap}}

/* Hideout countdown readability and completed-quest alert. */
.hideout-watch small{min-height:15px;font-size:11px;line-height:1.4}
.quest-panel.quest-complete{animation:quest-complete-pulse 3s ease-in-out infinite}
@keyframes quest-complete-pulse{0%,100%{background:#11150f}50%{background:#24451d;box-shadow:inset 0 0 18px #62bf493d}}
@media(prefers-reduced-motion:reduce){.quest-panel.quest-complete{animation:none;background:#1c3217}}

/* Give Charm stats equal breathing room and keep the seller at the far edge. */
.charm-market-heading h3 button{font-size:11px}
#market-charms-view table{table-layout:fixed}
#market-charms-view .market-table-wrap th,#market-charms-view .market-table-wrap td{padding:7px 8px}
#market-charms-view th:first-child,#market-charms-view td:first-child{width:11%;text-align:left}
#market-charms-view th:nth-child(n+2):nth-child(-n+7),#market-charms-view td:nth-child(n+2):nth-child(-n+7){width:8.66%;text-align:center}
#market-charms-view th:nth-child(8),#market-charms-view td:nth-child(8){width:14%;text-align:right}
#market-charms-view th:nth-child(9),#market-charms-view td:nth-child(9){width:8%;text-align:center}
#market-charms-view th:last-child,#market-charms-view td:last-child{width:15%;text-align:right;padding-right:10px}

/* Keep the Crafting queue caption together and show Hideout durations beside names. */
.crafting-queue-label{display:block;white-space:nowrap}.crafting-queue-label b{font-weight:400;color:#b7d89a}
.hideout-building-heading h3 small{display:inline;color:#d1c27b;font:9px Verdana,Arial,sans-serif;white-space:nowrap}

/* Stable EXP tooltip and clan building points. */
.level-meter .level-tooltip{position:absolute;z-index:20;left:50%;top:calc(100% + 6px);transform:translateX(-50%);width:max-content;max-width:calc(100vw - 24px);padding:6px 9px;border:1px solid #4b5c3d;background:#11170e;color:#cbdabb;font-size:9px;line-height:1.4;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s}
.level-meter:hover .level-tooltip,.level-meter:focus .level-tooltip,.level-meter:focus-within .level-tooltip{opacity:1;visibility:visible}
.clan-building-points{text-align:center;color:#b7d79b;border:1px solid #35432c;background:#11170e;padding:7px 10px;margin:8px 0 10px;font-size:10px}

/* Full-width clan member levels and leader member controls. */
.clan-members-table table{width:100%;min-width:0}
.clan-members-table th:first-child,.clan-members-table td:first-child{width:auto}
.clan-members-table th:nth-child(n+4):nth-child(-n+9),.clan-members-table td:nth-child(n+4):nth-child(-n+9){width:1%;padding-left:3px;padding-right:3px;text-align:center;white-space:nowrap}

.market-quantity-choice{display:flex;align-items:center;gap:5px}.market-quantity-choice input{width:62px}.market-quantity-choice .market-max{font-size:9px;white-space:nowrap}

/* Cached top-100 rankings and public character records. */
#main-nav{grid-template-columns:repeat(10,1fr)}
.rankings-panel{padding-top:9px}.rankings-panel>.center-heading h2{margin-top:0}.rankings-updated{color:#78896b;font-size:9px;text-align:right}.rankings-layout{display:grid;grid-template-columns:180px minmax(0,1fr);gap:12px}.rankings-categories{display:block;background:#0f130d;border:1px solid #323e2a;padding:6px 9px}.rankings-categories section{padding:8px 0}.rankings-categories section+section{border-top:1px solid #2d3826}.rankings-categories h3{margin:0 0 5px;padding:0;border:0;color:#c7d9b3;font:12px Georgia,serif}.rankings-categories button{display:block;width:100%;height:auto;border:0;background:none;color:var(--blue);font:10px Verdana,Arial,sans-serif;text-align:left;padding:3px 1px}.rankings-categories button:hover,.rankings-categories button.active{background:none;color:#d9edc1;text-decoration:underline}.rankings-board{min-width:0;border:1px solid #323e2a;background:#0f130d;padding:10px}.rankings-board h3{margin:0 0 5px;padding:0 0 8px;font-size:14px}.rankings-table{max-height:470px}.rankings-table table{width:100%;font-size:10px}.rankings-table th:first-child,.rankings-table td:first-child{width:55px;text-align:center}.rankings-table th:last-child,.rankings-table td:last-child{width:145px;text-align:right}.rankings-table .ranking-player{color:var(--blue);font-size:10px}.public-profile-meta{text-align:center;color:#819172;font-size:10px;margin:-3px 0 14px}.public-profile-grid dd{display:flex;align-items:center;gap:13px}.public-profile-grid dd small{min-width:72px;color:#63c762;font-size:9px}.chat-player-name{color:var(--blue)!important;cursor:pointer;user-select:none}.chat-player-name:hover{text-decoration:underline}
@media(max-width:760px){#main-nav{grid-template-columns:repeat(5,1fr)}.rankings-layout{grid-template-columns:1fr}.rankings-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}.rankings-categories section+section{border-top:0}.rankings-table{max-height:360px}.public-profile-grid dd{gap:7px}}

/* Keep ranking selection clean and align profile ranks at the far edge. */
.rankings-categories button:hover,.rankings-categories button.active{text-decoration:none;box-shadow:none}
.public-profile-grid dl{grid-template-columns:minmax(0,1fr) minmax(170px,1fr)}
.public-profile-grid dd{display:grid;grid-template-columns:minmax(0,1fr) 82px;align-items:center;gap:13px;width:100%}
.public-profile-grid dd strong{text-align:right}
.public-profile-grid dd:not(.has-rank) strong{grid-column:1/-1}
.public-profile-grid dd small{min-width:0;text-align:right;white-space:nowrap}
@media(max-width:760px){.public-profile-grid dd{gap:7px}}

/* Compact character banner. The previous visual header is preserved in style-backups/. */
body{background:linear-gradient(#050b06ba,#050b06ee),url('assets/banner.png') center/cover fixed}
.shell{background:#090b08f2;box-shadow:0 0 45px #000b}
.resource-bar{display:flex;justify-content:center;align-items:center;height:28px;min-height:28px;padding:3px 14px;background:#070a06ed}
.resource-bar .action-meter{width:min(690px,100%);flex:none}
.game-header{border-bottom:1px solid #466137;background:#0b1009f2}
.game-header-title{min-height:30px;display:flex;align-items:center;justify-content:center;gap:13px;background:linear-gradient(180deg,#21351a,#10190d);border-bottom:1px solid #49613a;color:#d0e6b7;font:600 15px Cinzel,Georgia,serif;letter-spacing:.5px;text-shadow:0 1px 8px #000}
.game-header-title small{color:#7f9370;font:8px Inter,Arial,sans-serif;letter-spacing:1.5px;text-transform:uppercase}
.game-header-grid{display:grid;grid-template-columns:1.05fr 1.3fr 1fr 1.05fr .9fr;min-height:102px}
.game-header-grid>section{min-width:0;padding:8px 12px;border-right:1px solid #35422e}
.game-header-grid>section:last-child{border-right:0}
.game-header-grid h2{margin:0 0 5px;padding-bottom:4px;border-bottom:1px solid #263321;color:#a8cc85;font:9px Inter,Arial,sans-serif;letter-spacing:1.2px;text-transform:uppercase}
.game-header-grid dl{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1px 9px;margin:0;font-size:9px;line-height:1.45}
.game-header-grid dt{color:#8f9c84;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.game-header-grid dd{margin:0;color:#d0dbca;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.game-header-grid>section:nth-child(2) dd{color:var(--gold)}
.game-header-grid>section:nth-child(3) dd{color:#8ed745}
.game-header-grid>section:nth-child(4) dd{color:#b7da9b}
.game-header-links{display:flex;flex-direction:column;align-items:flex-end}
.game-header-links h2{align-self:stretch;text-align:right}
.game-header-links button,.game-header-links a{height:auto;border:0;background:none;padding:1px 0;color:var(--blue);font:9px Verdana,Arial,sans-serif;line-height:1.5;text-align:right}
.game-header-links button:hover,.game-header-links a:hover{color:#dcebd0;text-decoration:underline}
.game-header-links small{display:block;max-width:100%;margin-top:auto;color:#728067;font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:1050px){.game-header-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.game-header-grid>section{border-bottom:1px solid #35422e}.game-header-grid>section:nth-child(3){border-right:0}.game-header-grid>section:nth-last-child(-n+2){border-bottom:0}.game-header-links{align-items:flex-start}.game-header-links h2{text-align:left}}
@media(max-width:760px){body{background-attachment:scroll}.resource-bar{display:flex;height:28px;min-height:28px;padding:3px 8px}.resource-bar .action-meter{grid-column:auto;grid-row:auto}.game-header-title{align-items:flex-start;flex-direction:column;gap:0;padding:5px 10px}.game-header-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-header-grid>section{padding:7px 9px;border-right:1px solid #35422e;border-bottom:1px solid #35422e}.game-header-grid>section:nth-child(2n){border-right:0}.game-header-grid>section:nth-child(3){border-right:1px solid #35422e}.game-header-grid>section:last-child{border-bottom:0}.game-header-grid dl{font-size:8px}}

/* Header timer and contextual activity panel. */
.game-header-title{display:grid;grid-template-columns:auto auto 1fr auto;justify-content:stretch;gap:14px;padding:0 13px}
.game-header-title>span:first-child{white-space:nowrap}
.game-header-title>small{align-self:center;color:#9fbd83;font-size:9px;letter-spacing:.7px;text-transform:none}
.game-header-actions,.game-header-timer{align-self:center;color:#849578;font:9px Verdana,Arial,sans-serif;letter-spacing:0;white-space:nowrap}
.game-header-actions{justify-self:end}
.game-header-actions b{color:#d4dfca;font-weight:400}
.game-header-timer{justify-self:end;min-width:145px;text-align:right}
.game-header-timer b{display:inline-block;min-width:66px;color:#b7dc93;font-weight:400;text-align:left}
.current-action-body{text-align:center;padding:7px 6px 9px;font-size:10px}
.current-action-body>strong,.current-action-body>b{display:block;padding:2px 5px;font-weight:400;color:#fff}
.current-action-body>strong{background:linear-gradient(90deg,#205f1b,#278121,#205f1b)}
.current-action-body>b{background:linear-gradient(90deg,#631918,#991d1d,#631918)}
.current-action-body>span{display:block;line-height:18px;color:#d7dfce;font-size:9px}
.current-action-body p{min-height:28px;margin:6px 2px 3px;color:#b6dc8f;line-height:1.45}
.current-action-body button{border:0;background:none;padding:0;font-size:9px}
@media(max-width:760px){.game-header-title{grid-template-columns:1fr auto;align-items:center;gap:2px 10px}.game-header-title>small{justify-self:end}.game-header-actions{justify-self:start}.game-header-timer{min-width:0;justify-self:end}.game-header-timer b{min-width:60px}.current-action-body{font-size:9px}}
.current-action-body>small{display:block;margin:6px 0 -2px;color:#79df70;font-size:9px}.current-action-body>small[hidden]{display:none}

/* Activity-local countdowns replace the former header action display. */
.game-header-title{display:flex;align-items:center;justify-content:center;min-height:30px;padding:0 13px}
.inline-action-timer{display:flex;align-items:center;justify-content:center;gap:26px;margin:5px 10px 7px;padding:5px 8px;border-block:1px solid #293422;color:#869679;font-size:9px;font-variant-numeric:tabular-nums}
.inline-action-timer b{display:inline-block;min-width:65px;color:#b9dc96;font-weight:400;text-align:left}
.crafting-work .inline-action-timer{margin-top:7px}
@media(max-width:520px){.inline-action-timer{gap:12px;justify-content:space-between}.inline-action-timer b{min-width:0}}

/* Nine primary pages after removing Rankings from the main menu. */
#main-nav{grid-template-columns:repeat(9,1fr)}
@media(max-width:760px){#main-nav{grid-template-columns:repeat(5,1fr)}}
.inventory-panel>.charm-inventory{margin-top:8px}

/* Half-second stacked activity countdowns and compact battle spacing. */
.inline-action-timer{flex-direction:column;gap:2px;margin:6px 10px 8px;padding:6px 8px;font-size:11px;line-height:1.45}
.inline-action-timer>span{display:block;text-align:center}
.inline-action-timer b{min-width:0;font-size:12px;text-align:inherit}
.battle-report{padding-top:8px}
.battle-symbol{margin-bottom:3px}
.battle-report .inline-action-timer{max-width:290px;margin:3px auto 10px}
@media(max-width:520px){.inline-action-timer{gap:2px;justify-content:center}}

/* Distinguish the countdown from the remaining-action balance. */
.inline-action-timer>span:first-child{color:#87967a}
.inline-action-timer>span:first-child b{color:#afd38d}
.inline-action-timer>span:last-child{color:#b7a66f;letter-spacing:.25px}
.inline-action-timer>span:last-child b{color:var(--gold);font-size:13px}
#battle-action-status{margin-top:5px;margin-bottom:8px}

/* Searchable game wiki. */
.wiki-panel{padding-top:10px}.wiki-search-label{display:flex;align-items:center;gap:7px;color:#849677;font-size:9px}.wiki-search-label input{width:210px;padding:6px 8px}.wiki-layout{display:grid;grid-template-columns:175px minmax(0,1fr);gap:10px;min-height:490px}.wiki-nav{display:block;border:1px solid #303a29;background:#0f130d;padding:6px}.wiki-nav button{display:block;width:100%;height:auto;border:0;background:none;color:var(--blue);font:10px Verdana,Arial,sans-serif;text-align:left;padding:5px 7px}.wiki-nav button:hover,.wiki-nav button.active{color:#dbebca;background:#202a1a}.wiki-content{height:510px;overflow:auto;scrollbar-color:#39472e #10150d;padding-right:5px;scroll-behavior:smooth}.wiki-content>section{border:1px solid #303a29;background:#0f130d;padding:11px 13px;margin:0 0 9px;scroll-margin-top:2px}.wiki-content h3{margin:0 0 8px;color:#c9dcb5;font-size:14px}.wiki-content p{font-size:10px;line-height:1.65;color:#98a98c;margin:7px 0}.wiki-content b{color:#d4e5c1;font-weight:400}.wiki-content code{color:#b9da93;background:#182014;padding:1px 4px}.wiki-content table{width:100%;border-collapse:collapse;margin:8px 0;font-size:9px}.wiki-content th,.wiki-content td{border:1px solid #303a29;padding:6px 8px;text-align:left}.wiki-content th{color:#c9dcb5;background:#182014}.wiki-content td:first-child{color:#b4d78e;white-space:nowrap}
@media(max-width:760px){.wiki-search-label{width:100%}.wiki-search-label input{flex:1}.wiki-layout{grid-template-columns:1fr}.wiki-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.wiki-content{height:430px}.wiki-content td:first-child{white-space:normal}}

/* The chat log uses the former channel-heading row. */
.chat-content{grid-template-rows:minmax(0,1fr) 27px!important}.chat-content #chat-messages{grid-row:1}.chat-content #chat-form{grid-row:2}#chat-status{bottom:31px}

/* Wiki navigation is local to its own scroll pane and has no main-menu underline. */
.wiki-nav button,.wiki-nav button:hover,.wiki-nav button.active{box-shadow:none;border-bottom:0}.wiki-nav button.active{background:#202a1a}

.clan-menu{flex-wrap:wrap}.clan-applications-table{max-height:390px;border:1px solid #323e2a}.clan-applications-table table{width:100%}.clan-application-actions{white-space:nowrap}.clan-application-actions button{margin-inline:2px}

/* No divider below activity countdowns. */
.inline-action-timer{border-bottom:0}
