/* Dathoria Mobile v2 - presentation only. No business logic is changed. */
#DathoriaMobileMenuButton,#DathoriaMobileMenuOverlay{display:none}
@media(max-width:900px){
 html{width:100%;min-width:0;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}
 body,body.DathoriaHomePage{width:100%!important;min-width:0!important;margin:0!important;zoom:100%!important;overflow-x:hidden!important;background-attachment:scroll!important}
 #ArtworkHelper,body.DathoriaHomePage #ArtworkHelper{width:100%!important;min-width:0!important;height:auto!important;min-height:100vh;background-size:cover!important}
 #Bodycontainer,body.DathoriaHomePage #Bodycontainer{display:block!important;width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;margin:0!important;padding:66px 8px 18px!important;box-sizing:border-box!important}
 #ContentRow,body.DathoriaHomePage #ContentRow{position:relative!important;top:auto!important;display:flex!important;flex-direction:column!important;width:100%!important;padding:0!important}
 #ContentColumn,body.DathoriaHomePage #ContentColumn{position:relative!important;order:1;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
 #ThemeboxesColumn,body.DathoriaHomePage #ThemeboxesColumn{position:relative!important;order:2;top:auto!important;right:auto!important;width:100%!important;margin:18px 0 0!important;padding:0!important;border:0!important;text-align:center!important}
 #ContentColumn .Content,#ContentHelper,.BoxContent,.InnerTableContainer{width:100%!important;max-width:100%!important;box-sizing:border-box!important}
 #ContentHelper{overflow:visible!important}
 #MenuColumn,body.DathoriaHomePage #MenuColumn{position:fixed!important;z-index:10002!important;left:0!important;top:0!important;bottom:0!important;width:min(84vw,320px)!important;height:100dvh!important;margin:0!important;padding:12px 16px 28px!important;box-sizing:border-box!important;overflow-y:auto!important;overscroll-behavior:contain;background:#06100e!important;border:0!important;border-right:2px solid #9c7a38!important;box-shadow:8px 0 28px rgba(0,0,0,.72)!important;transform:translateX(-105%);transition:transform .22s ease;visibility:visible!important}
 body.dathoria-mobile-menu-open #MenuColumn{transform:translateX(0)}
 #DathoriaMobileMenuButton{display:flex;position:fixed;z-index:10001;top:max(8px,env(safe-area-inset-top));left:max(8px,env(safe-area-inset-left));align-items:center;justify-content:center;gap:8px;min-width:106px;min-height:42px;padding:8px 13px;border:2px solid #211405;outline:1px solid #d3ae58;outline-offset:-4px;border-radius:2px;background:linear-gradient(#2c6736,#103a1c);box-shadow:0 3px 10px rgba(0,0,0,.55);color:#ffe39a;font:bold 14px Verdana,Arial,sans-serif;text-shadow:1px 1px #000;cursor:pointer;transition:opacity .18s ease,transform .18s ease}
 #DathoriaMobileMenuButton span{font-size:20px;line-height:1}
 body.dathoria-mobile-scrolled:not(.dathoria-mobile-menu-open) #DathoriaMobileMenuButton{opacity:.82;transform:scale(.92);transform-origin:left top}
 #DathoriaMobileMenuOverlay{display:block;position:fixed;z-index:10000;inset:0;width:100%;height:100%;padding:0;border:0;background:rgba(0,0,0,.67);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility .22s ease}
 body.dathoria-mobile-menu-open #DathoriaMobileMenuOverlay{opacity:1;visibility:visible;pointer-events:auto}
 body.dathoria-mobile-menu-open{overflow:hidden!important}
 #LeftArtwork,body.DathoriaHomePage #LeftArtwork{position:relative!important;top:auto!important;left:auto!important;width:100%!important;height:128px!important;margin:0 auto 10px!important}
 #LeftArtwork #TibiaLogoArtworkTop,body.DathoriaHomePage #LeftArtwork #TibiaLogoArtworkTop{position:absolute!important;top:0!important;left:50%!important;width:min(220px,88%)!important;height:120px!important;object-fit:contain!important;transform:translateX(-50%)}
 #LeftArtwork #TibiaLogoArtworkBottom,#LeftArtwork #LogoLink{display:none!important}
 #Loginbox,#Menu,body.DathoriaHomePage #Loginbox,body.DathoriaHomePage #Menu{width:180px!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important}
 #RightArtwork{display:none!important}
 #Themeboxes{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%}
 #Themeboxes>*{max-width:100%;margin-left:auto!important;margin-right:auto!important}
 #Footer{width:100%!important;box-sizing:border-box;padding:14px 8px 28px!important}
 img,video,canvas,iframe,object,embed{max-width:100%}
 img:not([width]):not([height]){height:auto}
 .BoxContent,.TableContent,.InnerTableContainer,.dathoria-table-wrap{overflow-wrap:normal!important;word-break:normal!important}
 .BoxContent td,.BoxContent th,.BoxContent a,.BoxContent span,.BoxContent div{word-break:normal;overflow-wrap:normal}
 .BoxContent .TableContainer,.BoxContent .InnerTableContainer,.BoxContent .dathoria-table-wrap{max-width:100%;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
 input:not([type=checkbox]):not([type=radio]):not([type=image]),select,textarea{max-width:100%!important;min-height:42px;box-sizing:border-box;font-size:16px}
 textarea{min-height:96px}
 button,input[type=button],input[type=submit],input[type=reset]{touch-action:manipulation}
 input[type=checkbox],input[type=radio]{width:22px!important;height:22px!important;vertical-align:middle}
 label{line-height:1.35}
 .DathoriaHomeStandard .dathoria-master-header__banner{width:100%!important;height:auto!important}
 .dathoria-feature-grid,.dathoria-grid--4,.dathoria-grid--3,.dathoria-grid--2,.dathoria-library__grid,.dathoria-home-grid,.dathoria-card-grid,.shop-products,.products-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
 .dathoria-card,.dathoria-panel,.dathoria-action-card,.shop-product,.product-card{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
 .dathoria-feature-card{min-height:0!important;padding:22px 16px!important}
 #DathoriaBackButton a{min-height:38px;box-sizing:border-box;display:inline-flex!important;align-items:center}
 /* Shop catalogue: stop the wide Coins card from collapsing into a narrow text column. */
 .ds-category-card--coins-wide{display:flex!important;flex-direction:column!important;align-items:center!important;width:calc(100% - 20px)!important;height:auto!important;min-height:0!important;padding:16px!important;gap:10px!important}
 .ds-category-card--coins-wide .ds-category-image{width:100%!important;height:120px!important;flex:0 0 120px!important}
 .ds-category-card--coins-wide .ds-category-wide-copy{display:flex!important;width:100%!important;min-width:0!important;align-items:center!important;text-align:center!important}
 .ds-category-card--coins-wide .ds-category-name,.ds-category-card--coins-wide .ds-category-text,.ds-category-card--coins-wide .ds-category-count{width:100%!important;max-width:100%!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important}
 .ds-category-card--coins-wide .ds-open{width:100%!important;flex:0 0 auto!important}
 .ds-category-grid,.ds-products{grid-template-columns:1fr!important}
 /* Quest catalogue: preserve real columns and use intentional horizontal scrolling. */
 .dq10-panel{overflow-x:auto!important;-webkit-overflow-scrolling:touch}
 .dq10-table{display:table!important;width:760px!important;min-width:760px!important;max-width:none!important;table-layout:fixed!important;overflow:visible!important}
 .dq10-table td,.dq10-table th,.dq10-name,.dq10-type{overflow-wrap:normal!important;word-break:normal!important}
 .dq10-col-quest{width:135px!important}.dq10-col-level{width:62px!important}.dq10-col-type{width:115px!important}.dq10-col-area{width:135px!important}.dq10-col-rewards{width:300px!important}
 .dq10-material-table{min-width:650px!important;max-width:none!important}
 /* Legacy account/login pages. */
 body.dathoria-page-account-login #LoginFormButtonCell{display:block!important;width:100%!important;padding-top:12px!important}
 body.dathoria-page-account-login #LoginFormButtonCell>div{float:none!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;width:100%!important}
 body.dathoria-page-account-login .TableContent>tbody>tr>td:first-child{display:block!important;width:100%!important}
 body.dathoria-page-account-login .TableContent table[style*="float: left"]{float:none!important;width:100%!important}
 body.dathoria-page-account-login .TableContent table[style*="float: left"] tr{display:grid!important;grid-template-columns:1fr!important;gap:5px!important;margin-bottom:9px!important}
 body.dathoria-page-account-login .TableContent table[style*="float: left"] td{display:block!important;width:100%!important;text-align:left!important}
 body.dathoria-page-account-login .LabelV{white-space:normal!important}
 body.dathoria-page-account-login .BigButton,body.dathoria-page-account-login .MediumButtonBackground,body.dathoria-page-account-login .MediumButtonForm{float:none!important;margin:0 auto!important;max-width:100%!important}
 body.dathoria-page-account-login #LoginCreateAccountBox{margin:0!important;padding:0 8px!important}
 body.dathoria-page-account-login .TableContent td>div[style*="float: right"]{float:none!important;margin:14px auto!important;text-align:center!important}
 body.dathoria-page-account .SmallBox,body.dathoria-page-account .MessageContainer,body.dathoria-page-account .Message{height:auto!important;min-height:0!important}
 body.dathoria-page-account .Message table,body.dathoria-page-account .InnerTableButtonRow,body.dathoria-page-account .InnerTableButtonRow>tbody,body.dathoria-page-account .InnerTableButtonRow>tbody>tr{width:100%!important}
 body.dathoria-page-account .InnerTableButtonRow>tbody>tr{display:flex!important;flex-wrap:wrap!important;gap:10px!important}
 body.dathoria-page-account .InnerTableButtonRow>tbody>tr>td{display:block!important;width:auto!important;flex:1 1 180px!important}
 body.dathoria-page-account .InnerTableButtonRow table,body.dathoria-page-account .InnerTableButtonRow form{margin:0 auto!important}
 body.dathoria-page-account .TableContent{min-width:0!important}
 body.dathoria-page-account .TableContent td{white-space:normal!important}
 body.dathoria-page-account-create form table{width:100%!important;max-width:100%!important}
 body.dathoria-page-account-create form table tr{display:grid!important;grid-template-columns:1fr!important;gap:5px!important}
 body.dathoria-page-account-create form table td{display:block!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;text-align:left!important}
 body.dathoria-page-account-create form input:not([type=radio]):not([type=checkbox]):not([type=image]),body.dathoria-page-account-create form select,body.dathoria-page-account-create form textarea{width:100%!important}
 body.dathoria-page-account-create input[type=image]{display:block!important;max-width:220px!important;height:auto!important;margin:12px auto!important}
 /* Data-heavy legacy tables remain readable via scrolling instead of letter-by-letter compression. */
 body.dathoria-page-character .TableContent,body.dathoria-page-account .TableContent:has(th),body.dathoria-page-quests .dq10-table{word-break:normal!important;overflow-wrap:normal!important}
 body.dathoria-page-character .InnerTableContainer{overflow-x:auto!important}
 body.dathoria-page-character .TableContent:has(th){min-width:620px!important;max-width:none!important}
 body.dathoria-page-account .TableContent:has(th){min-width:620px!important;max-width:none!important}
 .BigButton,.MediumButtonBackground,.SmallButton{max-width:100%!important}
 .BigButtonText,.MediumButtonText,input[type=image]{max-width:100%!important;height:auto}
}
@media(max-width:520px){
 #Bodycontainer,body.DathoriaHomePage #Bodycontainer{padding-left:4px!important;padding-right:4px!important}
 .BoxContent{padding-left:8px!important;padding-right:8px!important}
 #Themeboxes{display:flex}
 .dq10-stats{grid-template-columns:1fr 1fr!important}
 .dq10-filterbar{gap:6px!important}.dq10-chip{font-size:12px!important;padding:8px!important}
 .ds-wallet{flex-direction:column!important}.ds-wallet-links{text-align:left!important}
 .ds-product,.ds-category-card{min-height:0!important}
}
@media(prefers-reduced-motion:reduce){#MenuColumn,#DathoriaMobileMenuOverlay,#DathoriaMobileMenuButton{transition:none!important}}

/* Dathoria Mobile v3 - targeted fixes from real-device validation. */
@media(max-width:900px){
  /* Reusable horizontal viewport for data-heavy tables. */
  .dathoria-mobile-table-scroll{display:block!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch;box-sizing:border-box!important;padding-bottom:6px!important;scrollbar-width:thin}
  .dathoria-mobile-table-scroll>table{max-width:none!important;margin-left:0!important;margin-right:0!important}
  .dathoria-mobile-table-scroll::after{content:"Swipe sideways to view the complete table";display:block;padding:5px 7px;color:#6b431e;font:10px Verdana,Arial,sans-serif;text-align:center;background:#ead8ad;border:1px solid #c5a56a;border-top:0}

  /* Prevent every kind of letter-by-letter compression inside legacy cells. */
  .dathoria-mobile-table-scroll th,.dathoria-mobile-table-scroll td,
  .dathoria-highscores-table th,.dathoria-highscores-table td,
  .dq10-table th,.dq10-table td,.dq10-material-table th,.dq10-material-table td,
  .dv-inner th,.dv-inner td{word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important;white-space:normal!important}

  /* Highscores. */
  .dathoria-highscores-table{display:table!important;width:720px!important;min-width:720px!important;max-width:none!important;table-layout:auto!important}
  .dathoria-highscores-table th:nth-child(4),.dathoria-highscores-table td:nth-child(4){min-width:150px!important}
  .dathoria-player-name,.dathoria-player-name a,.dathoria-player-name span{white-space:normal!important;word-break:keep-all!important;overflow-wrap:normal!important}

  /* Quest catalogue and quest guide material tables. */
  .dq10-panel{overflow-x:auto!important}
  .dq10-table{display:table!important;width:800px!important;min-width:800px!important;max-width:none!important;table-layout:fixed!important}
  .dq10-material-table{display:table!important;width:760px!important;min-width:760px!important;max-width:none!important;table-layout:auto!important}
  .dq10-name,.dq10-name a,.dq10-type,.dq10-area{word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important}
  .dq10-col-quest{width:150px!important}.dq10-col-level{width:70px!important}.dq10-col-type{width:120px!important}.dq10-col-area{width:150px!important}.dq10-col-rewards{width:310px!important}

  /* Vocation encyclopedia: cards stack cleanly; comparison tables scroll. */
  .dv-panel-body>table:not(.dv-inner)>tbody>tr{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .dv-panel-body>table:not(.dv-inner)>tbody>tr>td.dv-card{display:block!important;width:auto!important;min-width:0!important;box-sizing:border-box!important}
  .dv-panel-body>table:not(.dv-inner)>tbody>tr>td.dv-card b,.dv-panel-body>table:not(.dv-inner)>tbody>tr>td.dv-card span{word-break:normal!important;overflow-wrap:normal!important}
  .dv-inner{display:table!important;width:760px!important;min-width:760px!important;max-width:none!important;table-layout:auto!important}
  .dv-inner td:first-child{min-width:125px!important}

  /* Shop category hero: force a real single-column card. */
  .ds-category-card--coins-wide{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto auto auto!important;align-items:center!important;justify-items:center!important;width:calc(100% - 20px)!important;max-width:calc(100% - 20px)!important;height:auto!important;min-height:0!important;margin:10px!important;padding:18px 14px!important;gap:10px!important;box-sizing:border-box!important;position:relative!important;overflow:hidden!important}
  .ds-category-card--coins-wide>.ds-category-image{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:auto!important;min-height:120px!important;flex:none!important;margin:0!important;position:static!important}
  .ds-category-card--coins-wide>.ds-category-image img{display:block!important;width:auto!important;max-width:min(250px,78vw)!important;height:auto!important;max-height:190px!important;margin:0 auto!important}
  .ds-category-card--coins-wide>.ds-category-wide-copy{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;flex:none!important;text-align:center!important;position:static!important}
  .ds-category-card--coins-wide .ds-category-name,.ds-category-card--coins-wide .ds-category-text,.ds-category-card--coins-wide .ds-category-count{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;margin-left:auto!important;margin-right:auto!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important;line-height:1.3!important}
  .ds-category-card--coins-wide>.ds-open{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;position:static!important;flex:none!important;margin:0!important;text-align:center!important;white-space:normal!important}

  /* Spells landing page: images stay inside their cards. */
  .ds-vocation-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%!important}
  .ds-vocation-card{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-end!important;width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;overflow:hidden!important}
  .ds-vocation-card img{display:block!important;width:auto!important;max-width:100%!important;height:auto!important;max-height:270px!important;object-fit:contain!important;margin:0 auto!important}
  .ds-vocation-card span{display:block!important;width:100%!important;box-sizing:border-box!important;text-align:center!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important}

  /* Character search forms on Characters and Who is Online. */
  .dathoria-character-search .dathoria-search-table,.dathoria-search-table{display:block!important;width:100%!important;max-width:100%!important}
  .dathoria-character-search .dathoria-search-table tbody,.dathoria-character-search .dathoria-search-table tr,
  .dathoria-search-table tbody,.dathoria-search-table tr{display:grid!important;grid-template-columns:1fr!important;width:100%!important;gap:8px!important}
  .dathoria-character-search .dathoria-search-table td,.dathoria-search-table td{display:block!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;padding:4px 8px!important;text-align:left!important}
  .dathoria-character-search .dathoria-search-table input:not([type=image]),.dathoria-search-table input:not([type=image]){display:block!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}
  .dathoria-character-search .dathoria-search-table .BigButton,.dathoria-search-table .BigButton{float:none!important;margin:0 auto!important}

  /* Login page: no narrow input column and no vertical Remember me. */
  body.dathoria-page-account-login .TableContent table,body.dathoria-page-account-login .TableContent tbody{width:100%!important;max-width:100%!important}
  body.dathoria-page-account-login .TableContent table[style*="float: left"] tr{display:grid!important;grid-template-columns:1fr!important;width:100%!important}
  body.dathoria-page-account-login .TableContent table[style*="float: left"] td{display:block!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;padding:4px 8px!important}
  body.dathoria-page-account-login .TableContent input:not([type=checkbox]):not([type=radio]):not([type=image]){width:100%!important;max-width:100%!important;min-height:44px!important}
  body.dathoria-page-account-login .TableContent label,body.dathoria-page-account-login .TableContent .LabelV{display:inline!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important}
  body.dathoria-page-account-login #LoginFormButtonCell{display:block!important;width:100%!important}

  /* Account creation: preserve labels and keep all controls aligned. */
  body.dathoria-page-account-create form .TableContent,body.dathoria-page-account-create form .InnerTableContainer{overflow:visible!important}
  body.dathoria-page-account-create form table,body.dathoria-page-account-create form tbody{display:block!important;width:100%!important;max-width:100%!important}
  body.dathoria-page-account-create form tr{display:grid!important;grid-template-columns:1fr!important;width:100%!important;gap:4px!important}
  body.dathoria-page-account-create form td{display:block!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;padding:5px 8px!important;text-align:left!important;word-break:normal!important;overflow-wrap:normal!important}
  body.dathoria-page-account-create form input:not([type=radio]):not([type=checkbox]):not([type=image]),body.dathoria-page-account-create form select,body.dathoria-page-account-create form textarea{display:block!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}
  body.dathoria-page-account-create form input[type=radio],body.dathoria-page-account-create form input[type=checkbox]{display:inline-block!important;vertical-align:middle!important;margin:5px 5px 5px 0!important}

  /* Atlas iframe: occupy the card without leaking or exposing oversized desktop help. */
  .dtw-map-panel,.dtw-map-shell{width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow:hidden!important}
  .dtw-map-frame{display:block!important;width:100%!important;max-width:100%!important;height:min(72vh,620px)!important;min-height:440px!important;border:0!important;box-sizing:border-box!important}

  /* General legacy data tables selected by JS. */
  table.dathoria-mobile-wide-table{display:table!important;width:720px!important;min-width:720px!important;max-width:none!important;table-layout:auto!important}
  table.dathoria-mobile-wide-table th,table.dathoria-mobile-wide-table td{word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important}
}
@media(max-width:520px){
  .dv-panel-body>table:not(.dv-inner)>tbody>tr{grid-template-columns:1fr!important}
  .ds-vocation-grid{grid-template-columns:1fr!important}
  .dtw-map-frame{height:540px!important;min-height:420px!important}
}

/* Dathoria Mobile v4 final refinements - 2026-07-28 */
@media(max-width:900px){
  /* Keep the floating menu useful without covering headings or form controls. */
  #DathoriaMobileMenuButton{top:max(10px,env(safe-area-inset-top))!important;left:max(10px,env(safe-area-inset-left))!important;min-width:96px!important;min-height:40px!important;padding:7px 11px!important;font-size:13px!important;opacity:.96!important}
  body.dathoria-mobile-scrolled:not(.dathoria-mobile-menu-open) #DathoriaMobileMenuButton{opacity:.72!important;transform:scale(.86)!important}
  #Bodycontainer{padding-top:74px!important}

  /* Home promise cards must never remain in three narrow desktop columns. */
  body.DathoriaHomePage .DathoriaHomeStandard .dathoria-promise-body,
  .DathoriaHomeStandard .dathoria-promise-body{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;padding:12px!important}
  body.DathoriaHomePage .DathoriaHomeStandard .dathoria-promise-card,
  .DathoriaHomeStandard .dathoria-promise-card{display:grid!important;grid-template-columns:72px minmax(0,1fr)!important;align-items:center!important;min-height:0!important;padding:16px!important;text-align:left!important}
  body.DathoriaHomePage .DathoriaHomeStandard .dathoria-promise-card .dathoria-card-icon,
  .DathoriaHomeStandard .dathoria-promise-card .dathoria-card-icon{display:flex!important;width:58px!important;min-width:58px!important;margin:0 12px 0 0!important}
  body.DathoriaHomePage .DathoriaHomeStandard .dathoria-promise-card .dathoria-card-icon img,
  .DathoriaHomeStandard .dathoria-promise-card .dathoria-card-icon img{width:52px!important;height:52px!important}
  body.DathoriaHomePage .DathoriaHomeStandard .dathoria-promise-card strong,
  .DathoriaHomeStandard .dathoria-promise-card strong{font-size:20px!important;line-height:1.15!important;white-space:normal!important}
  body.DathoriaHomePage .DathoriaHomeStandard .dathoria-promise-card p,
  .DathoriaHomeStandard .dathoria-promise-card p{font-size:15px!important;line-height:1.45!important}

  /* Vocation encyclopedia: native mobile cards, no sideways desktop canvas. */
  body.dathoria-page-vocations .dv-panel-body{overflow:visible!important}
  body.dathoria-page-vocations .dathoria-mobile-table-scroll{overflow:visible!important;width:100%!important}
  body.dathoria-page-vocations table.dv-paths-table,
  body.dathoria-page-vocations table.dv-comparison-table,
  body.dathoria-page-vocations table.dv-progression-table,
  body.dathoria-page-vocations table.dv-detailed-table,
  body.dathoria-page-vocations table.dv-best-table{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;table-layout:auto!important}
  body.dathoria-page-vocations table.dv-paths-table tbody,
  body.dathoria-page-vocations table.dv-paths-table tr{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%!important}
  body.dathoria-page-vocations table.dv-paths-table td.dv-card{display:block!important;width:auto!important;min-width:0!important;padding:14px 8px!important}
  body.dathoria-page-vocations table.dv-comparison-table thead,
  body.dathoria-page-vocations table.dv-comparison-table tr:first-child{display:none!important}
  body.dathoria-page-vocations table.dv-comparison-table tbody{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
  body.dathoria-page-vocations table.dv-comparison-table tr{display:grid!important;grid-template-columns:120px minmax(0,1fr)!important;gap:0!important;border:1px solid #c7a66a!important;background:#f3e2b8!important}
  body.dathoria-page-vocations table.dv-comparison-table td{display:block!important;width:auto!important;min-width:0!important;padding:14px!important;border:0!important;word-break:normal!important;overflow-wrap:normal!important}
  body.dathoria-page-vocations table.dv-comparison-table td:first-child{grid-row:1 / span 3;display:flex!important;align-items:center!important;justify-content:center!important;border-right:1px solid #d0b36f!important}
  body.dathoria-page-vocations table.dv-comparison-table td:nth-child(3),
  body.dathoria-page-vocations table.dv-comparison-table td:nth-child(4){grid-column:2!important;border-top:1px solid #d8bd7d!important}
  body.dathoria-page-vocations table.dv-progression-table tbody,
  body.dathoria-page-vocations table.dv-progression-table tr{display:flex!important;flex-direction:column!important;gap:8px!important;width:100%!important}
  body.dathoria-page-vocations table.dv-progression-table td{display:block!important;width:100%!important;min-width:0!important;box-sizing:border-box!important;padding:14px!important}
  body.dathoria-page-vocations table.dv-progression-table td:nth-child(even){height:28px!important;padding:2px!important;font-size:0!important}
  body.dathoria-page-vocations table.dv-progression-table td:nth-child(even):after{content:'↓';font-size:20px!important;color:#7b4a1d!important}
  body.dathoria-page-vocations table.dv-detailed-table tbody{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
  body.dathoria-page-vocations table.dv-detailed-table tr{display:grid!important;grid-template-columns:118px minmax(0,1fr)!important;border:1px solid #c7a66a!important;background:#f3e2b8!important}
  body.dathoria-page-vocations table.dv-detailed-table td{display:block!important;width:auto!important;min-width:0!important;padding:14px!important;border:0!important;word-break:normal!important;overflow-wrap:normal!important}
  body.dathoria-page-vocations table.dv-detailed-table td:first-child{grid-row:1 / span 2;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;border-right:1px solid #d0b36f!important}
  body.dathoria-page-vocations table.dv-detailed-table td:nth-child(3){grid-column:2!important;border-top:1px solid #d8bd7d!important}
  body.dathoria-page-vocations table.dv-best-table tbody{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
  body.dathoria-page-vocations table.dv-best-table tr{display:contents!important}
  body.dathoria-page-vocations table.dv-best-table td{display:block!important;width:auto!important;min-width:0!important;padding:14px!important;border:1px solid #d0b36f!important;background:#f3e2b8!important}
  body.dathoria-page-vocations .dv-panel-body>div{max-width:100%!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important}

  /* Shop cards and service forms: prevent right-side clipping and helper-text overlap. */
  body.dathoria-page-shop .ds-category-card--coins-wide{display:flex!important;flex-direction:column!important;align-items:center!important;width:calc(100% - 16px)!important;max-width:calc(100% - 16px)!important;margin:8px!important;padding:16px!important;overflow:hidden!important;text-align:center!important}
  body.dathoria-page-shop .ds-category-card--coins-wide .ds-category-image{width:100%!important;height:auto!important;min-height:130px!important;flex:none!important}
  body.dathoria-page-shop .ds-category-card--coins-wide .ds-category-wide-copy{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;text-align:center!important}
  body.dathoria-page-shop .ds-category-card--coins-wide .ds-category-name,
  body.dathoria-page-shop .ds-category-card--coins-wide .ds-category-text,
  body.dathoria-page-shop .ds-category-card--coins-wide .ds-category-count{display:block!important;width:100%!important;max-width:100%!important;margin:6px 0!important;white-space:normal!important}
  body.dathoria-page-shop .ds-category-card--coins-wide .ds-open{display:block!important;width:100%!important;max-width:100%!important;flex:none!important;margin-top:8px!important}
  body.dathoria-page-shop .ds-service-card input:not([type=checkbox]):not([type=radio]),
  body.dathoria-page-shop .ds-service-card select{display:block!important;width:100%!important;max-width:100%!important;min-height:48px!important;margin:0!important;box-sizing:border-box!important}
  body.dathoria-page-shop .ds-service-card small,
  body.dathoria-page-shop .ds-service-card .ds-help,
  body.dathoria-page-shop .ds-service-card .ds-note{display:block!important;position:static!important;width:100%!important;max-width:100%!important;margin:8px 0!important;line-height:1.4!important;white-space:normal!important}

  /* Legacy login/create/search forms: comfortable fields and consistent actions. */
  body.dathoria-page-account-login .TableContent input:not([type=checkbox]):not([type=radio]):not([type=image]),
  body.dathoria-page-account-create form input:not([type=checkbox]):not([type=radio]):not([type=image]),
  body.dathoria-page-character .dathoria-search-table input:not([type=image]),
  body.dathoria-page-online .dathoria-search-table input:not([type=image]){width:100%!important;max-width:100%!important;min-height:52px!important;padding:10px!important;font-size:18px!important;box-sizing:border-box!important}
  body.dathoria-page-account-login .BigButton,
  body.dathoria-page-account-create .BigButton,
  body.dathoria-page-character .BigButton,
  body.dathoria-page-online .BigButton{display:block!important;float:none!important;margin:12px auto!important;max-width:100%!important}
  body.dathoria-page-account-create form td{padding:10px!important}

  /* Public character and online tables: retain readable rows without clipping buttons. */
  body.dathoria-page-character table.TableContent,
  body.dathoria-page-online table.TableContent{max-width:none!important}
  body.dathoria-page-character .dathoria-character-search,
  body.dathoria-page-online .dathoria-character-search{width:100%!important;max-width:100%!important}

  /* Long textual links and notes should wrap, not force horizontal scrolling. */
  .dv-panel-body a,.BoxContent p,.BoxContent li,.BoxContent .dathoria-note{white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere!important}
}
@media(max-width:520px){
  body.DathoriaHomePage .DathoriaHomeStandard .dathoria-promise-card,
  .DathoriaHomeStandard .dathoria-promise-card{grid-template-columns:1fr!important;text-align:center!important}
  body.DathoriaHomePage .DathoriaHomeStandard .dathoria-promise-card .dathoria-card-icon,
  .DathoriaHomeStandard .dathoria-promise-card .dathoria-card-icon{margin:0 auto 10px!important}
  body.dathoria-page-vocations table.dv-paths-table tbody,
  body.dathoria-page-vocations table.dv-paths-table tr,
  body.dathoria-page-vocations table.dv-best-table tbody{grid-template-columns:1fr!important}
  body.dathoria-page-vocations table.dv-comparison-table tr,
  body.dathoria-page-vocations table.dv-detailed-table tr{grid-template-columns:96px minmax(0,1fr)!important}
}

/* Dathoria mobile button text alignment hotfix - 2026-07-28
 * Keeps the original Tibia button artwork and restores the exact 135x25
 * clickable/text layer that was accidentally changed to height:auto on mobile.
 */
@media (max-width: 900px) {
  .BigButton,
  .BigButton > div {
    position: relative !important;
    width: 135px !important;
    min-width: 135px !important;
    max-width: 135px !important;
    height: 25px !important;
    min-height: 25px !important;
    max-height: 25px !important;
    box-sizing: border-box !important;
  }

  .BigButtonOver {
    top: 0 !important;
    left: 0 !important;
    width: 137px !important;
    height: 25px !important;
  }

  input.BigButtonText,
  .BigButtonText {
    position: absolute !important;
    inset: 0 auto auto 0 !important;
    display: block !important;
    width: 135px !important;
    min-width: 135px !important;
    max-width: 135px !important;
    height: 25px !important;
    min-height: 25px !important;
    max-height: 25px !important;
    margin: 0 !important;
    padding: 0 4px 1px !important;
    border: 0 !important;
    border-radius: 0 !important;
    line-height: 24px !important;
    box-sizing: border-box !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
    overflow: visible !important;
    transform: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
  }

  input.BigButtonText:hover,
  input.BigButtonText:focus,
  input.BigButtonText:active {
    transform: none !important;
  }

  /* Shop category CTA: prevent the uppercase label from being clipped. */
  body.dathoria-page-shop .ds-open,
  .ds-category-card .ds-open {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 32px !important;
    height: auto !important;
    padding: 6px 8px !important;
    line-height: 18px !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }
}


/* Dathoria definitive mobile fixes - direct selectors, no inherited layout assumptions */
@media (max-width: 900px) {
  #DathoriaWelcomePanel .DathoriaWelcomeFeatures {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 12px !important;
  }
  #DathoriaWelcomePanel .DathoriaWelcomeFeatures > .dathoria-feature-card {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 16px !important;
    box-sizing: border-box !important;
    text-align: center !important;
  }
  #DathoriaWelcomePanel .DathoriaWelcomeFeatures .dathoria-feature-icon {
    width: auto !important;
    margin: 0 auto 12px !important;
  }
  #DathoriaWelcomePanel .DathoriaWelcomeFeatures .dathoria-card-copy,
  #DathoriaWelcomePanel .DathoriaWelcomeFeatures .dathoria-card-copy strong,
  #DathoriaWelcomePanel .DathoriaWelcomeFeatures .dathoria-card-copy p {
    width: 100% !important;
    max-width: 100% !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    overflow: visible !important;
  }

  .BigButtonText {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 135px !important;
    height: 25px !important;
    min-height: 25px !important;
    padding: 0 !important;
    line-height: 1 !important;
    text-align: center !important;
    font: 400 12px Verdana, Arial, sans-serif !important;
    color: #ffd18c !important;
    background: transparent !important;
    border: 0 !important;
  }
  .BigButtonText > span {
    display: block !important;
    width: 100% !important;
    line-height: 25px !important;
    white-space: nowrap !important;
    text-align: center !important;
    transform: translateY(-1px) !important;
  }

  .ds-page .ds-open,
  .ds-category-card .ds-open,
  .ds-category-card--coins-wide .ds-open {
    display: block !important;
    width: 100% !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    padding: 0 8px !important;
    line-height: 42px !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    vertical-align: middle !important;
  }
}