/* Player-facing mobile RPG theme. Loaded after the shared legacy styles.
   Artwork belongs to maps, characters and loot; section chrome stays compact. */
:root{--tida-bg:#121b17;--tida-panel:#1f2e24;--tida-panel-raised:#2a3c2d;--tida-line:#545e46;--tida-gold:#d4b574;--tida-text:#eee5cc;--tida-muted:#a6b5a0;--game-bg:#121b17;--game-panel:#1f2e24;--game-panel-deep:#17241d;--game-line:#545e46;--game-gold:#d4b574;--game-ink:#eee5cc;--game-muted:#a6b5a0;--game-red:#b56851;--tida-dock-height:62px;--tida-dock-offset:0px;--menu-surface:linear-gradient(180deg,#2c3f30,#1f2e24);--menu-edge:#706e4b;--menu-ink:#eee5cc;--menu-shadow:inset 0 1px #e7ce9224,inset 0 -2px #0c130f60;--menu-surface-hover:linear-gradient(#375138,#263a2b)}
:root body{max-width:480px;margin:0 auto;padding:0;background:#121b17;color:var(--game-ink);font-family:Arial,"Segoe UI",sans-serif;font-size:14px;line-height:1.45}
:root body .bdr.bg_main{background:var(--game-bg);border-color:#545e46;box-shadow:0 0 28px #0007}
:root body .light,:root body [class^="wr"]{background:none}
:root body .box_inter{background:transparent;min-width:0}
:root body .body{min-width:0;color:var(--game-ink);background:transparent}
:root body :is(button,input,select,textarea){font-family:Arial,"Segoe UI",sans-serif}
:root body :is(input[type=text],input[type=password],input[type=search],input[type=number],input[type=email],select,textarea){box-sizing:border-box;max-width:100%;min-height:44px;font-size:16px;background:#132019;color:#f0e7d0;border:1px solid #6c7654;border-radius:4px;padding:8px;box-shadow:inset 0 1px 4px #0005}
:root body :is(input[type=radio],input[type=checkbox]){accent-color:#c9ad69}
:root body :is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid #e3c782;outline-offset:2px}
:root body :is(button,input[type=submit],input[type=button],a.but2){min-height:44px;max-width:100%;white-space:normal}
:root body .tida-icon{fill:none;stroke:currentColor;stroke-width:1.5}
:root body .tida-page-hero{display:none}
/* One game status strip. Both currencies lead to the same existing wallet. */
:root body .world-hud{grid-template-columns:48px minmax(0,1fr)90px 44px;gap:7px;padding:8px;padding-top:calc(8px + env(safe-area-inset-top,0px));background:linear-gradient(#293a2f,#17231d);border-bottom:1px solid #897549;box-shadow:0 2px 8px #0006}
:root body .world-avatar{width:48px;height:52px;min-height:44px}
:root body .world-avatar img{width:48px;height:48px;border-radius:6px;border:1px solid #bd9a5b;box-shadow:inset 0 1px #f4d78840,0 1px 3px #0009}
:root body .world-avatar>span{min-width:21px;height:19px;right:-2px;bottom:0;border-radius:4px;background:#19261f;font:bold 11px/1 Arial,sans-serif}
:root body .world-vitals{gap:3px}.world-vitals .world-name{color:#f1deb2}
:root body .world-name{font:600 15px/20px Arial,sans-serif;text-shadow:0 1px #000;min-width:0}
:root body .world-meter{height:14px;border-color:#5f664a;border-radius:3px;background:#0e1510}
:root body .world-meter span{font:10px/12px Arial,sans-serif}
:root body .world-meter--hp i{background:linear-gradient(#8eaf59,#48703d)}
:root body .world-wallet{display:block;min-width:0}
:root body .world-wallet .game-wallet{position:relative;display:grid;grid-template-columns:minmax(0,1fr)16px;grid-template-rows:1fr 1fr;align-items:center;gap:3px;min-height:48px;padding:4px;border-radius:4px;background:#16211a;border-color:#756743}
:root body .game-currency{display:flex;gap:4px;align-items:center;min-width:0;grid-column:1}
:root body .game-currency b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#eed7a0}
:root body .game-currency .world-coin,:root body .game-currency .world-pearl{width:12px;height:12px;margin:0;font-size:10px;flex:none}
:root body .game-wallet>.world-plus{grid-column:2;grid-row:1/3;margin:0;width:16px;height:22px;font-size:15px}
:root body .world-settings,:root body .world-square{width:44px;height:44px;border:1px solid #716c4d;border-radius:4px;background:linear-gradient(#314234,#1d2b22);color:#d7bd82!important;box-shadow:inset 0 1px #daca9120}
:root body .world-settings .tida-icon{width:21px;height:21px}
:root body .game-screen-bar{display:flex;align-items:center;gap:7px;min-height:48px;padding:0 8px;background:linear-gradient(#243629,#1d2b21);border-bottom:1px solid #5c6346}
:root body .game-screen-bar h1{margin:0;flex:1;min-width:0;padding:5px 0;font:600 16px/1.35 Georgia,serif;color:#f1dfb6;overflow-wrap:anywhere}
:root body .game-back,:root body .game-help{display:flex;align-items:center;justify-content:center;width:44px;min-height:44px;flex:none;color:#c9b77f;border:0}
:root body .game-back .tida-icon{transform:rotate(180deg);width:18px;height:18px}
:root body .game-screen-icon{display:flex;align-items:center;color:#b6a66f}.game-screen-icon .tida-icon{width:20px;height:20px}
:root body .world-events{display:flex;flex-wrap:nowrap;gap:5px;max-width:100%;overflow-x:auto;padding:4px 8px;background:#17241c;scrollbar-width:thin}
:root body .world-event{flex:none;min-height:44px;padding:5px 8px;border-radius:4px;font-size:12px;border-color:#5b6a4e;background:#213126;color:#d4d8bc}
:root body .tida-return-battle{position:relative;padding:4px 8px;background:#30201a;box-shadow:none}
:root body .tida-return-battle-btn{min-height:44px;border-radius:4px;background:linear-gradient(#5e3d2b,#38271e);box-shadow:inset 0 1px #d6b68e25;font-size:13px}
/* Panel titles and item frames use the same small, bevelled game chrome. */
:root body .body .b1:not(.tida-legacy-nav){padding:8px 10px;min-height:34px;background:linear-gradient(#314231,#213226);border:1px solid #6b764f;border-radius:4px 4px 0 0;margin:8px 0 0}
:root body .body .b1:before,:root body .body .b1:after{display:none}
:root body .body .b1 :is(h1,h2){margin:0;padding:0;font:600 15px/1.35 Georgia,serif;letter-spacing:0;color:#e9dbb7}
:root body .body :is(.b2,.b2b,.bn,.b3){background:#1a2920;border-color:#4d5c43;border-radius:0 0 4px 4px;padding:10px;margin-bottom:8px}
:root body .body :is(.box1s,.b4,.award_in){background:#1f2e24;border-color:#606649;border-radius:4px;box-shadow:inset 0 1px #c3c99c12;padding:9px}
:root body :is(.body .items_box,.body table.box1){background:#17261e;border:1px solid #565f44;border-radius:4px;box-shadow:none;max-width:100%}
:root body .body :is(.tx1,.l1){font-size:13px;color:#d9bf80}
:root body .body :is(p.space,p.space2){margin-top:6px;min-height:0}
:root body .body img[src*="/img/pic/"]{box-shadow:none;border-radius:4px}
:root body .body :is(input.butt,input.but2,input.but,a.but2){border:1px solid #b09252;border-radius:4px;background:linear-gradient(#6a764a,#3b5131);color:#f5e5b7;font:600 14px/1.4 Arial,sans-serif;box-shadow:inset 0 1px #ffe8a32b,inset 0 -2px #161f0e60}
:root body .body ul.nav:not(.quest-actions),:root body .body ul.navb:not(.battle-actions):not(.quest-actions){gap:5px}
:root body .body ul.nav:not(.quest-actions)>li>a,:root body .body ul.navb:not(.battle-actions):not(.quest-actions)>li>a{min-height:48px;padding:8px 27px 8px 10px;gap:9px;border-radius:4px;font:500 14px/1.35 Arial,sans-serif;text-shadow:0 1px #0008;box-shadow:var(--menu-shadow)}
:root body .body ul.nav:not(.quest-actions)>li>a img.menu,:root body .body ul.navb:not(.battle-actions):not(.quest-actions)>li>a img.menu{width:28px;height:28px;border-radius:5px;padding:4px;background:#19281f}
:root body .body.adventures-screen>.bn>ul.nav,:root body .body.trade-hub-screen .trade-hub-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
:root body .body.adventures-screen>.bn>ul.nav>li>a,:root body .body.trade-hub-screen .trade-hub-nav>li>a{min-height:72px;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:8px 5px;text-align:center;font-size:13px}
:root body .body.adventures-screen>.bn>ul.nav>li>a:after,:root body .body.trade-hub-screen .trade-hub-nav>li>a:after{display:none}
/* Fixed thumb navigation fits the same 480px game viewport. */
:root body .tida-dock{min-height:0;width:100%;max-width:480px;height:calc(62px + env(safe-area-inset-bottom,0px));bottom:0;border-radius:0;border:0;border-top:1px solid #907b4e;background:linear-gradient(#293c30,#16251c);box-shadow:0 -2px 10px #0005}
:root body .tida-dock>a,:root body .world-dock>a{font:11px/1.25 Arial,sans-serif;gap:4px;min-height:54px;padding:6px 2px;color:#bfc9b0}
:root body .tida-dock>a.is-active,:root body .world-dock>a.is-active{color:#f0d694;background:linear-gradient(#59664066,#2d412b40)}
:root body .tida-dock>a .tida-icon,:root body .world-dock>a .tida-icon{width:23px;height:23px}
:root body .world-dock{min-height:62px;padding:0 0 env(safe-area-inset-bottom,0px);background:linear-gradient(#293c30,#16251c);border-top:1px solid #907b4e}
:root body .bdr.bg_main.tida-has-dock{padding-bottom:calc(78px + env(safe-area-inset-bottom,0px))}
/* The main screen is a playable map with a quest and command strip. */
:root body.tida-world-page .world-shell{background:#121b17;grid-template-rows:auto minmax(330px,1fr) auto auto;min-height:min(100svh,900px);height:auto;max-height:none}
:root body.tida-world-page .bdr.bg_main,:root body.tida-world-page .bdr.bg_main.tida-has-dock{padding-bottom:0;min-height:0;background:#121b17}
:root body.tida-world-page .world-playfield{height:auto;min-height:330px}
:root body .world-map-toolbar{position:absolute;z-index:3;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px;background:linear-gradient(transparent,#121b17 28%);}
:root body .world-map-toolbar .world-shortcuts,:root body .world-map-toolbar .world-map-controls{position:static;display:flex;align-items:center;gap:4px}
:root body .world-map-toolbar .world-shortcut,:root body .world-map-toolbar .world-square{width:44px;height:52px;min-height:52px;padding:3px;border-radius:5px;border-color:#877853;background:linear-gradient(#2c3c31,#1a261f);box-shadow:inset 0 1px #e5d6a51a}
:root body .world-map-toolbar .world-shortcut{gap:3px}
:root body .world-map-toolbar .world-shortcut .tida-icon{width:22px;height:22px}
:root body .world-map-toolbar .world-motion-toggle{justify-content:center}
:root body .world-map-toolbar .world-motion-toggle .tida-icon{width:22px;height:22px}
:root body .world-map-toolbar [data-world-motion-label]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
:root body .world-pin--camp{left:27%;top:31%}
:root body .world-pin--portal{left:78%;top:42%}
:root body .world-pin--wilds{left:25%;top:64%}
:root body .world-pin{gap:5px;min-width:72px}
:root body .world-pin-icon{width:46px;height:46px}
:root body .world-pin b{font:600 12px/1.3 Georgia,serif;border-radius:4px;padding:4px 7px}
@media(max-width:360px){:root body .world-map-toolbar{gap:4px;padding:8px 6px}:root body .world-pin b{font-size:11px}:root body .world-location h1{font-size:17px}}
:root body .world-location{top:12px;left:12px}.world-location .world-eyebrow{letter-spacing:.06em}
:root body .world-location h1{font:600 18px/1.25 Georgia,serif}
:root body .world-bottom{padding:6px 8px 8px;background:linear-gradient(#121b17e8,#121b17 20%)}
:root body .world-quest{min-height:54px;padding:8px;border-radius:4px;background:#263629;box-shadow:inset 0 1px #dcc58e19;border-color:#76704a}
:root body .world-quest-copy strong{font:600 13px/1.4 Arial,sans-serif}
:root body .world-actions{gap:7px;padding:7px 0}
:root body .world-slot{height:48px;border-radius:4px;box-shadow:inset 0 1px #d5c28d24;background:#243628}
:root body .world-slot span{font-size:9px;color:#cdd4c0}
:root body .world-battle{min-height:48px;border-radius:4px;font:600 18px/1.3 Georgia,serif;background:linear-gradient(#8b6a3d,#54422a);box-shadow:inset 0 1px #f2d69b50,inset 0 -2px #231a1050;border-color:#c3a46a}
:root body .world-chat-row{border-radius:4px;background:#1a2920;border-color:#58664a}
:root body .world-sheet{background:#1a2920;border:1px solid #8e7549;border-radius:8px 8px 0 0}
:root body .world-sheet-body{padding:14px}.world-sheet-body>.world-eyebrow{letter-spacing:.04em}
:root body .world-sheet h2{font:600 18px/1.3 Georgia,serif;margin:0 44px 12px 0}
:root body .world-menu-grid{gap:6px}.world-menu-grid>a{border-radius:4px;box-shadow:var(--menu-shadow)}
:root body .world-menu-grid>a>.tida-icon{border-radius:5px;background:#1d2e22;box-shadow:none}
/* Character, bag, quests and social screens are functional game windows. */
:root body .profile-sheet{background:#16231b}
:root body .profile-identity{padding:10px 12px 6px}
:root body .profile-identity-name{font-size:22px;line-height:1.3}
:root body .profile-xp{padding:7px 10px;background:#1a2920}
:root body .profile-section-head{font:600 15px/1.4 Georgia,serif;background:#2b402d;padding:8px 10px}
:root body .profile-section-body,:root body .profile-info-block{background:#1d2d23;padding:10px;color:#e1dec5}
:root body .profile-stat{font-size:13px;line-height:1.55}
:root body .profile-quick-row a,:root body .profile-quick-row button{min-height:48px;border-radius:4px;background:#2a3d2f;border-color:#79754c}
:root body .bag-screen,:root body .mail-screen,:root body .library-screen,:root body .craft-screen,:root body .clan-screen{padding:10px}
:root body .bag-controls,:root body .bag-capacity{border-radius:4px;padding:10px;background:#1e2f23;border-color:#6f764c}
:root body .inventory-list .box1s{margin-bottom:8px;padding:9px;border-radius:4px;background:#1d2d22;box-shadow:none}
:root body .bag-empty{padding:16px 10px;border-radius:4px;background:#1c2b21}
:root body .inventory-list .item_todo a,:root body .inventory-links a{border-radius:4px;background:#2a3e2f;font-family:Arial,sans-serif;min-height:44px}
:root body .mail-tabs a{min-height:48px;flex-direction:row;gap:5px;border-radius:4px;background:#223527;font:12px Arial,sans-serif}
:root body .mail-tabs .tida-icon{width:18px;height:18px}
:root body .mail-row{padding:10px;border-radius:4px;background:#1e2f23;border-color:#68704a;box-shadow:inset 0 1px #dbc79116}
:root body .mail-compose,:root body .mail-message{padding:12px;background:#1d2d22;border-radius:4px}
:root body .mail-row-title{font-size:14px}.mail-row-title a{color:#e7d3a3}
:root body .library-section,:root body .library-article{border-radius:4px;box-shadow:none;background:#1d2d22;border-color:#5c6a48}
:root body .library-section{min-height:48px;padding:10px;font-size:14px}
:root body .library-article{font-size:15px;line-height:1.7;padding:12px}
:root body .library-article :is(h2,h3){font-size:17px;line-height:1.4;margin:18px 0 8px}
:root body .craft-card,:root body .hike-panel,:root body .voyage-card{padding:11px;border-radius:4px;background:#1e2f23;border-color:#626b49;box-shadow:inset 0 1px #d3c78f15}
:root body .craft-card h2,:root body .hike-heading h1,:root body .voyage-heading h1{font:600 17px/1.35 Georgia,serif}
:root body .craft-option{border-radius:4px;background:#213326;border-color:#586945}
:root body .craft-option:has(input:checked){border-color:#c9ab64;background:#394d2f}
:root body :is(.craft-action,.hike-button,.voyage-button,.mail-action){min-height:46px;border-radius:4px;font-family:Arial,sans-serif;box-shadow:inset 0 1px #e4cf9122}
:root body :is(.craft-secondary,.hike-secondary,.voyage-secondary){background:#1a2a20}
:root body :is(.craft-danger,.hike-danger,.voyage-danger){background:#33231c;border-color:#92624c;color:#ebc0a3}
:root body .hike-tabs a,:root body .hike-filters a{border-radius:4px}
/* Guild command room: crest, roster and resources rather than a presentation page. */
:root body.tida-clan-page .clan-banner{min-height:0;display:flex;flex-direction:row;align-items:center;gap:12px;text-align:left;padding:12px;border:1px solid #7c764e;border-radius:4px;background:linear-gradient(#2d412f,#1f2f23);box-shadow:inset 0 1px #c6b17a22}
:root body.tida-clan-page .clan-banner:before,:root body.tida-clan-page .clan-banner:after{display:none}
:root body.tida-clan-page .clan-emblem{width:48px;height:54px;border-radius:4px;color:#d0b576;border-color:#917c4c;background:#243626;box-shadow:none}
:root body.tida-clan-page .clan-emblem svg{width:29px;height:34px}
:root body.tida-clan-page .clan-banner h1{margin:3px 0 5px;padding:0;font:600 18px/1.25 Georgia,serif;color:#efe0b5}
:root body.tida-clan-page .clan-eyebrow{font-size:10px;letter-spacing:.06em;color:#afbb9e}
:root body.tida-clan-page .clan-stats{margin:8px 0 12px;border-color:#5c6944;background:#5c6944}
:root body.tida-clan-page .clan-stat{padding:10px 5px;background:#223526}.clan-stat strong{font-variant-numeric:tabular-nums}
:root body.tida-clan-page .clan-stat strong{font:600 18px Arial,sans-serif;color:#e0d2a7}
:root body.tida-clan-page .clan-section{margin-top:12px}
:root body.tida-clan-page .clan-section h2{font:600 16px/1.4 Georgia,serif;padding-bottom:7px;color:#e0d4ad}
:root body.tida-clan-page .clan-action a,:root body.tida-clan-page .clan-command .clan-action a{min-height:48px;border-radius:4px!important;border-color:#787650!important;background:linear-gradient(#324631,#223426)!important;color:#e9dbb8!important;font:500 14px/1.35 Arial,sans-serif!important;box-shadow:inset 0 1px #d1c58c24}
:root body.tida-clan-page .clan-subnav{gap:5px;margin-bottom:10px}
:root body.tida-clan-page .clan-subnav a{min-height:48px;flex-direction:row;gap:5px;border-radius:4px;background:#223426;border-color:#636d4a;font-size:11px;color:#c9d0b8!important;padding:5px 3px}
:root body.tida-clan-page .clan-subnav a svg{width:16px;height:16px;flex:none}
:root body.tida-clan-page .clan-subnav a[aria-current]{background:#3d4e32;border-color:#b7a067;box-shadow:inset 0 -2px #bbad6e}
:root body.tida-clan-page .clan-section-identity{padding:8px;margin-bottom:8px;background:#263929;border-color:#727a4f}
:root body.tida-clan-page .clan-board{padding:12px;background:#223426;border-color:#6c784b;box-shadow:inset 3px 0 #8d9959}
:root body.tida-clan-page .clan-screen>.b1:not(.tida-legacy-nav){padding:8px 10px;background:linear-gradient(#314231,#213226);border-color:#6b764f}
:root body.tida-clan-page .clan-screen>.b1 h2{font:600 15px/1.35 Georgia,serif;color:#e9dbb7}
:root body.tida-clan-page .clan-screen>.b2:not(.tida-legacy-nav){padding:10px;background:#1d2d22;border-color:#586745;color:#e4dec5}
:root body .voyage-heading{margin:8px 0 10px;gap:7px}
:root body .voyage-eyebrow{letter-spacing:.04em;font-size:10px;margin-bottom:3px}
:root body .voyage-card h2{font:600 16px/1.35 Georgia,serif}
:root body .voyage-intro{padding:12px;text-align:left}
:root body .voyage-intro>img{max-width:100%;width:230px;height:auto;margin:0 auto 8px}
:root body .voyage-route summary{min-height:64px;padding:8px;gap:8px}
:root body .voyage-route strong{font-size:14px}.voyage-route-details{color:#d0d5bc}
/* Combat stays readable and uses strong resource/action contrast. */
:root body .battle-stage{border-radius:4px;border-color:#786c45;box-shadow:0 2px 6px #0005;background:#142019}
:root body .battle-stage-hud,:root body .battle-chip{background:#1e3023;border-color:#5c6945}
:root body .battle-stage-title{font-size:15px;background:#1b2a20cc}
:root body .battle-actions a{min-height:48px;border-radius:4px;font-size:14px}
:root body .battle-actions .disable_s{opacity:.65}
:root body .battle :is(.b2,.b2b){background:#1a2920;border-color:#606a46}
/* Login/registration are a game title screen and account windows. */
:root body.tida-guest-page .guest-title-screen{min-height:620px;max-height:980px;background:#16221a}
:root body.tida-guest-page .guest-title{padding:12px 12px 0}
:root body.tida-guest-page .guest-title h1{font-size:32px;line-height:1.15;letter-spacing:0}
:root body.tida-guest-page .guest-title p{font-size:12px;margin:6px 0;color:#c6cfb3}
:root body.tida-guest-page .guest-crest{margin-bottom:6px}.guest-crest .tida-icon{width:40px;height:45px}
:root body.tida-guest-page .guest-menu{padding:12px;background:linear-gradient(#18271ee8,#121d17);border-top:1px solid #716c46}
:root body.tida-guest-page .guest-button{border-radius:4px;min-height:48px;font-size:16px;box-shadow:inset 0 1px #f2d89130}
:root body.tida-guest-page .guest-button--gold{background:linear-gradient(#85663f,#53402a);border-color:#c4a66b}
:root body.tida-guest-page .guest-button--secondary{background:linear-gradient(#324932,#1f3326);border-color:#7d8451}
:root body.tida-guest-page .guest-nav a{border-radius:4px;background:#243628;font:12px Arial,sans-serif}
:root body.tida-guest-page .guest-dialog,:root body.tida-guest-page .guest-content{border-radius:6px;background:#1c2c21;border-color:#8b754c}
:root body.tida-guest-page .guest-content :is(h1,h2){font-size:21px}
@media(max-width:359px){:root body .world-hud{grid-template-columns:44px minmax(0,1fr)82px 44px;gap:5px;padding-left:6px;padding-right:6px}:root body .world-avatar,:root body .world-avatar img{width:44px}:root body .world-avatar img{height:44px}:root body .world-name{font-size:13px}:root body .game-currency b{font-size:10px}:root body .body.adventures-screen>.bn>ul.nav>li>a{font-size:12px}:root body .game-screen-icon{display:none}:root body .bag-screen,:root body .mail-screen,:root body .library-screen,:root body .craft-screen,:root body .clan-screen{padding:8px}}
@media(prefers-reduced-motion:reduce){:root body :is(.tida-dock a,.world-slot,.world-battle,.clan-action a,.game-screen-bar a){transition:none}}

:root body .game-map-player{position:absolute;left:50%;top:51%;z-index:2;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:4px;min-width:52px;min-height:64px;color:#e0e5c7;text-decoration:none}
:root body .game-map-player img{display:block;width:44px;height:44px;object-fit:cover;border:2px solid #d6b970;border-radius:5px;box-shadow:0 0 0 2px #1d3226,0 3px 8px #0009}
:root body .game-map-player span{max-width:110px;padding:3px 6px;border:1px solid #737a4a;border-radius:3px;background:#16281ee6;font:11px/1.3 Arial,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px #000}
:root body .body.adventures-screen>.b1:not(.tida-legacy-nav),:root body .body.trade-hub-screen>.b1:not(.tida-legacy-nav){display:none}

:root body .tida-auth-panel .body{padding:12px}
:root body .tida-auth-intro{padding:8px 0 12px;text-align:left;min-height:0}
:root body .tida-auth-intro h1{font:600 21px/1.3 Georgia,serif;margin:5px 0}
:root body .tida-auth-intro .tida-auth-emblem{width:36px;height:40px;float:left;margin:0 10px 0 0;border-radius:4px;box-shadow:none}
:root body .tida-auth-intro .tida-auth-emblem svg{width:24px;height:28px}
:root body .tida-auth-intro .tida-eyebrow{display:none}
:root body .tida-auth-intro p{font-size:12px;margin:5px 0;color:#aebba1}

:root body .world-motion-toggle{justify-content:center;padding:5px}
:root body .world-motion-toggle [data-world-motion-label]{position:absolute;width:1px;height:1px;margin:-1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}
:root body .world-slot{padding:4px 2px;gap:3px}
:root body .world-slot>.tida-icon{width:21px;height:21px;flex:none}
:root body .world-slot>span{line-height:12px;flex:none}
:root body.tida-clan-page .clan-banner-copy{min-width:0;flex:1}
:root body.tida-clan-page .clan-banner-copy h1{overflow-wrap:anywhere}
:root body.tida-clan-page .clan-allegiance{justify-content:flex-start}

:root body .world-notification-primary,:root body .world-notification-open{min-height:44px}
:root body .world-notification-open{min-width:44px}

/* Trade destinations and legacy category rows share the game's menu surface. */
:root body .game-market-nav{display:grid;gap:5px;margin:10px 0;min-width:0}
:root body .game-market-link{box-sizing:border-box;position:relative;display:flex;align-items:center;gap:9px;min-height:52px;padding:8px 10px;color:var(--menu-ink);background:var(--menu-surface);border:1px solid var(--menu-edge);border-radius:4px;box-shadow:var(--menu-shadow);text-decoration:none;font:500 14px/1.35 Arial,sans-serif}
:root body .game-market-link>.tida-icon:first-child{box-sizing:border-box;flex:0 0 28px;width:28px;height:28px;padding:4px;border:1px solid #6e7751;border-radius:5px;background:#19281f;color:var(--game-gold)}
:root body .game-market-link>.tida-icon:last-child{flex:0 0 16px;width:16px;height:16px;color:#c9ae76}
:root body .game-market-copy{display:grid;gap:2px;min-width:0;flex:1;overflow-wrap:anywhere}
:root body .game-market-name{font-weight:600;color:#eee5cc}
:root body .game-market-description{font-size:12px;line-height:1.35;color:var(--game-muted)}
:root body .game-market-link[aria-current=page]{background:linear-gradient(#3b4f34,#2a3e28);border-color:#b59c5e;box-shadow:var(--menu-shadow),inset 3px 0 #c9ad69}
:root body .body .sections{gap:5px}
:root body .body .sections>p:has(>a),:root body .auction-screen .b2>p:has(>img+a),:root body .auction-screen .b2>p:has(>a.green){box-sizing:border-box;position:relative;display:flex;align-items:center;gap:9px;min-height:48px;margin:0 0 5px;padding:8px 10px;color:var(--menu-ink);background:var(--menu-surface);border:1px solid var(--menu-edge);border-radius:4px;box-shadow:var(--menu-shadow);font:500 14px/1.35 Arial,sans-serif;overflow-wrap:anywhere}
:root body .body .sections>p:has(>a){margin:0}
:root body .body .sections>p>a,:root body .auction-screen .b2>p:has(>img+a)>a,:root body .auction-screen .b2>p:has(>a.green)>a{position:static;min-width:0;min-height:0;display:inline;flex:1;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--menu-ink);font:500 14px/1.35 Arial,sans-serif;text-decoration:none}
/* Expand the sole link to its whole row, including the icon, without JavaScript. */
:root body .body .sections>p>a:only-of-type:before,:root body .auction-screen .b2>p:has(>img+a)>a:only-of-type:before,:root body .auction-screen .b2>p:has(>a.green)>a:only-of-type:before{content:"";position:absolute;inset:0;border-radius:4px}
:root body .body .sections>p>img{box-sizing:border-box;flex:0 0 28px;width:28px;height:28px;margin:0;padding:4px;background:#19281f;border:1px solid #6e7751;border-radius:5px;box-shadow:none;object-fit:contain}
:root body .game-market-link:active,:root body .body .sections>p:has(>a):active{background:#1a2b21;box-shadow:inset 0 2px 5px #0005}
:root body .body .sections>p:has(>a:focus-visible){outline:2px solid #e3c782;outline-offset:2px}
@media(hover:hover){:root body .game-market-link:hover,:root body .body .sections>p:has(>a):hover,:root body .auction-screen .b2>p:has(>img+a):hover{background:var(--menu-surface-hover);border-color:#b59c5e}}

/* Trainer, pet catalogue and skill information use compact game panels. */
:root body .pet-offer{display:flex;align-items:center;gap:10px;min-width:0;padding:10px;background:var(--menu-surface);border:1px solid var(--game-line);border-radius:4px;box-shadow:var(--menu-shadow)}
:root body .pet-offer-portrait{flex:0 0 56px;display:block;min-height:56px;border-radius:5px}
:root body .pet-offer-portrait img{display:block;width:56px;height:56px;object-fit:contain;border:1px solid #aa9258;border-radius:5px;background:#16211a}
:root body .pet-offer-copy{flex:1;min-width:0}
:root body :is(.pet-offer-copy,.pet-preview,.pet-skill-copy) h3{margin:0 0 5px;padding:0;font:600 15px/1.35 Georgia,serif;color:#efe0b5;overflow-wrap:anywhere}
:root body .pet-offer-price{margin:4px 0 7px;font-size:13px;line-height:1.4;color:#d4d8bc}
:root body .pet-actions{display:flex;flex-wrap:wrap;gap:5px}
:root body .body a.pet-button{box-sizing:border-box;display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:8px 10px;max-width:100%;border:1px solid #7c7851;border-radius:4px;background:linear-gradient(#304231,#1e2d22);color:#eee5cc;font:500 13px/1.35 Arial,sans-serif;text-decoration:none;white-space:normal}
:root body .body a.pet-button-primary{border-color:#b09252;background:linear-gradient(#6a764a,#3b5131);color:#f5e5b7;box-shadow:inset 0 1px #ffe8a32b,inset 0 -2px #161f0e60;font-weight:600}
:root body .pet-preview{display:flex;align-items:center;gap:12px;padding:10px;margin:0 0 10px;border:1px solid var(--game-line);border-radius:4px;background:#1f2e24}
:root body .pet-preview>img{width:110px;height:auto;flex:none;object-fit:contain;border:1px solid #7b6947;border-radius:4px}
:root body .pet-preview>div{min-width:0;flex:1}
:root body .pet-skill-list{display:grid;gap:8px}
:root body .pet-skill-card{display:flex;align-items:flex-start;gap:10px;padding:10px;border:1px solid var(--game-line);border-radius:4px;background:#1f2e24}
:root body .pet-skill-portrait{display:block;flex:0 0 50px;min-height:50px}
:root body .pet-skill-portrait img{display:block;width:50px;height:50px;border:1px solid #7b6947;border-radius:4px;object-fit:contain}
:root body .pet-skill-copy{flex:1;min-width:0}
:root body .pet-skill-copy>p{margin:0 0 8px;padding:0;border:0;background:none;color:#d8decb;font:14px/1.5 Arial,sans-serif;overflow-wrap:anywhere}
:root body .pet-supply-slots{display:flex;flex-wrap:wrap;gap:6px}
:root body .pet-supply-slots>a{box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-width:48px;min-height:48px;padding:5px;background:#1f2e24;border:1px solid #6d7751;border-radius:4px}
:root body .pet-supply-slots>a img{max-width:36px;max-height:36px;object-fit:contain}
:root body .body.pet-trainer-screen .items>table.items_box,:root body .body.pet-trainer-screen table.items_box{background:#1f2e24;border-color:var(--game-line);border-radius:4px;box-shadow:var(--menu-shadow)}
:root body .body.pet-trainer-screen .item_todo a{min-height:44px;border-radius:4px;white-space:normal;background:#2b3e30;color:#eee5cc}
:root body .body.pet-trainer-screen .b2>p:has(>img[src*="/icons/p"]),:root body .body.pet-skill-screen .pet-skill-detail>p{background:transparent;border:0;border-radius:0;box-shadow:none;padding:6px 0;margin:0;line-height:1.5;overflow-wrap:anywhere}
:root body .body.pet-skill-screen .pet-skill-detail>p+ p{border-top:1px solid #47563f}
:root body .body.pet-skill-screen .pet-detail-portrait img{border:1px solid #7b6947;border-radius:4px}
:root body .body.pet-skill-screen .pet-skill-detail>p>a{display:inline-flex;align-items:center;min-height:44px;padding:8px 10px;border:1px solid #7c7851;border-radius:4px;background:#2b3e30;text-decoration:none;color:#eee5cc}
@media(max-width:359px){:root body .pet-preview{gap:8px;padding:8px}:root body .pet-preview>img{width:90px}:root body .pet-offer{gap:8px;padding:8px}:root body .pet-actions .pet-button{font-size:12px;padding:8px}}
@media(hover:hover){:root body .body a.pet-button:hover,:root body .pet-supply-slots>a:hover{border-color:#c9ad69;background:#3b5035}}

:root body .body.pet-trainer-screen>.b1.brt:not(.tida-legacy-nav)~.b1.brt:not(.tida-legacy-nav){display:block}

:root body .body.pet-trainer-screen .b2>p>a{box-sizing:border-box;display:inline-flex;align-items:center;min-height:44px;padding:8px 10px;border:1px solid #7c7851;border-radius:4px;background:#2b3e30;color:#eee5cc;font:500 13px/1.35 Arial,sans-serif;text-decoration:none}

/* Tavern and quests are game windows, with readable dialogue and thumb-sized actions. */
:root body :is(.tavern-screen,.quest-screen){padding:10px}
:root body .tavern-screen .tavern-main{padding:10px}
:root body .tavern-main .tida-merchant-art{margin:-10px -10px 10px}
:root body .tavern-task-list{display:grid;gap:5px;margin:10px 0}
:root body .tavern-task-list>a{display:flex;align-items:center;gap:9px;min-height:48px;box-sizing:border-box;padding:8px 10px;background:var(--menu-surface);border:1px solid var(--menu-edge);border-radius:4px;box-shadow:var(--menu-shadow);color:var(--menu-ink);font:500 14px/1.35 Arial,sans-serif;text-decoration:none}
:root body .tavern-task-list>a>span{flex:1;min-width:0;overflow-wrap:anywhere}
:root body .tavern-task-list .tida-icon:first-child{flex:none;width:24px;height:24px;color:var(--game-gold)}
:root body .tavern-task-list .tida-icon:last-child{flex:none;width:16px;height:16px;color:#c9ae76}
:root body :is(.tavern-screen,.quest-screen) .quest-panel{margin:8px 0;background:#1f2e24;border:1px solid #6b764f;border-radius:4px;box-shadow:inset 0 1px #c3c99c12}
:root body :is(.tavern-screen,.quest-screen) .quest-panel>.b1{margin:0;border:0;border-bottom:1px solid #586745;border-radius:4px 4px 0 0;padding:8px 10px}
:root body :is(.tavern-screen,.quest-screen) .quest-panel>.quest-body{padding:10px;margin:0;border:0;background:transparent}
:root body :is(.tavern-screen,.quest-screen) .quest-dialog{grid-template-columns:48px minmax(0,1fr);gap:10px;padding:0;margin:0 0 10px;border:0;border-radius:0;background:none;box-shadow:none}
:root body :is(.tavern-screen,.quest-screen) .quest-npc{width:48px;height:48px;border-radius:4px;border-color:#aa9258;box-shadow:none}
:root body :is(.tavern-screen,.quest-screen) .quest-dialog-text{font:14px/1.6 Arial,sans-serif;color:#e5e2d1;overflow-wrap:anywhere}
:root body :is(.tavern-screen,.quest-screen) .quest-actions{display:grid;gap:6px;margin:10px 0 0;padding:0;list-style:none}
:root body :is(.tavern-screen,.quest-screen) .quest-actions>li{padding:0;margin:0;background:none;border:0}
:root body :is(.tavern-screen,.quest-screen) .quest-actions a{display:flex;align-items:center;gap:8px;box-sizing:border-box;min-height:48px;padding:8px 10px;border:1px solid #aa9258;border-radius:4px;background:linear-gradient(#495e3f,#2f452e);color:#eee5cc;box-shadow:var(--menu-shadow);font:500 14px/1.4 Arial,sans-serif;text-decoration:none;overflow-wrap:anywhere}
:root body :is(.tavern-screen,.quest-screen) .quest-actions img{width:20px;height:20px;object-fit:contain;flex:none}
:root body .tavern-main>p:has(>a),:root body .quest-journal-screen .b2>p:has(>a){margin:8px 0;padding:0;border:0;background:none;box-shadow:none}
:root body .tavern-main>p>a,:root body .quest-journal-screen .b2>p>a{display:inline-flex;align-items:center;min-height:44px;padding:8px 10px;box-sizing:border-box;border:1px solid #7c7851;border-radius:4px;background:#2b3e30;color:#eee5cc;text-decoration:none;font:500 13px/1.4 Arial,sans-serif}
:root body .quest-journal-screen .box1s{margin:0 0 8px;border:1px solid #586745;box-shadow:none;background:#1f2e24}
:root body .quest-journal-screen .box1s>.tx1{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
:root body .quest-journal-screen .box1s>.tx1>a{display:inline-flex;align-items:center;min-height:44px;flex:1;color:#e9dbb7;overflow-wrap:anywhere}
:root body .game-language-switch{display:flex;justify-content:center;gap:6px;padding:6px 10px;flex-wrap:wrap;background:#1a2920}
:root body .game-language-switch>a{display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:44px;padding:8px 12px;border:1px solid #6b764f;border-radius:4px;background:#243628;color:#e5e2d1;font:13px/1.4 Arial,sans-serif;text-decoration:none}
:root body .game-language-switch>a[aria-current]{background:#3b4f34;border-color:#b59c5e;color:#f5e5b7}

/* Quest rewards: one readable resource per row on phone screens. */
:root body .body .quest-reward{gap:8px;padding:10px;margin:0 0 10px;border-radius:4px;background:#1f2e24;box-shadow:inset 0 1px #ffffff06}
:root body .quest-reward-line{flex-wrap:wrap;min-width:0;line-height:1.45}
:root body .quest-reward-value{display:inline-flex;align-items:center;gap:6px;margin-left:auto;white-space:nowrap;color:#eee5cc}
:root body .quest-reward-caption{display:flex;align-items:center;gap:8px;margin-bottom:5px;color:#c9bc91;font-size:13px}
:root body .quest-reward-caption>img{width:16px;height:16px;object-fit:contain}
:root body .quest-reward-resources{display:grid;gap:0;min-width:0}
:root body .quest-resource-row{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:32px;padding:4px 0;border-bottom:1px solid #58664a66;font:14px/1.4 Arial,sans-serif;color:#eee5cc}
:root body .quest-resource-row:last-child{border-bottom:0}
:root body .quest-resource-icon{display:flex;align-items:center;justify-content:center}
:root body .quest-resource-icon img{max-width:20px;max-height:20px;object-fit:contain}
:root body .quest-resource-name{min-width:0;overflow-wrap:anywhere}
:root body .quest-resource-count{color:#d9bf77;font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}

:root body .settings-language form{margin:8px 0 0}
:root body .settings-language label{display:block;margin-bottom:6px;color:#d5c596}
:root body .settings-language select{box-sizing:border-box;width:100%;min-height:44px;font-size:16px}
:root body .settings-language input[type=submit]{box-sizing:border-box;width:100%;min-height:44px}
:root body .body.hero-screen .settings-language{display:flow-root}
:root body .body.hero-screen .settings-language form{display:grid;gap:10px;margin:10px 0 0}
:root body .body.hero-screen .settings-language .pt{margin:0;padding:0}
:root body .body.hero-screen .settings-language .settings-language-save{display:block;width:100%;min-height:46px;margin:0;box-sizing:border-box}
:root body .body.hero-screen .settings-design{display:flow-root}
:root body .body.hero-screen .settings-design p.space2{height:auto;min-height:46px;margin:12px 0 0;padding:0}
:root body .body.hero-screen .settings-design form{margin:8px 0 0}

/* Settings: full-row game commands and mobile forms. */
:root body .body.settings-screen{padding:10px}
:root body .body.settings-screen .settings-menu{display:grid;gap:5px;padding:0;margin:10px 0;background:none;border:0;box-shadow:none}
:root body .settings-menu-link{box-sizing:border-box;display:flex;align-items:center;gap:9px;min-height:48px;padding:8px 10px;border:1px solid var(--menu-edge);border-radius:4px;background:var(--menu-surface);box-shadow:var(--menu-shadow);color:var(--menu-ink);font:500 14px/1.35 Arial,sans-serif;text-decoration:none}
:root body .settings-menu-link>.tida-icon:first-child{box-sizing:border-box;width:28px;height:28px;flex:none;padding:4px;border:1px solid #6e7751;border-radius:4px;background:#19281f;color:var(--game-gold)}
:root body .settings-menu-link>.tida-icon:last-child{width:16px;height:16px;flex:none;color:#c9ae76}
:root body .settings-menu-label{min-width:0;flex:1;overflow-wrap:anywhere}
:root body .settings-menu-price{display:inline-flex;align-items:center;gap:4px;flex:none;color:#d9bf77;font-size:12px;white-space:nowrap}
:root body .settings-menu-link:active{background:#1a2b21;box-shadow:inset 0 2px 5px #0005}
:root body .settings-screen form :is(input[type=text],input[type=password],select,textarea,input[type=submit]){width:100%!important;box-sizing:border-box}
:root body .settings-screen .settings-choice{display:flex;align-items:center;gap:8px;min-height:44px;padding:5px 8px;border:1px solid #545e46;border-radius:4px;background:#1f2e24;box-sizing:border-box;overflow-wrap:anywhere}
:root body .settings-choice input{flex:none;width:20px;height:20px;margin:0}
@media(hover:hover){:root body .settings-menu-link:hover{background:var(--menu-surface-hover);border-color:#b59c5e}}

/* Item details, including charges and consumables, use the shared RPG frame. */
:root body .item-screen .item-detail{padding:10px;background:none;border:0;box-shadow:none}
:root body .item-screen .items>table.items_box{width:100%;margin:0 0 8px;background:linear-gradient(#2a3c2d,#1f2e24);border:1px solid #6b764f;border-radius:4px;box-shadow:var(--menu-shadow)}
:root body .item-screen .items>table.items_box td{padding:10px;vertical-align:middle}
:root body .item-screen .items>table.items_box td:first-child{width:66px;padding-right:0}
:root body .item-screen .items>table.items_box td:first-child img{width:54px!important;height:54px!important;border-radius:4px;border:1px solid #a18e55;background:#16221a;box-shadow:none;object-fit:contain}
:root body .item-screen .item_name{font:600 15px/1.4 Georgia,serif;overflow-wrap:anywhere}
:root body .item-screen .item_name a{display:inline;padding:0;min-height:0;border:0;border-radius:0;background:none;box-shadow:none;text-decoration:none;font:inherit}
:root body .item-screen .items>table.items_box .item_todo{font:12px/1.4 Arial,sans-serif;letter-spacing:0;text-transform:none;color:#a6b5a0}
:root body .item-screen .item_param{gap:0;padding:4px 10px;margin:0 0 8px;background:#1f2e24;border:1px solid #545e46;border-radius:4px;box-shadow:inset 0 1px #ffffff06}
:root body .item-screen .item_param p{flex-wrap:wrap;min-width:0;margin:0;padding:8px 0;gap:6px;background:none;border:0;border-bottom:1px solid #58664a66;border-radius:0;color:#eee5cc;font:14px/1.45 Arial,sans-serif;overflow-wrap:anywhere}
:root body .item-screen .item_param p:last-child{border-bottom:0}
:root body .item-screen .item_info>p,:root body .item-screen .item_status{background:#1f2e24;border:1px solid #545e46;border-radius:4px;color:#eee5cc;overflow-wrap:anywhere}
:root body .item-screen .item-sell{margin:6px 0}
:root body .item-screen .item-sell a,:root body .item-screen .item-detail>p:has(>img.menu+a)>a{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;width:100%;padding:8px 10px;background:var(--menu-surface);color:#eee5cc!important;border:1px solid var(--menu-edge);border-radius:4px;box-shadow:var(--menu-shadow);font:500 14px/1.4 Arial,sans-serif;text-decoration:none}
:root body .item-screen .item-detail>p:has(>img.menu+a){margin:6px 0;padding:0;background:none;border:0;box-shadow:none}
:root body .item-screen .item-detail>p:has(>img.menu+a)>img.menu{display:none}
:root body .item-screen .item-sell a:active,:root body .item-screen .item-detail>p:has(>img.menu+a)>a:active{background:#1a2b21;box-shadow:inset 0 2px 5px #0005}

:root body .chat-item-link{box-sizing:border-box;display:inline-flex;align-items:center;min-height:44px;max-width:100%;padding:5px 8px;margin:2px 0;border:1px solid #907e55;border-radius:4px;background:#233627;font:600 14px/1.4 Georgia,serif;text-decoration:none;vertical-align:middle;overflow-wrap:anywhere}
:root body .chat-item-link:active{background:#364d33}

/* Compact channel commands and a quiet, readable mobile chat. */
:root body .body:is(.chat-screen,.chat-online-screen){padding:10px}
:root body .chat-screen>.b2b{padding:0;background:none;border:0}
:root body .chat-channels{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 8px}
:root body .chat-channels a{box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex:1 1 90px;min-height:44px;padding:6px;border:1px solid #6c7650;border-radius:4px;background:var(--menu-surface);color:#d7d7bf;font:13px/1.3 Arial,sans-serif;text-align:center;text-decoration:none;overflow-wrap:anywhere}
:root body .chat-channels a[aria-current=page]{color:#f1d797;border-color:#b49a5a;background:linear-gradient(#475a3b,#2e432d);box-shadow:inset 0 -2px #c9ad69}
:root body .chat-compose{padding:8px;margin:0 0 8px;background:#1f2e24;border:1px solid #5f694a;border-radius:4px;box-shadow:none}
:root body .chat-screen textarea.txt_area{box-sizing:border-box;width:100%;min-height:80px;margin:0;padding:8px;border-radius:4px;background:#132019;border-color:#6c7654;color:#eee5cc;font:16px/1.45 Arial,sans-serif;resize:vertical}
:root body .chat-screen .chat-actions{display:grid;grid-template-columns:44px minmax(0,1fr)44px;gap:6px;width:100%;margin:7px 0 0;padding:0}
:root body .chat-screen .chat-actions :is(input,a){box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;min-width:0;min-height:44px;margin:0;padding:6px;border:1px solid #918053;border-radius:4px;background:var(--menu-surface);color:#ead9ac;font:600 15px/1.3 Arial,sans-serif;text-decoration:none;box-shadow:var(--menu-shadow)}
:root body .chat-screen .chat-actions input[type=submit]{background:linear-gradient(#596a41,#364f30)}
:root body .chat-screen .chat_content{padding:0;margin:0;background:none;border:0;border-radius:0;box-shadow:none}
:root body .chat-screen #chat_messages{display:grid;gap:5px;padding:0}
:root body .chat-screen #chat_messages>.chat-message{margin:0;padding:7px 9px;min-width:0;background:#1d2d22;border:1px solid #485941;border-radius:4px;box-shadow:none;color:#eee5cc;font:14px/1.55 Arial,sans-serif;overflow-wrap:anywhere}
:root body .chat-message-time{display:inline-block;margin-left:5px;font:11px/1.4 Arial,sans-serif;color:#91a48b}
:root body .chat-screen .chat-meta{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin:8px 0;font-size:12px;background:none;border:0}
:root body .chat-screen .chat-meta :is(a,span.yellow),:root body .chat-screen #chat-online-line a,:root body .chat-exit a,:root body .chat-online-return{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:6px 9px;border:1px solid #646e4d;border-radius:4px;background:#223426;color:#dcc58b;text-decoration:none}
:root body .chat-exit a,:root body .chat-online-return{width:100%}
:root body .chat-online-user{padding:8px;margin:5px 0;border:1px solid #545e46;border-radius:4px;background:#1f2e24;overflow-wrap:anywhere}
:root body .chat-online-user a{display:inline-flex;align-items:center;min-height:44px}
:root body .chat-screen .smiles{max-width:100%;box-sizing:border-box;background:#1f2e24;border-color:#6c7654;border-radius:4px}

/* Override the old chat controls that used !important blue/brown surfaces. */
:root body .chat-screen .chat-actions :is(input,a){border-radius:4px!important;background:var(--menu-surface)!important;border:1px solid #918053!important;color:#ead9ac!important;font:600 15px/1.3 Arial,sans-serif!important;box-shadow:var(--menu-shadow)}
:root body .chat-screen .chat-actions input[type=submit]{background:linear-gradient(#596a41,#364f30)!important}
:root body .chat-screen textarea.txt_area{background:#132019!important;border:1px solid #6c7654!important;border-radius:4px!important;color:#eee5cc!important;box-shadow:none}

/* Free league: compact mobile game panels, shared palette and touch targets. */
.league-screen .body { color:var(--game-text,#eee6cd); }
.league-screen .body .b2 { background:#1a2a21!important; padding:10px!important; }
.league-screen .body .b4 { background:transparent!important; border:0!important; padding:0!important; }
.league-screen .body .space2 { height:4px!important; margin:0!important; }
.league-screen .arena-current-league,.league-screen .arena-top-league { background:#213628!important; border:1px solid #5f664a!important; border-radius:3px!important; padding:10px!important; margin:8px 0!important; }
.league-screen .arena-current-league__name,.league-screen .league__name { color:#ecdbab!important; font-size:15px!important; line-height:1.4!important; overflow-wrap:anywhere; }
.league-screen .arena-current-league h1 { font-size:16px!important; margin:0 0 8px!important; }
.league-screen .learning { background:transparent!important; padding:0!important; margin:6px 0!important; }
.league-screen .learning__body { display:flex!important; align-items:center!important; gap:10px; flex-wrap:wrap; padding:0!important; background:transparent!important; }
.league-screen .learning__view { flex:0 0 48px!important; margin:0!important; }
.league-screen .learning__text { flex:1 1 140px!important; min-width:0; margin:0!important; text-align:left!important; }
.league-screen .learning__avatar,.league-screen .learning__avatarbb { width:48px!important; height:48px!important; border:1px solid #8e804e!important; border-radius:3px!important; }
.league-screen .responsive-img { display:block!important; width:100%!important; max-width:100%!important; height:auto!important; max-height:180px; object-fit:cover; border:1px solid #66603f; border-radius:3px; }
.league-screen .title { display:flex!important; justify-content:space-between!important; align-items:center; gap:8px; background:transparent!important; padding:8px 0!important; }
.league-screen .title__text,.league-screen .title__value,.league-screen .title__info { color:#efe2be!important; font-size:14px!important; }
.league-screen .arena_points,.league-screen .arena_rating { color:#e7ca78!important; }
.league-screen .power { color:#b9d49c!important; }
.league-screen .menu__list,.league-screen .nav__list,.league-screen .top-users__list { list-style:none!important; padding:0!important; margin:0!important; }
.league-screen .menu__item,.league-screen .nav__item { margin:4px 0!important; padding:0!important; background:transparent!important; }
.league-screen .menu__link,.league-screen .nav__link { display:flex!important; align-items:center; min-height:44px!important; height:auto!important; padding:10px 12px!important; width:100%; box-sizing:border-box; background:linear-gradient(#294230,#1f3427)!important; border:1px solid #66694c!important; border-radius:3px!important; color:#f0e3bf!important; text-decoration:none; }
.league-screen .menu__title { font-size:15px!important; }
.league-screen .btnm,.league-screen .exchange-button { display:flex!important; align-items:center; justify-content:center; width:100%!important; min-width:0!important; min-height:44px!important; height:auto!important; margin:0!important; padding:10px!important; box-sizing:border-box; font-size:15px!important; color:#fff0c9!important; background:linear-gradient(#5f6a49,#3a4f32)!important; border:1px solid #ab904e!important; border-radius:3px!important; outline:0!important; }
.league-screen .btn-wrapper { display:block!important; padding:8px 0!important; border:0!important; }
.league-screen .zxzx-container { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px!important; padding:0!important; }
.league-screen .zxzx { padding:0!important; min-width:0; border:0!important; background:transparent!important; }
.league-screen .zxzx a { display:flex; align-items:center; justify-content:center; min-height:44px; padding:6px; box-sizing:border-box; background:#293f2e; border:1px solid #676948; border-radius:3px; color:#eee1bd!important; font-size:13px; overflow-wrap:anywhere; }
.league-screen .shop-item { margin:8px 0!important; padding:10px!important; background:#213628!important; border:1px solid #5f664a!important; border-radius:3px!important; }
.league-screen .shop-item .arena-current-league { border:0!important; padding:0!important; margin:0!important; }
.league-screen .shop-item .learning__body>.title__text { flex:0 0 100%; text-align:right; margin:2px 0 6px; }
.league-screen .exchange-button:disabled { opacity:.5; }
.league-screen #league-shop-status:empty { display:none; }
.league-screen #league-shop-status { margin:8px 10px; padding:10px; border:1px solid #90804c; background:#293f2e; overflow-wrap:anywhere; }
.league-screen .top-users__item { background:#213628!important; border:1px solid #5f664a!important; border-radius:3px!important; padding:8px!important; margin:6px 0!important; font-size:14px; overflow-wrap:anywhere; }
.league-screen .top-user { display:flex!important; align-items:center; gap:8px; min-height:44px; color:#efe1ba!important; }
.league-screen .top-user__view { flex:0 0 40px; margin:0!important; }
.league-screen .top-user__view img { width:40px!important; height:40px!important; }
.league-screen .top-user__info { flex:1; min-width:0; overflow-wrap:anywhere; }
.league-screen .top-user__values { margin-left:auto; flex-shrink:0; }
.league-screen .top-user__login { color:#efe1ba!important; font-size:14px!important; }
.league-screen .top-user__place { color:#aec3a7!important; font-size:12px!important; }
.league-screen .league-waiting .btnm { margin-top:8px!important; }

.league-screen .arena-menu,.league-screen .nav { background:transparent!important; padding:0!important; margin:6px 0!important; }
.league-screen .menu__list { display:grid!important; grid-template-columns:minmax(0,1fr); gap:4px!important; }
.league-screen .menu__item { width:100%!important; margin:0!important; }
.league-screen .menu__link .menu__title { background:none!important; padding:0!important; text-align:left!important; }

:root body .tida-dock,:root body .world-dock { grid-template-columns:repeat(6,minmax(0,1fr)); }
@media(max-width:360px){:root body .tida-dock>a,:root body .world-dock>a { font-size:10px; }}

/* The wallet uses the actual pink pearl asset, rather than a painted blue orb. */
:root body .game-currency .world-pearl{width:16px;height:16px;object-fit:contain;border:0;border-radius:0;background:none;box-shadow:none}

/* Compact legacy-style event icons: direct destinations, no text pills or popup. */
:root body .world-events.world-event-icons{display:flex;align-items:center;flex-wrap:nowrap;gap:0;min-width:0;max-width:100%;padding:2px 6px;background:#17241c;overflow-x:auto;scrollbar-width:thin;min-height:44px;border:0;box-sizing:border-box}
:root body .world-hud>.world-event-icons{grid-column:1/-1;margin:0 -2px;padding:0;background:transparent;border-top:1px solid #65734c55}
:root body .world-event-icon{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;box-sizing:border-box;padding:6px;border:0;border-radius:4px;background:none;text-decoration:none;color:#e7cc8e}
:root body .world-event-icon>.tida-icon{width:30px;height:30px;object-fit:contain;filter:drop-shadow(0 1px 2px #0009)}
:root body .world-event-icon--danger{color:#f0806c}
:root body .world-event-icon--mail{color:#eee2b7}
:root body .world-event-icon:hover,:root body .world-event-icon:focus-visible{background:#364b30;outline:1px solid #ccb06b;outline-offset:-1px}
:root body .world-event-dot{position:absolute;right:4px;top:4px;width:5px;height:5px;border-radius:50%;background:#e4c574;box-shadow:0 0 0 1px #17241c}
:root body .world-event-icon--danger .world-event-dot{background:#ef6d58}
:root body .tida-raster-icon{object-fit:contain;flex-shrink:0}