/*
 * Tida / The Enchanted World
 * Presentation layer over interface-v2.css. No framework or runtime dependency.
 * The battle layout, item rarity colours and partner authentication stay intact.
 */
:root {
  color-scheme: dark;
  --tida-bg: #101a18;
  --tida-panel: #17221f;
  --tida-panel-raised: #1e2c27;
  --tida-line: #314039;
  --tida-gold: #dabb7a;
  --tida-text: #eeeadd;
  --tida-muted: #a0ada3;
  --tida-serif: Georgia, "Times New Roman", serif;
}

html {
  background: #080f0d;
  background-image: radial-gradient(ellipse at 50% 15%, #243a2c 0, #101b16 40%, #080f0d 75%);
  min-height: 100%;
}

body {
  max-width: 520px;
  min-height: 100vh;
  padding: 0;
  color: var(--tida-text);
  background: var(--tida-bg);
  font-family: "Segoe UI", Arial, sans-serif;
  font-size: 14px;
  line-height: 1.55;
  text-shadow: none;
  -webkit-tap-highlight-color: rgba(218, 187, 122, .15);
}

body, input, button, select, textarea { -webkit-text-size-adjust: 100%; }
a { color: var(--tida-gold); }
a:hover { color: #f4dca4; }
button, a, input, select, textarea { touch-action: manipulation; }
button { font: inherit; cursor: pointer; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 2px solid #ead39f;
  outline-offset: 4px;
}
::selection { color: #fff; background: #4b634b; }

.bdr.bg_main {
  min-height: 100vh;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: var(--tida-bg);
  box-shadow: 0 0 90px rgba(0, 0, 0, .35);
}
.bdr.bg_main .wr8 { padding: 0; }
.bdr.bg_main.tida-has-dock { padding-bottom: calc(82px + env(safe-area-inset-bottom, 0px)); }
div.box_inter, div.body { background: var(--tida-bg); }

/* Brand and shared navigation */
.tida-topbar {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-height: 76px;
  padding: 13px 22px;
  padding-top: calc(13px + env(safe-area-inset-top, 0px));
  border-bottom: 1px solid rgba(218, 187, 122, .17);
  background: #111b18;
}
.tida-brand { display: flex; align-items: center; gap: 10px; min-width: 0; }
.tida-brand-mark {
  display: grid;
  place-items: center;
  flex: 0 0 36px;
  width: 36px;
  height: 44px;
  color: var(--tida-gold);
}
.tida-brand-mark .tida-icon { width: 36px; height: 40px; }
.tida-brand strong {
  display: block;
  color: #eee0bd;
  font-family: var(--tida-serif);
  font-size: 21px;
  font-weight: 500;
  line-height: 1.2;
  white-space: nowrap;
}
.tida-brand small {
  display: block;
  margin-top: 4px;
  color: #99a497;
  font-size: 10px;
  letter-spacing: .09em;
}
.tida-icon { display: inline-block; flex-shrink: 0; vertical-align: middle; fill: none; stroke: currentColor; }
.tida-topbar-actions { display: flex; align-items: center; gap: 7px; flex-shrink: 0; }
.tida-icon-button {
  position: relative;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  color: #adb3a5;
  border: 1px solid #354238;
  border-radius: 8px;
}
.tida-icon-button .tida-icon { width: 20px; height: 20px; }
.tida-icon-button:hover { background: #233229; border-color: #748360; }
.tida-login-link { display: flex; align-items: center; gap: 6px; min-height: 44px; padding: 0 0 0 6px; font-size: 12px; }
.tida-login-link .tida-icon { width: 16px; height: 16px; }
.tida-unread { position: absolute; top: 8px; right: 8px; width: 6px; height: 6px; background: #efb564; border-radius: 50%; }

/* A cinematic entrance using locally optimized, existing game artwork. */
.tida-home .wr8 > .b1:empty,
.tida-home .wr8 > .box_inter > .b1:empty { display: none; }
.tida-landing { overflow: hidden; }
.tida-hero {
  position: relative;
  display: flex;
  align-items: flex-end;
  min-height: 534px;
  isolation: isolate;
  background: #172d22 url("/img/ui/enchanted-forest.webp") 54% top / auto 440px no-repeat;
}
.tida-hero::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  content: "";
  background: linear-gradient(180deg, rgba(10, 22, 15, .02), rgba(10, 22, 15, .04) 23%, rgba(13, 25, 19, .8) 52%, var(--tida-bg) 82%);
}
.tida-hero::after {
  position: absolute;
  z-index: -1;
  inset: 25px 18px auto;
  height: 170px;
  content: "";
  pointer-events: none;
  opacity: .75;
  background:
    radial-gradient(circle at 18% 35%, #f5de8a 0 1px, transparent 3px),
    radial-gradient(circle at 79% 70%, #e1d9a0 0 1px, transparent 3px),
    radial-gradient(circle at 62% 17%, #e7e3b9 0 1px, transparent 2px),
    radial-gradient(circle at 33% 82%, #f5de8a 0 1px, transparent 2px);
  animation: tida-fireflies 7s ease-in-out infinite alternate;
}
.tida-live {
  position: absolute;
  top: 17px;
  left: 22px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 5px 10px;
  color: #d7e4cc;
  background: rgba(13, 28, 20, .8);
  border: 1px solid rgba(160, 188, 122, .28);
  border-radius: 20px;
  font-size: 10px;
  letter-spacing: .02em;
}
.tida-live > span { width: 5px; height: 5px; border-radius: 50%; background: #acd378; box-shadow: 0 0 7px #99c869; }
.tida-hero-content { width: 100%; padding: 195px 28px 24px; text-align: center; }
.tida-eyebrow {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  color: #c4ad78;
  font-size: 9px;
  line-height: 1.5;
  letter-spacing: .2em;
  font-weight: 600;
  text-transform: uppercase;
}
.tida-eyebrow > span { width: 24px; height: 1px; background: #9b895a; }
.tida-hero h1 {
  margin: 13px 0;
  padding: 0;
  color: #f8f2df;
  font-family: var(--tida-serif);
  font-weight: 400;
  font-size: clamp(34px, 10vw, 46px);
  line-height: 1.08;
  letter-spacing: -.045em;
  text-shadow: 0 3px 25px #06110a;
}
.tida-hero h1 em { color: #e0c58b; font-style: normal; }
.tida-hero-description {
  max-width: 340px;
  margin: 14px auto 22px;
  color: #bec8ba;
  font-size: 12px;
  line-height: 1.75;
}
.tida-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  min-height: 52px;
  padding: 13px 17px;
  border: 1px solid #d5b571;
  border-radius: 7px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
  text-align: center;
  transition: background .2s, border-color .2s, transform .2s;
}
.tida-button .tida-icon { width: 21px; height: 21px; }
.tida-button-primary {
  color: #292719;
  background: linear-gradient(115deg, #dbbf81, #bca162);
  box-shadow: inset 0 1px rgba(255, 255, 255, .3), 0 5px 24px rgba(218, 187, 122, .1);
}
.tida-button-primary .tida-icon:last-child { width: 18px; margin-left: auto; }
.tida-button-primary .tida-icon:first-child { margin-right: auto; }
.tida-button-primary:hover { color: #181f15; background: #e5cd94; }
.tida-button-secondary { color: #e4cca0; border-color: #4b5945; background: #1c2a22; }
.tida-button-secondary:hover { color: #f6dfae; background: #29372b; border-color: #a99462; }
.tida-button:active { transform: translateY(1px); }
.tida-play-notes { display: flex; align-items: center; justify-content: center; gap: 12px; margin-top: 12px; color: #9caa98; font-size: 10px; }
.tida-play-notes > span { display: inline-flex; align-items: center; gap: 4px; }
.tida-play-notes .tida-icon { width: 12px; height: 12px; color: #a9be85; }
.tida-play-notes i { width: 3px; height: 3px; background: #5d6d57; border-radius: 50%; }
.tida-returning { margin-top: 19px; color: #98a495; font-size: 12px; }
.tida-returning a { display: inline-flex; align-items: center; min-height: 44px; margin: -9px 0 -9px 3px; padding: 0 5px; text-decoration: underline; text-underline-offset: 4px; }
.tida-community {
  display: flex;
  align-items: center;
  gap: 13px;
  margin: 0 22px;
  padding: 17px 18px;
  border-top: 1px solid #364433;
  border-bottom: 1px solid #364433;
  background: linear-gradient(90deg, transparent, #1a261e, transparent);
}
.tida-community-icon { display: grid; place-items: center; width: 40px; height: 40px; color: #bba570; }
.tida-community strong { display: block; color: #e4d6b5; font-family: var(--tida-serif); font-size: 23px; font-weight: 400; line-height: 1.2; letter-spacing: .04em; }
.tida-community small { display: block; margin-top: 3px; color: #9eac9b; font-size: 10px; }
.tida-community-ornament { margin-left: auto; color: #807347; }
.tida-community-ornament .tida-icon { width: 20px; height: 20px; }
.tida-world { padding: 29px 22px 0; }
.tida-world > .tida-eyebrow { justify-content: flex-start; font-size: 8px; }
.tida-world h2 { margin: 7px 0 20px; padding: 0; color: #eee7d3; font-family: var(--tida-serif); font-size: 26px; font-weight: 400; }
.tida-paths { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.tida-path {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 214px;
  align-items: flex-end;
  padding: 14px;
  overflow: hidden;
  border: 1px solid #3b4940;
  border-radius: 9px;
  background: #182521;
  isolation: isolate;
}
.tida-path::before, .tida-path::after { position: absolute; z-index: -1; inset: 0; content: ""; }
.tida-path::before { background-size: auto 170px; background-repeat: no-repeat; background-position: center top; transition: transform .4s; }
.tida-path-explore::before { background-image: url("/img/ui/ancient-portal.webp"); }
.tida-path-battle::before { background-image: url("/img/ui/battlefield.webp"); }
.tida-path::after { background: linear-gradient(180deg, rgba(16, 26, 24, .05), rgba(16, 26, 24, .2) 30%, #14211b 61%); }
.tida-path:hover { border-color: #a48e5e; }
.tida-path:hover::before { transform: scale(1.04); }
.tida-path-icon { position: absolute; top: 12px; left: 12px; display: grid; place-items: center; width: 30px; height: 30px; color: #d9c393; background: rgba(11, 23, 20, .7); border: 1px solid #72806c; border-radius: 6px; }
.tida-path-icon .tida-icon { width: 17px; height: 17px; }
.tida-path-copy { display: block; min-width: 0; }
.tida-path-copy > strong { display: block; color: #ede4cc; font-family: var(--tida-serif); font-size: 17px; font-weight: 400; line-height: 1.2; }
.tida-path-copy > small { display: block; min-height: 34px; margin: 8px 0 9px; color: #9eac9e; font-size: 10px; line-height: 1.6; }
.tida-path-link { display: flex; align-items: center; gap: 4px; color: #cbb67e; font-size: 10px; }
.tida-path-link .tida-icon { width: 14px; height: 14px; margin-left: auto; }
.tida-create { margin-top: 25px; padding: 20px 0 26px; border-top: 1px solid #2c3a30; text-align: center; }
.tida-create > .tida-icon { width: 18px; height: 18px; color: #a59566; }
.tida-create p { margin: 10px 0 16px; color: #aeb7a6; font-family: var(--tida-serif); font-size: 15px; }

/* Shared game surfaces. Do not change the structure of combat action grids. */
div.b1 { background: #1e2b24; border-top-color: #44503a; border-bottom-color: #2d3b2f; }
div.b1:before, div.b1:after { width: 5px; height: 5px; background: #ab9665; transform: rotate(45deg); }
div.b1:before { left: 14px; }
div.b1:after { right: 14px; }
div.b1 h1, div.b1 h2 {
  padding: 12px 30px;
  color: #e5d7b8;
  font-family: var(--tida-serif);
  font-size: 17px;
  font-weight: 400;
  line-height: 1.35;
  text-shadow: none;
}
div.b2, div.b2b { padding: 12px 15px; background: #16221d; border-color: var(--tida-line); }
div.bn { padding: 5px 10px; background: var(--tida-bg); border-color: var(--tida-line); }
div.b3 { padding: 9px 14px; background: #121e19; border-color: var(--tida-line); }
div.b4 { margin: 9px 12px; padding: 12px; border-radius: 7px; background: #212a20; border-color: #565a3d; }
div.h2b { padding: 10px 14px; color: #becbb9; background: #132019; border-color: var(--tida-line); }
div.brt, div.brb { border-color: #3b4839; }
div.award_in, div.box1s { margin: 8px 0; padding: 12px; border-radius: 7px; background: #283023; border-color: #687044; }
ul.nav:not(.battle-actions), ul.navb:not(.battle-actions) { padding: 2px 0; }
ul.nav li, ul.navb li { border-color: #2d3b30; background: transparent; }
ul.nav li a, ul.navb li a, ul.navb li a.active_s, ul.navb li a.disable_s {
  min-height: 46px;
  padding: 12px 10px;
  color: #d9decc;
  line-height: 22px;
  border-radius: 5px;
}
ul.nav li a:hover, ul.navb li a:hover { color: #eddbb2; background: #233329; }
ul.nav li img, ul.navb li img { margin-right: 10px; }
ul.navb li a.active_s { color: #e2c88b; background: #2b3321; }
ul.navb li a.disable_s { color: #a0a899; background: #162019; }
input, select, textarea {
  min-height: 44px;
  padding: 10px 12px;
  color: #f0eddf;
  background: #101b17;
  border: 1px solid #4a5846;
  border-radius: 6px;
  font-size: 16px;
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, .15);
}
input.inp, select { height: 46px; }
input[type="checkbox"], input[type="radio"] { min-height: 0; width: 18px; height: 18px; accent-color: #c4ab70; vertical-align: middle; }
input[type="hidden"] { display: none; }
input:focus, textarea:focus, select:focus { border-color: #d8be84; outline-color: #d8be84; }
input.butt, input.buttr, input.but2, input.but3, input.but, a.but2 {
  min-height: 44px;
  padding: 11px 17px;
  color: #26291c;
  background: linear-gradient(110deg, #dcc18a, #b79b5e);
  border-color: #d2b77b;
  border-radius: 6px;
  font-size: 14px;
  text-shadow: none;
}
input.buttr, input.but3 { color: #f9e3d9; background: #774238; border-color: #a56650; }
table.items_box, table.box1 { margin: 7px 0; border-radius: 7px; border-color: #3c4c3a; background: #1c2a22; overflow: hidden; }
table.items_box td, table.box1 td { padding: 8px; }
div.item_name { color: #e7d6ac; }
div.info { padding: 8px 0 5px; color: #c7cbb9; font-size: 12px; font-weight: 400; }
div.text_in { padding: 12px; border-radius: 7px; }
div.page a, div.page a.this { min-width: 44px; min-height: 44px; padding: 10px; border-radius: 5px; }
div.tfooter {
  padding: 20px 16px;
  color: #8f9e8d;
  background: #0d1713;
  border-color: #2c3c2f;
  font-size: 10px;
  line-height: 1.9;
  text-align: center;
  text-shadow: none;
}
.tfooter a { display: inline-block; padding: 8px 4px; color: #b8ba9c; }
.tfooter a.red, .tfooter a.green { color: #c6bb98 !important; }

/* A more legible resource HUD without touching the underlying game values. */
div.tida-player-hud {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  padding: 12px;
  background: linear-gradient(120deg, #1d2b23, #152119);
  border-bottom: 1px solid #3b4b35;
  font-size: 12px;
}
div.tida-player-hud .nobr { margin: 0; }
.tida-player-hud .tida-player-name { flex: 1 1 50%; min-width: 0; padding: 2px 0 5px; font-size: 15px; overflow: hidden; text-overflow: ellipsis; }
.tida-player-name font { color: #e9d8ad; }
.tida-player-name img { width: 16px; height: auto; }
.tida-player-hud .tida-player-level { padding: 3px 7px; border: 1px solid #625f3d; border-radius: 5px; color: #dfc282; background: #303522; }
.tida-player-hud .tida-player-xp { color: #a6b493; font-size: 10px; }
.tida-player-hud .tida-resource {
  flex: 1 0 20%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-height: 33px;
  padding: 5px;
  border: 1px solid #344831;
  border-radius: 5px;
  background: #121f17;
  font-variant-numeric: tabular-nums;
}
.tida-player-hud .tida-resource-health { color: #a8cd87; }
.tida-player-hud .tida-resource img { margin: 0; }

.tida-town-art { position: relative; padding: 6px 0 12px; }
.tida-town-art img.responsive-img { display: block; width: 100%; margin: 0; border: 1px solid #556044; border-radius: 7px; }
.tida-town-menu { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
.tida-town-menu > li, .tida-town-menu > li:last-child {
  overflow: hidden;
  border: 1px solid #3a4937 !important;
  border-radius: 7px;
  background: #1b2921;
}
.tida-town-menu > li > a { height: 100%; font-size: 12px; }
.tida-town-menu > li:first-child { grid-column: 1 / -1; background: linear-gradient(100deg, #38422b, #273722); border-color: #7a8150 !important; }
.tida-town-menu > li:first-child > a { color: #eed6a3; font-size: 15px; }
.tida-town-menu > li:first-child > a::after { content: "→"; float: right; color: #b8ac79; font-size: 20px; }

/* Combat HUD — match world-map dark gold, not forest green. */
.battle-hud {
  padding: 10px;
  background: linear-gradient(160deg, #1b2730, #0d141b);
  border-color: #766344;
}
.battle-fighter {
  padding: 9px 7px;
  background: #161c22;
  border-radius: 8px;
  border-color: #63563e;
}
.battle-fighter-self { border-color: #8a7045; }
.battle-fighter-opponent {
  background: #221a18;
  border-color: #75453f;
}
.battle-hp {
  height: 11px;
  border-radius: 5px;
  border-color: #4a4d47;
  background: #091016;
}
.battle-hp-fill {
  background: linear-gradient(90deg, #7ca95b, #3e763d);
  box-shadow: inset 0 1px #c2d79666;
}
.battle-fighter-opponent .battle-hp-fill {
  background: linear-gradient(90deg, #a53f38, #e07168);
}
.battle-event {
  padding: 9px;
  background: #111820;
  border-color: #63563e;
  border-radius: 6px;
}
.battle-action-title {
  padding: 10px;
  color: #dbc47f;
  background: #121820;
  border-color: #766344;
  letter-spacing: .08em;
}
ul.battle-actions {
  gap: 7px;
  padding: 9px;
  background: #0d1218;
}
ul.battle-actions li {
  border-color: #79684b;
  border-radius: 8px;
  background: linear-gradient(140deg, #28323be8, #0d141cea);
}
ul.battle-actions li a,
ul.battle-actions li a.active_s,
ul.battle-actions li a.disable_s {
  min-height: 48px;
  padding: 13px 6px;
  color: #e0d5c2;
}
ul.battle-actions li a.active_s { color: #f2deb0; }
ul.battle-actions li a.disable_s {
  background: #111518;
  color: #747b7e;
}
ul.battle-actions li a:active {
  background: linear-gradient(#a87634, #624020);
  color: #fff0ce;
}
.battle-vs { color: #d5b679; }
.battle-status-strip {
  background: linear-gradient(160deg, #1b2730, #0d141b) !important;
  border-color: #766344 !important;
}

.battle-assault-meta {
  margin: 0;
  padding: 10px 12px;
  color: #d9ddd8;
  background: #121820;
  border-bottom: 1px solid #63563e;
}

/* Login: retain the form endpoint, errors and partner variants. */
.tida-auth .tida-auth-panel { padding: 24px 22px; }
.tida-auth-panel > .body { border: 1px solid #3e503c; border-radius: 10px; overflow: hidden; background: #19271e; }
.tida-auth-intro {
  padding: 35px 18px 23px;
  text-align: center;
  background: linear-gradient(0deg, #19271e, rgba(16, 30, 21, .68)), url("/img/ui/enchanted-forest.webp") center 35% / cover;
}
.tida-auth-emblem { display: grid; place-items: center; width: 58px; height: 66px; margin: 0 auto 14px; color: #d6be83; }
.tida-auth-emblem .tida-icon { width: 52px; height: 60px; }
.tida-auth-intro h1 { margin: 10px 0 7px; padding: 0; color: #f0e1c2; font-family: var(--tida-serif); font-size: 29px; font-weight: 400; }
.tida-auth-intro > p:last-child { color: #acb6a1; font-size: 12px; }
.tida-auth-panel .body > .b2 { padding: 0 22px 20px; background: #19271e; }
.tida-auth-panel input.inp { width: 100%; max-width: none; height: 49px; }
.tida-auth-panel .but { padding: 20px 0 0; }
.tida-auth-panel input.butt { width: 100%; min-height: 49px; }
.tida-auth-panel .pt > br { display: none; }
.tida-auth-panel .pt .info:not(:first-child) { margin-top: 11px; }
.tida-auth-panel > .bn { padding: 12px 0; border: 0; }
.tida-auth-panel .nav li a { font-size: 12px; }
.tida-password-field { position: relative; }
.tida-password-field input.inp { padding-right: 52px; }
.tida-password-toggle { position: absolute; top: 2px; right: 2px; display: grid; place-items: center; width: 45px; height: 45px; padding: 0; color: #aeb59c; background: transparent; border: 0; border-radius: 4px; }
.tida-password-toggle[hidden] { display: none; }
.tida-password-toggle[aria-pressed="true"] { color: #efcf83; background: #293825; }
.tida-password-toggle .tida-icon { width: 20px; height: 20px; }

.tida-dock {
  position: fixed;
  z-index: 50;
  left: 50%;
  bottom: 0;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  width: 100%;
  max-width: 520px;
  padding: 6px 9px calc(7px + env(safe-area-inset-bottom, 0px));
  background: rgba(16, 29, 21, .98);
  border-top: 1px solid #48543a;
  box-shadow: 0 -8px 22px rgba(0, 0, 0, .2);
  transform: translateX(-50%);
}
.tida-dock > a { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; min-height: 55px; color: #a8b29e; border-radius: 7px; font-size: 10px; }
.tida-dock > a .tida-icon { width: 22px; height: 22px; }
.tida-dock > a:hover { background: #243625; color: #e5d29f; }
.tida-dock > a.is-active { color: #e0c58b; background: #283526; }
.tida-dock > a.is-active::before { position: absolute; top: -7px; left: 25%; width: 50%; height: 2px; content: ""; background: #cfb471; border-radius: 2px; }

@keyframes tida-fireflies { from { opacity: .3; transform: translateY(0); } to { opacity: .85; transform: translateY(-9px); } }

@media (min-width: 620px) {
  body { padding: 18px 0; background: transparent; }
  .bdr.bg_main { min-height: calc(100vh - 36px); border: 1px solid #3a4937; border-radius: 12px; }
  .tida-dock { bottom: 10px; max-width: 496px; border: 1px solid #4b573d; border-radius: 12px; }
  .tida-hero { background-size: auto 460px; }
  .tida-hero-content { padding-top: 210px; }
}
@media (max-width: 359px) {
  .tida-topbar { padding-right: 13px; padding-left: 13px; }
  .tida-brand { gap: 5px; }
  .tida-brand strong { font-size: 19px; }
  .tida-brand small { font-size: 9px; }
  .tida-topbar-actions { gap: 2px; }
  .tida-topbar-actions .tida-icon-button { width: 44px; }
  .tida-hero-content { padding-right: 20px; padding-left: 20px; }
  .tida-hero h1 { font-size: 36px; }
  .tida-community { margin-right: 16px; margin-left: 16px; padding-right: 9px; padding-left: 9px; }
  .tida-world { padding-right: 16px; padding-left: 16px; }
  .tida-paths { gap: 8px; }
  .tida-path { padding: 11px; }
  .tida-path-copy > strong { font-size: 16px; }
  .tida-path-link { font-size: 9px; }
  .tida-auth .tida-auth-panel { padding: 18px 14px; }
  .tida-town-menu { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  .tida-hero::after { animation: none; }
  .tida-button, .tida-path::before { transition: none; }
  .tida-button:active, .tida-path:hover::before { transform: none; }
}