:root {
  --white: rgb(255,255,255);
  --offwhite: rgb(200,222,235);
  --evenlightergray: rgb(177, 177, 177);
  --lightergray: rgb(93, 96, 97);
  --lightgray: rgb(77, 83, 84);
  --gray: rgb(51,56,57);
  --darkgray: rgb(40, 45, 46);
  --darkergray: rgb(24, 27, 28);
  --black: rgb(0,0,0);
  --lightblue: rgb(150,175,200);
  --babyblue: rgb(115,150,185);
  --slightlightblue: rgb(60,135,185);
  --blue: rgb(50,125,175);
  --slightdarkblue: rgb(35,80,110);
  --darkblue: rgb(25,69,100);
  --bluegrey: rgb(55,85,105);
  --backgroundblue: rgba(15,15,15, 1);
  --darkred: rgb(125,25,25);
  --red: rgb(200,50,50);
  --darkorange: rgb(213,146,31);
  --orange: rgb(250,125,0);
  --lightorange: rgb(250,145,40);
  --legendaryorange: #f6bd3a;
  --yellow: rgb(182, 179, 83);
  --green: rgb(50,200,50);
  --highlightertop: rgb(105,185,235);
  --highlighttop: rgb(80,155,205);
  --highlighterbottom: rgb(10,35,55);
  --highlightbottom: rgb(5,30,45);
}

.inline-icon {
  display: inline;
  width: 16px;
  height: 16px;
  margin: 0 0.125em;
  padding: 0;
  vertical-align: text-top;
}


button.fightButton {
  background: rgb(161,123,50);
  background: linear-gradient(0deg, var(--red) 0%, var(--orange) 50%);
  color: var(--backgroundblue);
  padding: 3px 12px;
  font-weight: bold;
  border: 2px solid var(--blue);
  border-color: var(--lightorange) var(--darkred) var(--darkred) var(--lightorange);
  font-variant: small-caps;
  font-size: 16px;
  touch-action: manipulation;
}

button.fightButton:hover {
  cursor: pointer;
}

button.fightButton:active {    
  cursor: pointer;
  border-color: var(--darkred) var(--lightorange) var(--lightorange) var(--darkred);
}

button.runButton {
  background: var(--darkblue);
  background: linear-gradient(0deg, var(--darkblue) 0%, var(--blue) 100%);
  color: var(--backgroundblue);
  padding: 3px 12px;
  font-weight: bold;
  border: 2px solid var(--blue);
  border-color: var(--highlighttop) var(--highlightbottom) var(--highlightbottom) var(--highlighttop);
  font-variant: small-caps;
  font-size: 16px;
}

button.runButton:hover {
  cursor: pointer;
}

button.runButton:active {
  cursor: pointer;
  border-color: var(--highlightbottom) var(--highlighttop) var(--highlighttop) var(--highlightbottom);
}


button.nextBotButton {
  background: rgb(161,123,50);
  background: linear-gradient(0deg, var(--red) 0%, var(--orange) 50%);
  color: var(--backgroundblue);
  padding: 3px 12px;
  font-weight: bold;
  border: 2px solid var(--blue);
  border-color: var(--lightorange) var(--darkred) var(--darkred) var(--lightorange);
  font-variant: small-caps;
  font-size: 16px;
}

button.nextBotButton:hover {
  cursor: pointer;
}

button.nextBotButton:active {
  cursor: pointer;
  border-color: var(--darkred) var(--lightorange) var(--lightorange) var(--darkred);
}



/* Local single-player markup adapted to the captured Cat Champions interface. */
:root{color-scheme:dark;--text:var(--white);--muted:var(--offwhite);--gold:var(--orange);--cyan:var(--green);--line:var(--gray);font:16px Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--backgroundblue);color:white;font-family:Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer;font-weight:bold;font-variant:small-caps;padding:3px 9px;border:1px solid;border-color:var(--lightergray) var(--darkgray) var(--darkgray) var(--lightergray);border-radius:0;color:white;background:linear-gradient(0deg,var(--darkgray),var(--lightgray));touch-action:manipulation}button:hover:not(:disabled){filter:brightness(1.18)}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.primary{background:linear-gradient(0deg,var(--red),var(--orange) 50%);border-color:var(--lightorange) var(--darkred) var(--darkred) var(--lightorange);color:#0f0f0f}.small{font-size:.875rem}.ghost{background:linear-gradient(0deg,var(--darkblue),var(--blue));border-color:var(--blue) var(--darkblue) var(--darkblue) var(--blue)}.danger{background:var(--darkred)}.text-link{padding:0;background:none;border:0;color:var(--blue);font:inherit;text-decoration:underline}input,select{background:#151515;border:1px solid #444;color:var(--offwhite);border-radius:0;padding:3px 5px;max-width:100%;min-width:0}input:focus,select:focus{border-color:var(--blue)}a{color:var(--blue)}h1,h2,h3,p{margin:0}h1{font-size:1.5rem;color:var(--offwhite);font-weight:600}h2{font-size:1.25rem;color:var(--offwhite);font-weight:normal;font-variant:small-caps}h3{font-size:1.125rem;color:var(--orange)}p{line-height:1.4}.muted,.tiny{color:var(--offwhite)}.tiny,small{font-size:.75rem}.gold{color:var(--orange)}.cyan{color:var(--green)}.eyebrow{font-size:.875rem;color:var(--orange);font-variant:small-caps}.shell{width:100%;min-height:100vh}#nav{display:flex;gap:4px;justify-content:center;flex-wrap:wrap;padding:1px 4px 0}.nav-button{font-size:.9375rem;line-height:1.1;padding:3px 6px}.nav-button.active{border-color:var(--blue);color:white;background:linear-gradient(0deg,#243d4d,#4d5354)}#announcement{text-align:center;color:var(--darkorange);font-size:.75rem;font-weight:bold;padding:10px 6px 8px;line-height:1.5}#announcement span{color:#555;margin:0 5px}#announcement b{color:var(--green)}.page-head{display:flex;justify-content:space-between;align-items:center;padding:12px 0;gap:12px}.badge{font-size:.875rem;color:var(--offwhite)}footer{padding:10px;text-align:center;color:#777;font-size:.75rem}footer button{font-size:.75rem!important}.status-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:10px;margin:0 auto 16px;border:1px solid var(--gray)}.meter-label{font-size:.875rem;display:flex;justify-content:space-between;gap:8px;margin-bottom:4px;color:var(--offwhite)}.meter-label b{font-weight:normal}.bar{height:4px;background:#242424;overflow:hidden}.bar i{display:block;height:100%;background:var(--blue)}.bar.hp i{background:var(--blue)}.bar.en i{background:var(--green)}.bar.xp i{background:var(--orange)}
.arena{display:grid;grid-template-columns:minmax(0,1fr) 236px minmax(0,1fr);min-height:290px;column-gap:24px}.combatant{display:flex;gap:10px;min-width:0;align-items:flex-start}.portrait{width:166px;flex:0 0 166px;text-align:center}.portrait img{width:160px;height:140px;object-fit:contain;margin-bottom:5px}.portrait>strong{display:block;color:var(--blue);padding:0 2px 6px;overflow-wrap:anywhere}.health-line{border-top:4px solid var(--blue);padding:6px 5px;line-height:1.15}.combat-stats{flex:1;min-width:0;text-align:center;line-height:1.3}.combat-stats>strong{display:block;color:var(--blue);font-size:1rem;overflow-wrap:anywhere}.combat-stats>div{display:flex;justify-content:center;gap:10px}.combat-stats>div span{max-width:165px}.combat-stats em{color:#00f000;font-style:normal}.combat-stats>button{margin-top:20px}.opponent-side{flex-direction:row-reverse}.opponent-side .portrait>strong,.opponent-side .combat-stats>strong{color:var(--orange)}.opponent-side .health-line{border-color:var(--orange)}.opponent-level{font-size:.875rem;display:block}.battle-center{border:2px solid;border-color:var(--blue) var(--orange) var(--orange) var(--blue);height:268px;text-align:center;padding:15px 14px;display:flex;align-items:center;flex-direction:column;gap:8px}.battle-center h1{font-size:1.125rem;font-weight:normal;text-transform:uppercase}.battle-center small{font-size:.75rem}.dice-row{display:flex;gap:10px;margin:6px 0 12px}.die{width:96px;height:96px;border:0;border-radius:0;object-fit:contain}.battle-buttons{display:flex;justify-content:center;gap:10px}.battle-buttons button{white-space:nowrap}.energy-cost{margin-top:2px;color:white}.combat-lower{display:grid;grid-template-columns:322px minmax(0,1fr) 322px;gap:0;min-height:295px;margin-top:6px}.section-label{font-size:1rem;font-variant:small-caps;font-weight:normal;color:var(--offwhite);border-bottom:1px solid var(--gray);padding:0 0 5px;height:28px}.section-label .text-link{font-size:.75rem;display:inline-block;text-decoration:none;border:1px solid var(--gray);color:white;min-width:150px;text-align:left;margin-left:6px;padding:1px 4px}.combat-log .section-label{text-align:center}.enemy-skills .section-label{text-align:right}.slots{display:grid;grid-template-columns:repeat(8,32px);justify-content:center;gap:10px 4px;margin:12px auto;width:284px}.slot{grid-column:span 2;width:64px;height:78px;background:none;border:0;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;font-variant:normal;font-weight:normal}.slot:nth-child(5){grid-column:2/span 2}.slot:nth-child(8){grid-column:1/span 2}.slot img,.empty-icon{width:64px;height:64px;object-fit:contain;border:1px solid #242424}.slot small{display:block;font-size:.75rem;color:var(--blue);height:14px}.opponent-slots small{color:var(--orange)}.empty-icon{display:grid;place-items:center;color:#555;font-size:1.25rem;background:#161616}.slot.active img,.slot.active .empty-icon{outline:2px solid var(--blue)}.opponent-slots .slot.active img{outline-color:var(--orange)}.log{padding:10px;max-height:290px;overflow:auto;line-height:1.4}.log-line{font-size:1rem;color:var(--blue);margin-bottom:5px}.log-line:last-child{color:white;text-align:center;margin-top:8px}.battle-bottom{display:flex;justify-content:space-between;gap:15px;color:var(--offwhite);font-size:.75rem;padding:12px;flex-wrap:wrap}.battle-bottom select{font-size:.875rem}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.card{position:relative;display:flex;flex-direction:column;gap:8px;border:1px solid #444;border-radius:12px;padding:12px 12px 12px 124px;min-height:130px;background:transparent}.card-top{display:flex;justify-content:flex-end;min-height:16px}.card-icon{position:absolute;left:12px;top:16px;width:96px;height:96px;display:grid;place-items:center}.card-icon img{max-width:96px;max-height:96px;object-fit:contain;border-radius:6px}.card-icon svg{width:40px;height:40px;color:var(--blue)}.card p{font-size:.875rem;color:var(--offwhite)}.card h3{color:white;font-size:1.125rem;line-height:1.1}.card.locked{opacity:.65}.card-actions{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:auto}.card-actions button{font-size:.875rem}.price{color:var(--orange);font-size:.875rem;overflow-wrap:anywhere}.filters{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:center;margin:12px 0 18px}.filters button{background:none;border:0;border-bottom:1px solid transparent;color:var(--offwhite);padding:5px 12px;font-size:1rem}.filters .selected{border-color:var(--orange);color:var(--orange)}.filters input{margin-left:auto;font-size:.875rem}[data-page=skills] .grid{grid-template-columns:repeat(3,minmax(0,1fr))}[data-page=skills] .card{border-radius:0;padding-left:88px;min-height:160px}[data-page=skills] .card-icon{width:64px;height:64px}[data-page=skills] .card h3{color:var(--orange);font-variant:small-caps}[data-page=skills] .card-icon img{width:64px;height:64px;border-radius:0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{border:1px solid var(--gray);padding:14px;background:transparent}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:10px}.home-summary{display:flex;justify-content:center;gap:20px;align-items:center;margin:12px 0 20px}.home-summary img{object-fit:contain}.home-summary h2{color:var(--blue);font-weight:bold}.home-summary p{margin:8px 0}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:12px 0 20px}.metric{border:1px solid var(--gray);text-align:center;padding:12px}.big{font-size:1.5rem;color:var(--green);margin:5px 0}.task-list{display:grid;gap:10px}.task{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--gray);padding:10px 0}.task h3{font-size:1rem;color:var(--blue)}.task p{font-size:.875rem;color:var(--offwhite)}.overview-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--gray);font-size:.875rem}.overview-row span{color:var(--offwhite)}.trait-table{width:100%;border-collapse:collapse}.trait-table th,.trait-table td{padding:12px 6px;text-align:left;border-bottom:1px solid var(--gray)}.trait-table th{color:var(--orange);font-weight:normal;font-variant:small-caps}.trait-table td:last-child{text-align:right;white-space:nowrap}.trait-table small{display:block;color:var(--offwhite);margin-top:4px}.dig-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;max-width:600px;margin:20px auto}.dig-cell{aspect-ratio:1;background:#625845;border:2px outset #8b7b5f;font-size:1.5rem;min-height:44px;color:#b7a27c}.dig-cell.dug{background:#302b22;opacity:1;border-style:inset;color:#82735b}.settings-group{max-width:1000px;margin:auto}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--gray);padding:16px 0}.settings-row h3{font-size:1rem}.settings-row p{font-size:.875rem;color:var(--offwhite);margin-top:6px}.settings-buttons{display:flex;gap:8px;flex-wrap:wrap}details{font-size:.875rem;color:var(--offwhite);line-height:1.5;margin-top:16px}details p{margin:10px 0}summary{color:var(--orange);cursor:pointer}.notice{border:1px solid var(--orange);padding:12px;margin:10px 0;color:var(--offwhite);font-size:.875rem}.empty-state{padding:18px;color:var(--offwhite)}
.hero-start{width:min(620px,96%);margin:30px auto;border:2px solid;border-color:var(--blue) var(--orange) var(--orange) var(--blue)}.start-art{display:none}.start-form{padding:22px}.brand{font-size:1.5rem;color:var(--orange);font-weight:bold;text-align:center;margin-bottom:16px}.brand-mark,.brand small{display:none}.start-form h2{text-align:center;margin:8px 0}.start-form>p{font-size:.875rem;color:var(--offwhite);margin:10px 0}.start-form>.eyebrow{text-align:center}.field-label{display:block;margin:16px 0 8px;font-size:.875rem;color:var(--offwhite)}#catName{width:100%;padding:7px}.breed-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.breed-choice small{display:block;font-weight:normal;color:var(--offwhite);margin:5px 0}.breed-choice.chosen{border-color:var(--orange);color:var(--orange)}.start-form>.primary,.start-import{display:block;width:100%;margin-top:15px}.footnote{font-size:.75rem!important}.start-form>.primary{padding:8px}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);width:max-content;max-width:92vw;background:#080808;border:2px solid;border-color:var(--blue) var(--orange) var(--orange) var(--blue);color:white;padding:12px 20px;opacity:0;pointer-events:none;z-index:100;font-size:.875rem}#toast.visible{opacity:1}dialog{width:min(660px,92vw);max-height:84vh;overflow:auto;background:#080808;color:white;border:2px solid;border-color:var(--blue) var(--orange) var(--orange) var(--blue);border-radius:0;padding:18px}dialog::backdrop{background:#000b}dialog h2{color:var(--orange);margin-bottom:12px}dialog p{margin-bottom:12px;color:var(--offwhite)}.modal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.modal-grid small{display:block;margin-top:4px}.modal-actions{display:flex;justify-content:center;gap:10px;margin-top:18px}.rolled .die{animation:roll .2s ease}@keyframes roll{50%{transform:rotate(7deg)}}.no-motion *{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media(max-width:1100px){.arena{column-gap:10px;grid-template-columns:minmax(0,1fr) 236px minmax(0,1fr)}.combatant{flex-direction:column;align-items:center}.combat-stats{order:-1}.combat-stats>button{margin:8px 0}.combat-lower{grid-template-columns:290px minmax(0,1fr) 290px;margin-top:15px}.arena{min-height:350px}[data-page=skills] .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.grid{grid-template-columns:1fr}.combat-lower{grid-template-columns:1fr 1fr}.combat-log{grid-row:2;grid-column:1/-1;min-height:120px}.enemy-skills{grid-column:2;grid-row:1}.arena{grid-template-columns:minmax(0,1fr) 216px minmax(0,1fr)}.battle-center{padding:15px 5px}.portrait{width:130px;flex-basis:auto}.portrait img{width:120px;height:120px}.combat-stats{font-size:.875rem}.combat-stats>strong{font-size:.875rem}.combat-stats>div{display:block}.two-col{grid-template-columns:1fr}.section-label{padding-left:6px;padding-right:6px}.settings-row{align-items:flex-start;flex-direction:column}.nav-button{padding:5px 7px}.status-strip{gap:10px}.filters input{margin-left:0}}@media(max-width:540px){.arena{grid-template-columns:1fr 1fr;gap:12px}.battle-center{grid-row:2;grid-column:1/-1;width:236px;height:268px;margin:0 auto}.opponent-side{grid-column:2;grid-row:1}.combatant{width:100%;padding:0 4px}.portrait{width:140px}.combat-stats>strong{min-height:34px}.combat-lower{margin-top:18px}.slots{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px 2px;width:100%;max-width:284px;padding:0 4px}.slot{width:100%;height:auto;min-height:50px}.slot img,.empty-icon{width:100%;height:auto;aspect-ratio:1;max-width:64px}.section-label .text-link{min-width:0;margin-left:4px}.status-strip{grid-template-columns:1fr}.metrics{gap:6px}.metric{padding:8px}.big{font-size:1.125rem}[data-page=skills] .grid{grid-template-columns:1fr}.card{padding-left:92px}.card-icon{width:64px;height:64px}.card-icon img{max-width:64px;max-height:64px}.page-head{flex-wrap:wrap}.trait-table th,.trait-table td{padding:10px 3px;font-size:.875rem}.trait-table .small{padding:4px}.panel{padding:10px}.modal-grid{grid-template-columns:repeat(2,1fr)}}
/* Full header and page structures from the supplied desktop references. */
.game-header{padding:0 10px 12px;position:relative}.game-logo{display:block;width:25%;max-width:520px;min-width:240px;height:90px;object-fit:contain;margin:8px auto 0}.edition{display:block;text-align:center;font-size:.75rem;color:#777;margin-bottom:8px}.regen-labels,.header-stats{display:grid;grid-template-columns:1fr 1fr 1.3fr 1fr 1fr .8fr;align-items:center;gap:18px;text-align:center}.regen-labels{font-size:.75rem;color:#62696a;padding:3px 15px}.regen-labels>span:first-child{color:var(--blue);font-weight:bold;text-transform:uppercase}.header-stats{border:1px solid #414747;padding:12px 15px;font-size:.875rem;min-height:64px}.header-stats strong{color:var(--orange)}.header-stats .meter-label{font-size:.875rem;justify-content:center;margin:2px 0}.header-stats .bar{max-width:260px;margin:4px auto;background:#345564;height:4px}.header-stats .bar i{background:var(--orange)}.header-stats>div:last-child .meter-label{display:none}.header-stats>div:last-child .bar{max-width:130px}.header-stats small{font-size:.75rem}.home-layout{display:grid;grid-template-columns:210px minmax(320px,1.15fr) minmax(300px,1fr);gap:30px;min-height:380px}.home-profile{text-align:center}.home-profile>img{width:210px;height:230px;object-fit:contain}.home-profile h3{color:var(--blue);font-size:1rem;margin:8px 0}.home-profile .meter-label{font-size:.875rem;margin-top:18px}.home-profile .text-link{font-size:.875rem;color:var(--orange);margin-top:18px;text-decoration:none}.home-attributes h2{font-size:1.125rem;color:white;font-variant:normal}.home-attributes h3{font-size:.875rem;color:var(--blue);border-bottom:1px solid var(--gray);padding-bottom:4px;margin-top:15px}.attributes-columns{display:grid;grid-template-columns:1.5fr 1fr;column-gap:25px}.attribute{display:flex;gap:16px;justify-content:space-between;font-size:.875rem;line-height:1.45;max-width:380px}.attribute b{font-weight:normal}.home-journal h2{text-align:center;color:#888;font-size:1.125rem;margin-bottom:8px}.journal-box{border:1px solid #555;min-height:180px;max-height:290px;overflow:auto;padding:8px;font-size:.875rem}.journal-box p{margin-bottom:7px}.journal-box time{font-size:.75rem;color:#777}.home-journal>.tiny{text-align:center;padding:8px;color:var(--blue)}.recent-activity{max-width:1600px;margin:20px auto}.recent-activity h2{text-align:center;border-bottom:1px solid var(--gray);padding-bottom:8px}.recent-activity .journal-box{border:0;min-height:140px;margin-top:12px}.jobs-description{text-align:right;margin-top:-30px;margin-bottom:12px;color:var(--offwhite);font-size:.875rem}.job-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:16px 0 20px}.job-tabs button{background:transparent;border:1px solid #777;padding:9px}.job-tabs .selected{background:#222}.job-card{border:1px solid #444;border-radius:12px;padding:14px;margin:15px 0}.job-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.job-heading h3{font-variant:small-caps;color:var(--orange);font-size:1.25rem}.job-heading button,.prop-actions button{background:linear-gradient(var(--blue),var(--darkblue));border:2px outset var(--blue);font-size:.875rem}.job-body{display:flex;justify-content:space-between;gap:15px;margin:16px 0 20px;font-size:.875rem}.job-body h4{font-size:1rem;font-variant:small-caps;color:var(--orange);margin:0 0 6px}.job-body span{color:var(--green)}.job-requirements{text-align:right}.job-requirements small{display:block;font-style:italic;color:var(--offwhite);margin-top:4px}.mastery-meter{background:#202a30;border-radius:12px;height:16px;position:relative;overflow:hidden}.mastery-meter i{display:block;background:var(--blue);height:100%}.mastery-meter span{position:absolute;inset:0;text-align:center;font-size:.75rem;line-height:16px}.props-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 4px 10px}.props-header small{display:block;color:var(--offwhite);font-size:.75rem}.income-heading{font-size:1.5rem;color:var(--offwhite);text-align:right}.income-heading>span{color:var(--green)}.income-heading small{font-size:.75rem;padding-top:4px}.props-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.prop-card{display:flex;gap:14px;border:1px solid #444;border-radius:12px;padding:14px;min-height:126px}.prop-card>img{width:96px;height:96px;object-fit:contain;border-radius:8px}.prop-meta{display:flex;flex-direction:column;flex:1;min-width:0}.prop-meta h3{color:white;font-size:1.125rem;line-height:1.1}.prop-meta p{font-size:.875rem;color:var(--offwhite);margin-top:5px}.prop-meta b{color:var(--green)}.prop-meta small{font-style:italic;color:var(--offwhite);margin-top:auto}.prop-actions{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;text-align:right;font-size:.875rem;min-width:150px;gap:8px}.prop-actions small{color:var(--green)}.prop-actions select{font-size:.75rem}.training-intro{font-size:.875rem;margin:8px 0}.training-views{text-align:center;margin:20px 0}.training-views .text-link{font-size:.875rem;color:var(--orange);margin:0 10px}.training-views .current{color:var(--offwhite);text-decoration:none}.training-categories{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;margin:16px 0 24px}.training-categories button{background:none;border:1px solid #777;font-weight:normal;font-variant:normal;font-size:.875rem;padding:6px 12px}.training-categories .selected{background:#414748}.training-tiles{display:flex;justify-content:center;flex-wrap:wrap;gap:18px 12px;border-bottom:1px solid #555;padding:0 20px 25px}.training-tile{width:106px;display:flex;align-items:center;flex-direction:column;background:none;border:0;padding:0;font-variant:normal;gap:5px}.training-tile img{width:80px;height:80px;object-fit:contain}.training-tile strong,.skill-node strong{color:var(--orange);font-variant:small-caps;font-size:.875rem;font-weight:bold}.training-tile small{font-size:.75rem;font-weight:normal;color:var(--offwhite)}.training-tile .unlock{color:var(--green);font-style:italic}.training-tile.locked{opacity:.6}.skill-map{max-width:1300px;margin:0 auto;max-height:75vh;overflow:auto;padding:0 12px}.skill-map-tree{border:1px solid var(--gray);padding:14px;margin:14px 0;background:#0b0b0b}.tree-heading{display:flex;justify-content:space-between;gap:15px;margin-bottom:12px;align-items:center}.tree-heading h3{font-size:1rem;font-weight:normal;font-variant:small-caps}.tree-heading small{font-size:.75rem;color:var(--offwhite);font-style:italic}.skill-chain{display:flex;align-items:stretch;overflow-x:auto;padding-bottom:6px}.skill-node{flex:0 0 156px;display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 8px;border:1px solid var(--gray);background:#131313;font-weight:normal;font-variant:normal}.skill-node img{width:64px;height:64px;object-fit:contain;margin-bottom:4px}.skill-node small{font-size:.75rem;color:var(--offwhite);font-style:italic}.skill-node.learned{border-color:var(--darkorange)}.skill-node.locked{opacity:.6}.tree-arrow{flex:0 0 28px;display:grid;place-items:center;color:var(--orange);font-size:1.25rem}.skill-node.future{border-style:dashed;opacity:.65}.skill-node.future>div{height:64px;width:64px;display:grid;place-items:center;font-size:1.75rem;border:1px dashed #444;margin-bottom:4px}.loadout-editor{max-width:800px;text-align:center;margin:25px auto}.loadout-editor .slots{margin:20px auto}.loadout-editor p{font-size:.875rem;color:var(--offwhite)}.detail-skill{display:flex;gap:20px;align-items:flex-start}.detail-skill>img{flex:0 0 96px;object-fit:contain}.chain-links{font-size:.875rem;display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:20px}.chain-links button{font-size:.875rem}.job-card>p{margin:10px 0}
@media(max-width:1100px){.header-stats,.regen-labels{gap:10px;font-size:.75rem}.header-stats .meter-label{font-size:.75rem}.home-layout{grid-template-columns:180px 1fr;gap:20px}.home-profile>img{width:180px}.home-journal{grid-column:1/-1}.props-grid{grid-template-columns:1fr}.jobs-description{margin-top:0}.game-logo{width:35%}}@media(max-width:650px){.header-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.regen-labels{display:flex;flex-wrap:wrap;justify-content:center;gap:7px 14px}.regen-labels span:nth-child(4),.regen-labels span:last-child{display:none}.game-logo{height:70px}.home-layout{grid-template-columns:1fr}.home-profile{max-width:240px;margin:auto}.home-profile>img{height:180px}.home-journal{grid-column:auto}.attributes-columns{column-gap:12px}.job-tabs{grid-template-columns:repeat(2,1fr)}.props-header{align-items:flex-start;flex-direction:column}.income-heading{text-align:left;font-size:1.125rem}.prop-card{gap:10px;padding:10px;flex-wrap:wrap}.prop-card>img{width:72px;height:72px}.prop-actions{width:100%;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px}.prop-meta h3{font-size:1rem}.training-tiles{padding:0 0 20px;gap:18px 8px}.training-tile{width:95px}.training-categories{gap:6px}.training-categories button{padding:6px 8px}.tree-heading{align-items:flex-start;flex-direction:column}.detail-skill{gap:12px}.detail-skill>img{width:64px;height:64px;flex-basis:64px}.header-stats .meter-label{font-size:.875rem}}

.breed-choice{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px}.breed-choice img{width:100px;height:110px;object-fit:contain}.breed-choice span{font-size:1rem}.breed-choice small{font-variant:normal}.breed-choice:last-child{grid-column:1/-1}.breed-choice.chosen{background:#1a2227}.hero-start{width:min(720px,96%)}
/* Hound Wars branding and captured home activity structure. */
.hound-wordmark{font-size:clamp(2.5rem,5vw,5rem);font-weight:900;font-variant:small-caps;letter-spacing:-.035em;text-align:center;color:#a0a5a7;line-height:1.15;padding:12px 0 4px;text-shadow:0 2px 0 #24292b}.brand{color:#b4bbbd}.brand small{letter-spacing:.12em}.chat-status{text-align:center;color:#82969e;font-size:.875rem;margin:5px 0}.chat-box{height:255px;display:flex;flex-direction:column;justify-content:center}.chat-empty{text-align:center;color:#869197;font-size:.875rem}.chat-compose{display:grid;grid-template-columns:1fr 120px;gap:10px;margin-top:10px}.chat-compose textarea{resize:none;height:40px;background:#0f0f0f;border:1px solid #555;color:#999;font:inherit;padding:8px}.activity-tabs{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;padding:8px 0}.activity-group{display:flex;flex-direction:column;align-items:center;gap:5px}.activity-group>span{font-size:.875rem;color:#adbcc7;font-weight:bold}.activity-group>div{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}.activity-group button{font-size:.875rem;padding:3px 6px}.activity-group button.active{border-color:#94b6c9;background:#254b62}.activity-list{height:360px;text-align:left}.activity-list p{font-size:.875rem;line-height:1.6;color:#b0b5b8}.activity-list time{color:#7b858a}.activity-list .activity-loss{color:#e66969}.activity-list .activity-kill,.activity-list .activity-win{color:#5ec36b}.pinned{border:1px solid #664918;border-radius:8px;padding:1px 5px;color:#ef982c;font-size:.75rem;margin-right:8px}.job-reward{display:flex;gap:14px;align-items:center}.job-art{width:80px;height:80px;object-fit:cover;flex:none;border:1px solid #333;border-radius:4px}.mastery-reward{font-size:.875rem;color:#c4ad6b;margin-top:7px}.equipment-thumb{vertical-align:middle;object-fit:cover;border-radius:3px;margin-right:10px}.equipment-box .overview-row>span:first-child{display:flex;align-items:center;gap:5px}.chat-compose button{font-size:.875rem}
@media(max-width:650px){.chat-compose{grid-template-columns:1fr 80px}.activity-tabs{gap:12px}.job-reward{gap:8px;align-items:flex-start}.job-art{width:64px;height:64px}.job-body{gap:15px;flex-wrap:wrap}.hound-wordmark{font-size:3rem}.activity-list{height:300px}}
.job-reward-button{background:none;border:0;padding:0;flex:none}.job-reward-button .job-art{display:block}.reward-detail-art{float:left;margin:0 16px 12px 0;border-radius:6px}dialog .reward-detail-art~button{clear:both;display:block}
/* Compact stat rows and accessible reward hover details. */
#nav{margin-bottom:16px}.reward-stats{font-size:.875rem;line-height:1.45;color:var(--orange);margin:8px 0}.reward-stats b{font-weight:bold}.reward-stats>div{display:block}.reward-tooltip{position:fixed;z-index:150;width:min(350px,calc(100vw - 16px));max-height:calc(100vh - 16px);overflow:auto;background:#050505;color:#fff;border:2px solid var(--blue);padding:10px;font:14px/1.3 Arial,sans-serif;box-shadow:0 3px 14px #0009;pointer-events:none}.reward-tooltip>strong{display:block;font-size:16px;margin-bottom:3px}.reward-tooltip p{line-height:1.25;margin:0}.reward-tooltip .reward-stats{margin:5px 0 0;font-size:14px;line-height:1.25}.header-stats>div{min-width:0}.header-stats .meter-label{justify-content:center;flex-wrap:wrap}.header-stats .bar{width:80%;margin:0 auto}.home-attributes .attributes-columns{align-items:start}.equipment-box .overview-row{align-items:flex-start;gap:16px}.equipment-box .overview-row .reward-stats{margin:0;min-width:180px}.card>.reward-stats{flex:1}.card>img{object-fit:contain;margin-bottom:10px}.regen-labels{min-height:24px}.header-stats{padding-top:12px;padding-bottom:12px}
.dog-tabs{display:flex;gap:5px;margin:0 0 20px;border-bottom:1px solid #444;padding-bottom:10px}.dog-tabs button{flex:1;max-width:240px;padding:8px 12px;font-size:1rem}.dog-tabs .active{border-color:var(--blue);background:#254b62}.trait-balance{color:var(--orange);margin:0 0 14px}.owned-skill-grid,.owned-equipment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:12px}.owned-skill{display:flex;align-items:center;gap:14px;margin:0}.owned-skill>img{object-fit:contain;flex:none}.owned-skill-actions{display:flex;gap:6px;flex-wrap:wrap;margin-left:auto}.owned-skill p{font-size:.875rem;margin-top:5px}.training-link{margin:20px 0}.equipment-summary{font-size:.875rem;color:var(--offwhite);margin-bottom:20px}.equipment-category{margin:24px 0}.equipment-category>h2{border-bottom:1px solid #444;padding-bottom:8px}.equipment-item-name{display:flex;align-items:center;gap:12px;text-align:left;background:none;border:0;padding:0;color:var(--orange);font-size:1rem;font-variant:normal}.equipment-item-name img{object-fit:contain}.equipment-item-name small{display:block;font-weight:normal;color:var(--offwhite);margin-top:5px}.owned-equipment .reward-stats{margin-bottom:0}.dog-tab-panel .loadout-editor{margin-top:0}.owned-equipment{margin:0}@media(max-width:750px){.owned-skill-grid,.owned-equipment-grid{grid-template-columns:1fr}.owned-skill{flex-wrap:wrap}.owned-skill-actions{margin-left:0;width:100%}.dog-tabs button{padding:8px 4px}}

/* Bank, breed emphasis and reference upgrade layout */
.bank-offers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:44px 6px}.bank-offers>section{border:2px solid var(--blue);min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:20px;text-align:center}.bank-offers h2{font-size:1rem;font-weight:normal}.bank-offers p{margin:0}.bank-offers select{max-width:100%}.primary-star{color:var(--orange);font-weight:bold}.attribute.primary-trait,.attribute.primary-trait b{font-weight:bold}.home-profile .meter-label{justify-content:center;gap:4px;flex-wrap:wrap;margin-bottom:5px}.home-profile .meter-label b{font-weight:normal}.home-profile .bar{margin:0 auto;width:100%}.dog-tabs{display:flex;justify-content:center;gap:5px;margin:24px auto 14px}.trait-balance{text-align:center;font-size:1.2rem;margin:16px auto 24px}.reference-upgrades{width:100%;border-collapse:collapse}.reference-upgrades th{text-align:center;padding:16px}.reference-upgrades td{padding:18px 12px;text-align:center;border:0}.reference-upgrades td:last-child{text-align:left;width:64%;font-size:.875rem;line-height:1.5}.reference-upgrades td:first-child{white-space:nowrap}.upgrade-actions{display:flex;justify-content:center;gap:8px;white-space:nowrap}.reference-upgrades .primary-trait td:first-child,.reference-upgrades .primary-trait td:nth-child(2){font-weight:bold;color:var(--blue)}.primary-trait-note{text-align:center;color:var(--blue);margin:24px auto;font-size:.875rem}.upgrade-table-wrap{border-top:1px solid #222;overflow-x:auto}@media(max-width:750px){.bank-offers{grid-template-columns:1fr;margin:24px 0}.reference-upgrades td:last-child{min-width:240px}.reference-upgrades td{padding:12px 8px}.trait-balance{font-size:1rem}}

.dog-tabs button{flex:0 0 auto}.home-profile .meter-label>span{flex:0 0 auto}

/* Full profile is a showcase, separate from My Dog management. */
.profile-heading{border-bottom:1px solid #222;padding:12px 0;margin-bottom:28px}.profile-heading h1{font-size:1.2rem;font-weight:normal}.full-profile{display:grid;grid-template-columns:230px minmax(280px,1fr) minmax(340px,1.1fr);gap:30px;align-items:start}.profile-sidebar{min-width:0}.profile-sidebar>h2{margin:20px 0 10px;text-align:center;font-size:1.1rem;font-weight:normal}.profile-information>h2,.profile-collection>h2{font-size:.875rem;color:var(--blue);border-bottom:1px solid #222;padding-bottom:5px;margin:6px 0}.profile-information>h2:not(:first-child){margin-top:20px}.profile-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 24px}.profile-collection>h2{text-align:center;font-weight:normal}.profile-comments{font-size:.875rem;color:#aaa;margin-top:10px}.profile-item-group{margin:16px 0 24px}.profile-item-group h3{color:#999;text-align:center;font-size:.875rem;font-variant:small-caps;font-weight:normal;border-bottom:1px solid #222;padding-bottom:5px;margin-bottom:8px}.profile-item-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 8px;padding:5px 0 18px}.profile-collectible{width:76px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:0;padding:0;font-variant:normal;font-weight:normal;line-height:1.2;color:var(--offwhite)}.profile-collectible img{width:56px;height:56px;object-fit:contain}.profile-collectible span,.profile-collectible small{font-size:12px}.profile-collectible:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.profile-equipment-scroll{max-height:540px;overflow:auto;overscroll-behavior:contain}.profile-skills .slots{width:100%;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.profile-skills .slot{min-width:0}.profile-skills .slot img{width:48px;height:48px}.profile-skills .empty-icon{font-size:14px}.full-profile .primary-trait,.full-profile .primary-trait b{font-weight:bold}@media(max-width:1100px){.full-profile{grid-template-columns:210px minmax(0,1fr)}.profile-collection{grid-column:1/-1}.profile-equipment-scroll{max-height:none}}@media(max-width:600px){.full-profile{grid-template-columns:1fr;gap:24px}.profile-sidebar{width:230px;margin:auto}.profile-information,.profile-collection{grid-column:1}.profile-stat-grid{gap:4px 12px}.profile-heading{margin-bottom:16px}}

.full-profile-link:hover,.full-profile-link:focus-visible{text-decoration:underline;text-underline-offset:3px}.activity-group-tabs{display:flex;justify-content:center;gap:18px;flex-wrap:wrap}.activity-group{display:flex;flex-direction:column;align-items:center;gap:5px}.activity-group>span{color:#aaa;font-size:.875rem}.activity-group nav{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}.owned-equipment-grid:has(.equipment-icon-only){display:flex;flex-wrap:wrap;gap:12px}.equipment-icon-only{width:64px;padding:0;border:0;background:none}.equipment-icon-only button{width:64px;height:64px}.equipment-icon-only img{width:64px;height:64px;object-fit:contain}.dig-board-panel{max-width:800px;margin:auto}.dig-board-panel>p{margin-top:16px}

/* Proportions confirmed from the supplied full-profile capture. */
@media(min-width:1101px){.full-profile{grid-template-columns:256px minmax(0,40%) minmax(0,1fr);gap:0}.profile-information{padding:6px 0 0 16px}.profile-collection{padding-left:64px}.profile-sidebar>img{width:256px;height:256px}.profile-stat-grid{max-width:70%}}
.profile-sidebar .bar{height:4px}.profile-sidebar .meter-label{margin-top:18px}.profile-sidebar h3{color:var(--orange)}.profile-information .attributes-columns{grid-template-columns:1.6fr 1fr;gap:12px}.profile-information .attribute{justify-content:flex-start;gap:8px;max-width:none}.profile-information .attribute>span{flex:0 0 128px}.profile-information .attributes-columns>div:nth-child(2) .attribute>span{flex-basis:82px}.profile-information .attributes-columns>div:first-child .attribute:nth-child(even) b{color:var(--green)}.profile-stat-grid{column-gap:18px}.profile-stat-grid .attribute>span{flex-basis:108px}.profile-equipment-scroll{max-height:600px;margin-bottom:16px}.profile-collectible{width:72px}.profile-collectible img{width:64px;height:64px}.profile-item-grid{gap:10px 6px}.profile-skills .slots{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:8px 0}.profile-skills .slot{grid-column:span 3}.profile-skills .slot:nth-child(5){grid-column:2/span 3;grid-row:2}.profile-skills .slot:nth-child(6){grid-column:5/span 3;grid-row:2}.profile-skills .slot:nth-child(7){grid-column:8/span 3;grid-row:2}.profile-skills .slot:nth-child(n+8){grid-row:3}.profile-skills .slot img{width:56px;height:56px}@media(max-width:600px){.profile-information .attribute>span{flex-basis:100px}.profile-information .attributes-columns>div:nth-child(2) .attribute>span{flex-basis:62px}.profile-stat-grid .attribute>span{flex-basis:auto}}

/* Explicit profile rows avoid inherited combat-grid placement rules. */
.profile-skills{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;margin:10px auto}.profile-skill-row{display:flex;justify-content:center;gap:4px}.profile-skill-card{width:54px;min-width:54px;height:68px;padding:0;display:flex;flex-direction:column;align-items:center;background:none;border:0;font-weight:normal;font-variant:normal}.profile-skill-card img,.profile-empty-skill{box-sizing:border-box;display:block;width:54px;height:54px;object-fit:contain;border:1px solid #242424}.profile-empty-skill{display:grid;place-items:center;background:#161616;color:#555}.profile-skill-card small{font-size:12px;line-height:14px;height:14px;color:var(--blue)}.profile-skill-card:focus-visible{outline:2px solid var(--blue)}

/* Captured tooltip income styling: standard label, green gain/red upkeep. */
.reward-stats .income-stat{color:var(--offwhite)}.reward-stats .income-value{color:var(--green)}.reward-stats .upkeep-value{color:var(--red,#e33)}
/* Do not let flex sizing shrink equipped images while empty slots stay fixed. */
.profile-skill-card{gap:0;row-gap:0;min-height:68px;max-height:68px;box-sizing:border-box}.profile-skill-card>img,.profile-skill-card>.profile-empty-skill{flex:0 0 54px;min-width:54px;max-width:54px;min-height:54px;max-height:54px;margin:0;padding:0}.profile-skill-card>small{flex:0 0 14px;margin:0;padding:0}

/* Shared reference styling across all game pages. */
body{background:var(--backgroundblue);color:var(--white);line-height:1.3}
button,input,select,textarea{font-family:Arial,sans-serif}
button{box-shadow:none;text-shadow:none}
button:hover:not(:disabled){filter:brightness(1.08)}
button:active:not(:disabled){border-color:var(--darkgray) var(--lightergray) var(--lightergray) var(--darkgray)}
.page-head{padding:10px 0 6px;margin-bottom:8px;border-bottom:1px solid #222}
.page-head h1{font-size:1.25rem;font-weight:normal;font-variant:normal}
#nav{gap:4px;margin:0 auto 16px;padding:1px 8px}
.nav-button,.dog-tabs button,.activity-group button{font-size:.875rem;padding:3px 6px;line-height:1.1}
.nav-button.active,.dog-tabs .active,.activity-group button.active{background:linear-gradient(0deg,var(--darkgray),var(--lightgray));border-color:var(--offwhite)}
.dog-tabs{border:0;padding:0;gap:5px;margin:24px auto 16px}
.trait-balance{color:var(--offwhite)}
.reference-upgrades th{color:var(--white);font-weight:bold;font-variant:normal}
.reference-upgrades td:last-child{white-space:normal}
.hound-wordmark{color:var(--lightergray);text-shadow:none}
.edition{margin-bottom:6px;color:var(--lightergray)}
.bar{background:var(--bluegrey)}
.bar.hp i{background:var(--orange)}
.attribute{color:var(--white)}
.home-attributes .attributes-columns>div:first-child .attribute:nth-child(2) b,.home-attributes .attributes-columns>div:first-child .attribute:nth-child(4) b{color:var(--green)}
.home-profile .full-profile-link:hover,.home-profile .full-profile-link:focus-visible{text-decoration:underline}
.journal-box,.chat-compose textarea{border-color:var(--lightergray);background:transparent}
.chat-compose textarea{font-size:.875rem;padding:5px}
.recent-activity h2{font-size:1.125rem}
.panel{border-color:var(--gray);border-radius:0;box-shadow:none}
.job-card{padding:14px;border:1px solid #444;border-radius:12px;background:transparent}
.job-heading h3{color:var(--orange);font-size:1.25rem;font-variant:small-caps}
.job-art{border-radius:0}
.prop-card{padding:12px;gap:12px;min-height:106px}
.prop-meta h3{font-size:1.125rem}
.props-header{padding:12px}
.props-header h1{font-size:1.5rem}
/* Purchase/job controls share the captured blue bevel. */
.kennel-purchase>button,.bank-offers button,.job-heading button,.prop-actions button,.settings-buttons button:not(.primary),.settings-row>button:not(.danger),.owned-skill-actions button,.modal-actions button:not(.primary),.chat-compose button{background:linear-gradient(0deg,var(--darkblue),var(--blue));border:2px solid;border-color:var(--highlighttop) var(--highlightbottom) var(--highlightbottom) var(--highlighttop);color:white;padding:3px 10px;font-size:.875rem;font-variant:normal}
.kennel-purchase>button:active,.bank-offers button:active,.job-heading button:active,.prop-actions button:active{border-color:var(--highlightbottom) var(--highlighttop) var(--highlighttop) var(--highlightbottom)}
.upgrade-actions>.primary,.fightButton{background:linear-gradient(0deg,var(--red),var(--orange) 50%);border:2px solid;border-color:var(--lightorange) var(--darkred) var(--darkred) var(--lightorange);color:var(--backgroundblue);font-variant:small-caps}
.bank-offers{gap:16px;margin-top:44px}
.bank-offers>section{border-width:2px;border-radius:0;min-height:180px;background:transparent}
.bank-offers h2{font-variant:normal}
.kennel-filters{gap:4px;margin:12px auto 20px}
.kennel-filters button{border:1px solid #888;background:transparent;padding:8px 16px;font-variant:small-caps;font-weight:bold;color:white}
.kennel-filters .selected{background:var(--blue);border-color:var(--blue);color:white}
.kennel-filters input{margin-left:12px}
.kennel-catalog{max-height:none;overflow:visible;overscroll-behavior:auto}
.kennel-row{display:grid;grid-template-columns:minmax(130px,12%) minmax(0,1fr) 20%;gap:24px;padding:20px 8px;border-bottom:1px solid var(--gray);align-items:start}
.kennel-item{text-align:center}
.kennel-image{display:inline-block;background:none;border:0;padding:0;width:96px;height:96px}
.kennel-image img{width:96px;height:96px;object-fit:contain}
.kennel-item h3{color:var(--orange);font-size:1.25rem;font-variant:small-caps;margin:6px 0;font-weight:bold}
.kennel-description{padding:0 3%;font-size:1rem}
.kennel-description>p{color:var(--white)}
.kennel-description .kennel-level{font-size:.875rem;font-style:italic;color:var(--offwhite);margin:8px 0}
.kennel-purchase{text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:.875rem}
.kennel-purchase .price{font-size:1rem;color:var(--orange)}
.kennel-purchase .item-limit{color:var(--red);font-size:.875rem;font-style:italic}
.reward-stats{font-size:.875rem;font-weight:bold;line-height:1.35;color:var(--orange)}
.reward-stats .income-stat{color:var(--orange)}
.reward-tooltip,dialog,#toast{background:#000;border:2px solid;border-color:var(--blue) var(--darkblue) var(--darkblue) var(--blue);border-radius:0;box-shadow:none}
.reward-tooltip{padding:10px;width:min(340px,calc(100vw - 16px))}
.reward-tooltip>strong{color:white}
.reward-tooltip p{color:white}
.training-categories button{padding:5px 10px}
.training-tiles{padding-bottom:24px}
.skill-map-tree{border-color:var(--gray);border-radius:0}
.loadout-editor{margin:16px auto 24px}
.owned-skill-grid{gap:0 20px}
.owned-skill{border:0;border-bottom:1px solid var(--gray);padding:14px 0}
.owned-skill h3{font-size:1rem;font-variant:small-caps}
.equipment-category>h2{color:#888;font-size:1rem;text-align:center;font-variant:small-caps}
.owned-equipment-grid:has(.equipment-icon-only){justify-content:center}
.equipment-summary{text-align:center}
.settings-group{max-width:1100px;border:0;padding:0}
.settings-row h3{font-size:1rem;font-variant:small-caps}
.settings-row{padding:18px 0;border-bottom:1px solid var(--gray)}
.hero-start{border-color:var(--blue) var(--darkblue) var(--darkblue) var(--blue);box-shadow:none}
.start-form h2{color:var(--offwhite);font-size:1.25rem}
.breed-choice{background:transparent;border-color:var(--gray)}
.breed-choice.chosen{border-color:var(--orange);background:#171717}
.dig-board-panel{border:0}
.dig-board-panel .panel-head{border-bottom:1px solid var(--gray);padding-bottom:8px}
.dig-board-panel .panel-head h2{font-size:1.125rem}
.dig-cell{border-radius:0}
@media(max-width:1100px){.kennel-row{grid-template-columns:130px minmax(0,1fr) 170px;gap:12px}.kennel-description{padding:0}.profile-stat-grid{max-width:100%}}
@media(max-width:700px){.kennel-row{grid-template-columns:100px minmax(0,1fr)}.kennel-purchase{grid-column:2;align-items:flex-start;text-align:left}.kennel-item h3{font-size:1rem}.kennel-description{font-size:.875rem}.kennel-filters button{padding:6px 8px;font-size:.875rem}.kennel-filters input{margin-left:0;width:100%}.kennel-catalog{max-height:none}.bank-offers{margin-top:24px}.job-tabs{margin-top:12px}.reference-upgrades th,.reference-upgrades td{padding:10px 6px}.owned-skill-grid{grid-template-columns:1fr}}

.attribute.bonus-stat>b{color:var(--green)!important}
.training-tile .next-unlock,.next-unlock{color:var(--red)}
.training-tile .upgrade-available{color:var(--green)}
.training-details{border-top:1px solid #666;margin-top:24px;padding-top:20px}
.training-detail-row{display:grid;grid-template-columns:180px minmax(0,1fr) 160px;align-items:center;gap:40px;max-width:1600px;margin:0 auto;padding:8px 16px 32px}
.training-detail-icon{text-align:center;color:var(--orange)}
.training-detail-icon img{width:80px;height:80px;display:block;margin:0 auto 6px}
.training-detail-icon small{display:block;margin-top:8px;font-style:italic}
.training-prerequisite{display:flex;align-items:center;gap:8px;color:var(--orange)}
.training-detail-row>button{justify-self:center}
.catalog-next{text-align:center;margin:24px}
.owned-skill[draggable],.slot[draggable]{cursor:grab}
.loadout-editor .slot.drag-over{outline:2px solid var(--orange);background:#283b43}
@media(max-width:700px){.training-detail-row{grid-template-columns:90px 1fr;gap:16px}.training-detail-row>button{grid-column:2}}

.combat-lower .combat-log .log,.combat-lower .combat-log .log-line{text-align:center;width:100%;max-width:none;box-sizing:border-box}
.combat-lower .combat-log{min-width:0}.battle-bottom{justify-content:flex-end}
.level-hover{position:relative;cursor:help}.level-tooltip{display:none;position:absolute;left:50%;right:auto;top:auto;bottom:calc(100% + 8px);transform:translateX(-50%);width:210px;padding:12px;background:#000;border:1px solid var(--blue);color:var(--orange);z-index:50;text-align:left;pointer-events:none;font-weight:bold}
.level-hover:hover .level-tooltip,.level-hover:focus .level-tooltip{display:block}
.loadout-title{text-align:center;margin:28px 0 36px}.loadout-title small{font-size:13px;color:var(--green);font-style:italic}
.my-skills-layout{display:grid;grid-template-columns:430px minmax(0,720px);gap:28px;max-width:1180px;margin:auto;align-items:start}
.my-skills-layout>section{border:1px solid #333;padding:14px;margin:0;text-align:center}.my-skills-layout h2{color:var(--orange);font-size:16px;margin:0 0 16px}
.my-skills-layout .slots{margin:auto}.owned-skill-dropzone{border:1px dashed #333;min-height:178px;padding:8px;display:flex;gap:8px;align-content:flex-start;align-items:flex-start;flex-wrap:wrap}
.owned-skill-icon{padding:0;border:0;background:none;width:64px;height:64px;cursor:grab}.owned-skill-icon img{width:64px;height:64px;display:block}
.loadout-help{max-width:1148px;margin:22px auto;border:1px solid #333;padding:22px;font-style:italic}.owned-skill-dropzone.drag-over{outline:2px solid var(--orange)}
@media(max-width:850px){.my-skills-layout{grid-template-columns:1fr}.level-tooltip{left:50%;right:auto;top:auto;bottom:calc(100% + 8px)}}

/* Health is a measured fill, never a fixed border. */
.arena .health-line{border-top:0;padding:6px 5px}
.fight-health-track{height:4px;width:100%;background:#345363;overflow:hidden}
.fight-health-track i{height:100%;display:block;background:var(--blue);min-width:0}
.opponent-side .fight-health-track i{background:var(--orange)}
.death-popup{text-align:center}.death-popup h2{color:var(--red)}
/* Dimensions and spacing from the supplied Skills page stylesheet. */
.my-skills-layout{width:min(1180px,calc(100% - 24px));grid-template-columns:minmax(300px,430px) minmax(280px,1fr);gap:28px}
.my-skills-layout>section,.loadout-help{border:1px solid var(--gray);background:rgba(0,0,0,.16);padding:14px}
.my-skills-layout h2{font-size:17px;font-variant:small-caps;font-weight:normal;margin-bottom:12px}
.my-skills-layout .slots{grid-template-columns:repeat(8,32px);gap:16px 4px;padding-bottom:10px;margin:0 auto;width:284px}
.my-skills-layout .slot{height:72px}.my-skills-layout .slot small{font-size:11px;line-height:11px;padding-top:3px}
.my-skills-layout .slot img,.my-skills-layout .empty-icon{box-sizing:border-box;width:64px;height:64px;min-height:64px}
.owned-skill-dropzone{display:grid;grid-template-columns:repeat(auto-fill,64px);gap:8px;place-content:start;min-height:160px;box-sizing:content-box}
.owned-skill-icon img{box-sizing:border-box;box-shadow:inset 2px 2px 2px rgba(69,69,69,.34),inset -2px -2px 2px rgba(0,0,0,.66)}
.skill-loadout-tabs{display:flex;justify-content:center;gap:8px;margin:18px auto 16px}
.skill-loadout-tabs .skill-loadout-tab{border:1px solid var(--blue);background:rgba(255,255,255,.035);box-shadow:inset 0 0 0 1px var(--green);color:white;padding:8px 12px;min-width:112px;font-size:14px;font-weight:normal}
.skill-loadout-tab small{display:block;margin-top:3px;font-size:10px;font-style:italic;color:var(--offwhite)}
.loadout-title{margin:12px auto 18px}.loadout-title h2{color:var(--orange);font-size:20px;font-variant:small-caps;font-weight:normal}
.loadout-help{width:min(1150px,calc(100% - 54px));margin:22px auto 36px}
@media(max-width:820px){.my-skills-layout{grid-template-columns:1fr;width:calc(100% - 12px)}}

.holiday-treasures{margin:12px 0 28px}.holiday-treasures>h2{color:var(--orange);font-variant:small-caps;text-align:center}.holiday-treasures .kennel-row{border-bottom:1px solid var(--gray)}.vet-panel{max-width:600px;margin:32px auto;text-align:center;border:1px solid var(--blue);padding:24px}.leaderboard-tabs,.leaderboard-note{text-align:center;margin:20px auto}.standings{width:min(1100px,100%);margin:20px auto;border-collapse:collapse}.standings th,.standings td{padding:12px;border-bottom:1px solid var(--gray);text-align:center}.standings th{color:var(--orange)}

.vet-intro{font-size:16px;margin:10px 0 24px}.vet-rules{color:var(--red);text-align:center;font-size:14px;margin:0 160px 32px}.vet-health-status{text-align:center}.vet-health-status button{margin-top:6px}.show-podium{display:flex;justify-content:center;align-items:flex-end;gap:60px;margin:35px auto}.show-winner{display:flex;flex-direction:column;align-items:center;gap:6px}.show-winner img{object-fit:contain}.show-empty{text-align:center;color:#777;padding-bottom:10px}.show-tables{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;margin:30px auto}.show-tables h2{text-align:center;font-size:16px;color:var(--orange)}.show-tables table{width:100%;border-collapse:collapse}.show-tables th,.show-tables td{padding:8px;border-bottom:1px solid var(--gray);text-align:center}.show-you{color:var(--orange)}.show-formula{text-align:center;font-size:12px;margin:24px}.leaderboard-tabs .current{color:var(--orange)}@media(max-width:1000px){.show-tables{grid-template-columns:repeat(2,minmax(0,1fr))}.vet-rules{margin-left:15px;margin-right:15px}}@media(max-width:550px){.show-tables{grid-template-columns:1fr}.show-podium{gap:12px}}
/* Best in Show: supplied leaderboard stylesheet, adapted to local standings. */
.show-tables{display:flex;flex-wrap:wrap;justify-content:space-around;width:70%;margin:auto;gap:0}
.show-tables>section{width:45%;margin:2%}
.show-tables h2{padding:8px;margin:0;background:rgb(64,12,8);color:var(--orange);font-variant:small-caps;font-size:18px;font-weight:normal;text-align:left}
.show-tables table{padding:2%;width:100%;border-collapse:collapse}
.show-tables th,.show-tables td{text-align:left;color:white;border:0}
.show-tables th{font-size:14px;font-weight:normal;padding:6px}
.show-tables td{padding:6px}.show-tables td:last-child,.show-tables th:last-child{text-align:right;white-space:nowrap}
.show-tables .show-you{background:rgb(25,25,25)}.show-tables .show-you td{font-weight:bold;color:var(--orange)}
.show-podium{position:relative;width:min(680px,95%);min-height:265px;align-items:flex-end;gap:0;margin:24px auto 36px}
.show-winner{order:2;width:34%;padding-bottom:55px;position:relative}.show-winner:after{content:'1';display:grid;place-items:center;position:absolute;bottom:0;height:45px;width:100%;background:#353535;color:var(--orange);font-size:22px;border-top:2px solid #8c641c}
.show-empty{width:33%;padding-bottom:0;font-size:13px;min-height:45px;background:#222;border-top:2px solid #555}.show-empty:nth-child(2){order:1;min-height:70px}.show-empty:nth-child(3){order:3}
.leaderboard-tabs{width:350px;max-width:100%;margin:auto;text-align:center;padding-top:4px}
.show-formula{color:var(--offwhite);font-size:12px;margin:28px auto;text-align:center}
@media(max-width:850px){.show-tables{width:96%}}@media(max-width:550px){.show-tables>section{width:96%}.show-winner img{width:90px;height:110px}.show-podium{min-height:235px}}

.treasure-countdown{font-style:italic;color:var(--red);font-size:14px}.best-show-title{text-align:center;text-transform:uppercase;font-size:clamp(32px,5vw,76px);font-weight:900;color:#484c4c;letter-spacing:2px;margin:20px auto}.show-podium{width:min(1100px,95%);min-height:430px;margin-bottom:45px;align-items:flex-end}.show-winner{padding-bottom:170px;width:34%}.show-winner img{width:240px;height:280px;object-fit:contain}.show-winner:after{height:150px;font-size:86px;color:#807951;background:linear-gradient(110deg,#b9b28b,#a29a71 60%,#7a7557);border:0;box-shadow:inset 12px 10px 18px #ffffff20;clip-path:polygon(6% 0,94% 0,100% 9%,100% 94%,65% 100%,0 94%,0 9%)}.show-empty{position:relative;height:95px;background:linear-gradient(110deg,#aaa,#666);color:#eee;padding-top:12px;min-height:95px!important;border:0;box-sizing:content-box}.show-empty:after{content:'2';font-size:64px;display:block;line-height:1;color:#444}.show-empty:nth-child(3){background:linear-gradient(110deg,#b99c8c,#816355);height:80px;min-height:80px!important}.show-empty:nth-child(3):after{content:'3'}.show-tables{width:85%;row-gap:35px}.show-tables>section:last-child{margin-left:auto;margin-right:auto}.show-tables th{background:#400c08;color:var(--orange);font-variant:small-caps;font-size:18px;font-weight:bold;padding:8px}.show-prize-label{font-size:13px;margin:12px 0 25px}.show-tables .text-link{color:var(--blue);text-decoration:underline;padding:0}.show-tables td{font-size:14px}.show-tables .show-you td{color:var(--orange)}@media(max-width:600px){.show-winner img{width:110px;height:160px}.show-podium{min-height:300px}.show-winner{padding-bottom:120px}.show-winner:after{height:110px;font-size:60px}.show-empty{font-size:10px}.show-tables{width:96%}}

.arena .combat-stats{flex:0 1 270px;text-align:left}.arena .combat-stats>div{justify-content:flex-start;gap:6px}.arena .combatant{gap:16px}.arena .opponent-side .combat-stats{text-align:right}.arena .opponent-side .combat-stats>div{justify-content:flex-end}.arena .opponent-side{justify-content:flex-start}.award-icon{display:inline-block;position:relative;width:80px;height:80px;flex:0 0 80px}.award-icon img{display:block!important;width:80px!important;height:80px!important;object-fit:cover!important}.award-icon b{position:absolute;right:2px;bottom:0;font:bold italic 20px Georgia,serif;color:white;text-shadow:1px 2px 2px #000;background:#151515bb;line-height:22px;padding:0 3px}.show-prize-label{display:flex;justify-content:space-between;align-items:center;margin:12px 0 4px}.show-empty .award-icon{display:block;margin:8px auto}.show-winner{padding-bottom:205px}.show-winner:after{height:185px}.show-empty{height:auto!important;min-height:110px!important;padding-bottom:55px;background:none!important;box-shadow:none}.show-empty:after{position:absolute;bottom:0;left:0;width:100%;height:50px;background:linear-gradient(110deg,#aaa,#666);font-size:42px;line-height:50px}.show-empty:nth-child(3):after{height:40px;line-height:40px;background:linear-gradient(110deg,#b99c8c,#816355)}@media(max-width:1100px){.arena .combat-stats{flex:initial;text-align:center}.arena .combat-stats>div{justify-content:center}.arena .opponent-side .combat-stats{text-align:center}.arena .opponent-side .combat-stats>div{justify-content:center}}

.combat-lower .combat-log .log{padding:16px 7%;max-height:440px;line-height:1.28}.combat-lower .combat-log .log-line{margin:0;min-height:20px;font-size:16px;animation:combat-line-in 100ms ease-out both;animation-delay:var(--line-delay)}.combat-lower .combat-log .combat-player{color:var(--blue);text-align:left}.combat-lower .combat-log .combat-bot{color:var(--orange);text-align:right}.combat-lower .combat-log .combat-result{color:white;text-align:center}.combat-lower .combat-log .combat-result:first-of-type{margin-top:8px}@keyframes combat-line-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.no-motion .combat-log .log-line{animation:none}@media(prefers-reduced-motion:reduce){.combat-log .log-line{animation:none!important}}


.holiday-treasures .kennel-description>p.treasure-countdown{color:rgb(200,50,50);font-size:13px;font-style:italic;font-weight:normal}

.combat-lower .combat-log .log-line.combat-player{width:88%;margin-left:0;margin-right:12%;text-align:left}.combat-lower .combat-log .log-line.combat-bot{width:88%;margin-left:12%;margin-right:0;text-align:right}.combat-lower .combat-log .log-line.combat-result{width:100%;margin-left:0;margin-right:0;text-align:center}

.holiday-treasures .kennel-purchase .limited-limit{color:rgb(200,50,50);margin:8px 0 2px}.holiday-treasures .kennel-purchase .limited-owned{color:rgb(50,200,50);margin:0}

/* Supplied podium artwork, shared by every leaderboard period. */
.ranking-podium{width:min(1033px,95%);margin:0 auto 36px}
.ranking-stage{position:relative;aspect-ratio:1033/516}
.ranking-platform{position:absolute;bottom:0;left:0;width:100%;height:auto;display:block}
.ranking-champion{position:absolute;bottom:40.7%;left:50%;transform:translateX(-50%);width:24%;height:54.26%;object-fit:contain;object-position:center bottom}
.ranking-places{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));text-align:center;gap:8px;margin-top:8px}
.ranking-places>div{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px}
.ranking-places small{font-size:11px}
.ranking-places .award-icon{flex-shrink:0}

.solo-intro{text-align:center}.solo-track{position:relative;max-width:480px;margin:30px auto}.solo-track:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:5px;background:#333}.solo-node{position:relative;width:50%;height:135px;display:flex;flex-direction:column;align-items:center;justify-content:center}.solo-node.right{margin-left:50%}.solo-node:after{content:"";position:absolute;top:55px;width:24%;height:3px;background:#555}.solo-node.left:after{right:0}.solo-node.right:after{left:0}.solo-node.achieved:after{background:#32c832}.solo-node button{padding:0;border:0;background:none}.solo-node img{display:block;width:96px;height:96px}.solo-node.achieved img{outline:1px solid #32c832}.solo-node span{margin-top:4px}.solo-unknown{display:grid;place-items:center;width:96px;height:96px;border:1px dashed #555;font-size:40px;color:#777}

.regen-labels .solo-paws-link{display:inline-block;justify-self:center;position:relative;z-index:1;min-height:32px;padding:7px 12px;color:var(--blue);font-size:12px;font-weight:bold;text-transform:uppercase;cursor:pointer;pointer-events:auto;background:none;border:0}.solo-paws-link:hover,.solo-paws-link:focus-visible{text-decoration:underline}.solo-paws-link:focus-visible{outline:2px solid var(--blue);outline-offset:2px}

.solo-node.unreached img{filter:grayscale(1);opacity:.45}.solo-node.achieved img{filter:none;opacity:1}

.kennel-purchase .kennel-owned,.kennel-purchase .limited-owned{color:rgb(50,200,50)}.catalog-next{text-align:center;color:var(--offwhite);font-size:14px;font-style:normal;font-weight:normal;margin:20px 0}.catalog-next>span{color:var(--orange)}

.level-up-popup{font-size:14px;font-weight:normal;line-height:normal}.level-up-popup .level-up-greeting{color:var(--blue);font-size:20px}.level-up-popup .level-up-refill{color:var(--darkorange);font-size:12px}.level-up-close{text-align:center}.level-up-close .popupCloseBtn{background:linear-gradient(0deg,var(--darkblue),var(--blue));color:white;font-size:14px;padding:3px 10px}

/* Keep both fighters and their skill grids inside a centered arena. */
.arena,.combat-lower,.battle-bottom{width:calc(100% - 64px);max-width:1800px;margin-left:auto;margin-right:auto;box-sizing:border-box}
.combat-lower{grid-template-columns:290px minmax(0,1fr) 290px}
.arena .player-side{padding-left:62px}
.arena .opponent-side{padding-right:62px}
@media(max-width:1100px) and (min-width:801px){
 .arena,.combat-lower{grid-template-columns:minmax(0,1fr) 216px minmax(0,1fr);column-gap:0}
 .combat-lower .slots{width:100%;max-width:284px;grid-template-columns:repeat(8,minmax(0,1fr))}
 .arena .player-side,.arena .opponent-side{padding:0}
 .battle-center{width:216px;justify-self:center}
}
@media(max-width:800px){
 .arena,.combat-lower,.battle-bottom{width:calc(100% - 24px)}
 .arena .player-side,.arena .opponent-side{padding:0}
 .combat-lower{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}

.skill-side .section-label #fightLoadout{margin-left:6px;min-width:120px;max-width:180px;font-size:11px;padding:1px 4px;vertical-align:middle;color:var(--offwhite);background:#101010;border:1px solid #333}

.reward-tooltip.skill-tooltip{text-align:center;font-size:14px;font-weight:normal}.skill-tooltip-heading{color:var(--blue);font-weight:normal}.reward-tooltip.skill-tooltip p{color:var(--offwhite);font-size:14px;margin:0}

/* Shared Cat Champions palette and compact page typography. */
body,.shell,.main,#content{background:var(--backgroundblue);color:var(--white)}
.page-head h1,.section-label,.my-skills-heading,.combat-log .section-label{color:var(--offwhite)}
.kennel-row,.job-card,.owned-skills-panel,.loadout-editor{background:var(--backgroundblue)}
.regen-labels .solo-paws-link,.regen-labels .solo-paws-link:focus-visible{text-decoration:none}
.regen-labels .solo-paws-link:hover{text-decoration:underline}
.item-limit{color:var(--red)}
.hound-wordmark{display:flex;align-items:center;justify-content:center;gap:14px;margin:8px auto 12px;font-family:Arial,sans-serif;font-size:clamp(36px,4.2vw,74px);font-weight:900;font-variant:normal;letter-spacing:-2px;line-height:1.15;text-transform:uppercase}
.hound-wordmark>span{background:linear-gradient(180deg,var(--evenlightergray),var(--lightgray) 65%,var(--gray));background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:none}
.wordmark-paw{width:.75em;height:.75em;fill:var(--lightergray);flex:none;filter:drop-shadow(0 2px 0 #000)}
.bank-package{text-align:center;margin:24px auto}.bank-package button{font-size:16px}
.fight-sections,.bot-tiers{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:12px auto;max-width:1500px}
.bot-tiers{margin-bottom:24px;gap:5px}.bot-tiers button{min-width:100px;padding:5px 10px}.bot-tiers small{display:block;color:var(--red);font-size:10px}
.bot-xp{display:block;color:var(--green);font-size:12px;font-weight:normal;margin-top:3px}.bot-tiers button:disabled{opacity:.6}
.fight-sections button.selected,.bot-tiers button.selected{outline:1px solid var(--offwhite);outline-offset:1px}
.fight-empty{text-align:center;padding:28px 12px}.fight-empty h2{color:var(--offwhite)}

.bot-tiers .bot-label{color:var(--offwhite);font-size:9px;letter-spacing:1px}.fight-sections.bot-tiers{align-items:stretch}.fight-sections.bot-tiers>button{min-width:90px}

.limited-package-page{max-width:1100px;margin:24px auto;text-align:center}.limited-package-page h2{color:var(--orange)}.package-items{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;margin:30px 0}.package-items>div{width:140px;font-size:13px}.package-items button{border:0;background:none;padding:0}.package-items img{object-fit:cover}.package-bonus{color:var(--green)}.limited-package-page .treasure-countdown{color:var(--red);font-size:13px;font-style:italic}

/* Captured inline bot-tab structure, with space for the boss showcase. */
.fight-sections.bot-tiers{max-width:1600px;border-top:1px solid #222;padding-top:12px;gap:8px;margin:12px auto}
.fight-sections.bot-tiers .tablinks{min-width:0;background:#0c0c0c;border:1px solid #333;border-top-color:var(--lightergray);border-left-color:var(--lightergray);padding:8px 14px;font-size:14px;color:var(--white)}
.fight-sections.bot-tiers .tablinks.active{outline:none;border-color:var(--bluegrey);background:#15191b}
.bot-tab-inner{display:inline-flex;gap:5px;align-items:center;white-space:nowrap}.bot-tag{font-size:10px;border:1px solid var(--darkorange);color:var(--darkorange);padding:0 3px;font-variant:normal;line-height:12px}
.bot-tab-inner .bot-xp{display:inline;margin:0;font-size:12px;color:var(--green);font-weight:bold}.bot-tier-name{font-variant:small-caps}.bot-tiers .tablinks:disabled{opacity:.38}.bot-tiers .tablinks:disabled .bot-tag,.bot-tiers .tablinks:disabled .bot-xp{color:#999;border-color:#777}
.boss-showcase{max-width:1600px;min-height:280px;margin:auto;padding:24px 20px;text-align:center;display:flex;flex-direction:column;justify-content:center}.boss-showcase h2{color:var(--blue);font-size:20px}.boss-showcase p{color:var(--lightergray);font-size:13px}
.bot-tier-preview{text-align:center;margin:16px auto 36px}.bot-tier-preview>p{font-size:12px;color:var(--offwhite)}.bot-lineup{display:flex;justify-content:center;align-items:flex-end;gap:5px;margin:16px auto;max-width:650px}.bot-lineup img{width:19%;max-width:120px;height:145px;object-fit:contain}.bot-tier-preview .fightButton{font-size:16px}
@media(max-width:700px){.boss-showcase{min-height:180px}.fight-sections.bot-tiers .tablinks{padding:6px 8px}.bot-lineup img{height:100px}}


.completed-job{position:relative;border-color:#755009;background:linear-gradient(180deg,#101010,#211a0c);box-shadow:0 0 2px #755009;margin-top:26px}
.completed-job-badge{position:absolute;top:-8px;left:-6px;padding:1px 8px;border-radius:12px;background:#362709;color:var(--orange);font-size:11px;line-height:14px;font-weight:bold}
.job-heading-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:0}
.job-heading-actions>button{flex-shrink:0;white-space:nowrap}
.completed-job-message{color:var(--offwhite);font-size:12px;line-height:1.4;margin:0;padding:6px 10px;background:#211b0e;border:1px solid #594008;border-radius:7px}
.completed-job-message strong{color:var(--orange)}
@media(max-width:700px){.completed-job .job-heading{align-items:flex-start;flex-wrap:wrap}.completed-job .job-heading-actions{width:100%}.completed-job-message{flex:1}}

.home-attributes .attribute{display:grid;grid-template-columns:145px minmax(9ch,max-content);justify-content:start;column-gap:22px;max-width:none}
.home-attributes .attributes-columns{grid-template-columns:max-content max-content;column-gap:40px}
.job-heading-actions{flex-direction:row!important;flex-wrap:nowrap!important}.completed-job-message{order:0}.job-heading-actions>[data-action=job]{order:1}
@media(max-width:700px){.home-attributes .attributes-columns{grid-template-columns:1fr;gap:4px}.home-attributes .attribute{grid-template-columns:125px max-content}}

.vet-health-status [data-action="visitVet"]{background:linear-gradient(0deg,var(--darkblue),var(--blue));color:white;font-variant:normal;text-transform:none;border:2px solid;border-color:var(--highlighttop) var(--highlightbottom) var(--highlightbottom) var(--highlighttop);padding:3px 10px;font-size:14px}

.home-attributes .attribute>b{font-variant-numeric:tabular-nums;white-space:nowrap}

@media(min-width:1200px){
 .arena,.combat-lower,.battle-bottom{width:calc(100% - 48px);max-width:1880px}
 .fight-sections.bot-tiers{max-width:1720px}
}

.main-boss-showcase{max-width:1720px;margin:20px auto 12px;padding:0 20px}
.main-boss-navigation{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:20px}.main-boss-navigation button{background:none;border:0;color:#888;font:inherit;padding:4px}.main-boss-navigation button.selected{color:var(--offwhite)}
.main-boss-layout{display:grid;grid-template-columns:256px minmax(0,1fr);gap:24px}.main-boss-portrait{text-align:center}.main-boss-portrait>img{object-fit:contain}.main-boss-portrait p{font-size:14px;margin-top:10px;font-weight:bold}.main-boss-info h2{color:var(--blue);font-size:20px;margin:0 0 10px}.main-boss-info>p{font-size:14px;line-height:1.4}.main-boss-info h3{font-size:16px;color:var(--darkorange);margin:20px 0 14px}.main-boss-payouts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;text-align:center;font-size:14px}.main-boss-unlocks{display:flex;justify-content:space-around;text-align:center;gap:20px;font-size:14px}.main-boss-unlocks b{display:block}.main-boss-reward{padding:0;border:0;background:none}.main-boss-reward img{object-fit:contain}
@media(max-width:750px){.main-boss-layout{grid-template-columns:1fr}.main-boss-navigation{gap:4px;flex-wrap:wrap;font-size:12px}.main-boss-payouts{grid-template-columns:1fr;gap:8px}}

.main-boss-view{display:block;margin:10px auto 0;background:linear-gradient(var(--orange),#ce5000);color:black}.boss-detail{text-align:center}.boss-detail>img{object-fit:contain}.boss-detail>p{font-size:14px;line-height:1.4}.boss-detail-stats{max-width:320px;margin:14px auto}.boss-detail-stats>div{display:flex;justify-content:space-between;gap:20px}.boss-detail-stats span{color:var(--green)}

.main-boss-info .main-boss-unlocks-title{margin:10px 0 2px}.main-boss-unlocks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.main-boss-unlocks b{margin-top:4px}.main-boss-unlocks .main-boss-reward{display:inline-block;line-height:0}.main-boss-unlocks img{display:block;width:96px;height:96px;object-fit:contain}

dialog:has(.boss-victory-popup){width:520px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:0;overflow:auto;box-sizing:border-box}
.boss-victory-popup{padding:22px 24px;text-align:left;font-size:14px;line-height:1.45}
.boss-victory-popup h2{color:var(--blue);margin:0 0 18px;text-align:center;font-size:20px;font-variant:normal}
.boss-victory-payout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 18px;text-align:center}
.boss-victory-payout>div{padding:10px 4px;background:#111;border:1px solid #292929;min-width:0}
.boss-victory-payout dt,.boss-victory-label{color:var(--lightblue,#acd4ed);font-size:12px;font-weight:normal}
.boss-victory-payout dd{color:var(--green,#00d600);font-weight:bold;margin:3px 0 0;overflow-wrap:anywhere;font-size:14px}
.boss-victory-item{display:grid;grid-template-columns:80px minmax(0,1fr);gap:16px;align-items:center;margin:0;padding:16px 0;border-top:1px solid #292929}
.boss-victory-item img{display:block;width:80px;height:80px;object-fit:cover}
.boss-victory-item h3{color:var(--darkorange,#ff8c00);margin:2px 0 5px;font-size:16px;font-variant:normal}
.boss-victory-item details{font-size:12px}.boss-victory-item summary{color:var(--blue);cursor:pointer;width:fit-content}.boss-victory-item summary:hover{text-decoration:underline}.boss-victory-item details p{margin:8px 0 0}
.boss-victory-spell{margin:0 0 12px}.boss-victory-spell strong{color:var(--darkorange)}
.boss-victory-level{border-top:1px solid #292929;padding-top:14px}.boss-victory-level h3{color:var(--blue);font-size:14px;margin:0 0 4px;font-variant:normal}.boss-victory-level p{display:flex;flex-wrap:wrap;gap:4px 18px;margin:0 0 8px;color:var(--green)}.boss-victory-level small{display:block;color:var(--darkorange);font-size:12px}
.boss-victory-popup footer{text-align:center;margin-top:18px}.boss-victory-popup .popupCloseBtn{background:linear-gradient(0deg,var(--darkblue),var(--blue));color:#fff;padding:5px 22px;font-size:14px;font-variant:normal}
@media(max-width:420px){.boss-victory-popup{padding:18px 14px}.boss-victory-payout{gap:5px}.boss-victory-item{gap:12px}}

@media(min-width:1400px){}

/* Dig Yard: one continuous lawn with individually revealed holes. */
.dig-board-panel{max-width:940px;margin:0 auto}.dig-grid{max-width:720px;margin:12px auto;gap:0;padding:0;background:#355326 url('assets/hound/dig/yard.webp') center/cover;border:1px solid #667452;border-radius:2px;overflow:hidden}
.dig-grid .dig-cell{padding:0;min-width:0;min-height:44px;aspect-ratio:1.2;touch-action:manipulation;user-select:none;background:transparent;border:1px solid #ffffff30;border-radius:0;box-shadow:none;cursor:pointer;opacity:1}
.dig-grid .dig-cell:hover:not(:disabled){background:#ffffff18;box-shadow:inset 0 0 0 2px #a8d8ee}.dig-grid .dig-cell:focus-visible{outline:3px solid #ff9b00;outline-offset:-3px}
.dig-grid .dig-cell.dug{background:#322a19 url('assets/hound/dig/hole.webp') center/cover;opacity:1;cursor:default;border-color:#ffffff20;filter:none}.dig-help{text-align:center;font-size:13px}
.dig-reward-popup{text-align:center;padding:4px 12px;font-size:14px}.dig-reward-popup h2{color:var(--blue);font-size:20px;margin:0 0 18px;font-variant:normal}
.dig-found-item{display:flex;flex-direction:column;align-items:center;gap:10px;margin:0 auto 8px;background:transparent;border:0;padding:8px;color:var(--darkorange);font-size:16px;font-variant:normal}.dig-found-item:hover{background:#ffffff08}.dig-found-item img{object-fit:cover;display:block}.dig-reward-popup>small{display:block;font-size:12px;color:var(--blue)}
.dig-clear-message{margin:18px 0}.dig-level-reward{border-top:1px solid #333;margin-top:18px;padding-top:12px}.dig-level-reward>b{color:var(--blue)}.dig-level-reward p{color:var(--green);margin:4px 0}.dig-level-reward small{color:var(--darkorange);font-size:12px;display:block}
.dig-reward-popup>.popupCloseBtn{margin-top:18px;background:linear-gradient(0deg,var(--darkblue),var(--blue));color:white;font-variant:normal;padding:5px 22px}
dialog:has(.dig-reward-popup){width:480px;max-width:calc(100vw - 32px);box-sizing:border-box;border:2px solid var(--blue)}
dialog:has(.dig-reward-popup[data-rarity="legendary"]){border:3px solid #943cdb}
dialog:has(.dig-reward-popup[data-rarity="mythic"]){border:3px solid #800000}

.special-stat,.combat-stats .special-stat{color:var(--orange,#ff8500);font-style:normal;white-space:nowrap}

dialog:has(.dig-clear-popup){width:590px;background:#101010;padding:18px 28px}.dig-clear-popup{text-align:left;padding:0 10px}.dig-clear-popup h2{font-size:14px;color:white;text-align:left;margin:0 0 18px;font-weight:bold}.dig-clear-popup>p{font-size:14px;margin:0 0 12px}.dig-clear-popup .dig-found-item{padding:0;margin:12px auto 20px}.dig-clear-popup .dig-found-item strong{display:none}.dig-clear-popup>.popupCloseBtn{display:block;margin:18px auto 0;background:linear-gradient(#ff9900,#ff7700 60%,#c12a0a);color:#080808;border:2px outset #da9a36;padding:3px 12px;font-variant:small-caps;font-weight:bold}

dialog:has(.dig-item-popup){width:256px;padding:18px 20px;background:#101010}.dig-item-popup{padding:0;text-align:center}.dig-item-popup h2{font-size:16px;color:white;font-weight:bold;margin:0 0 18px}.dig-item-popup .dig-found-item{padding:0;margin:0 auto 18px;gap:7px}.dig-item-popup .dig-found-item strong{font-size:12px;color:var(--lightblue,#acd4ed);font-weight:normal}.dig-item-popup>p{font-size:14px;margin:0 0 18px}.dig-item-popup>.popupCloseBtn{background:linear-gradient(#ff9900,#ff7700 60%,#c12a0a);color:#080808;border:2px outset #da9a36;padding:3px 12px;font-variant:small-caps;font-weight:bold;margin:0 auto}

.dig-status-message{max-width:840px;box-sizing:border-box;margin:0 auto;min-height:38px;padding:9px 14px;border:1px solid #292929;background:#101010;color:var(--lightblue,#b6cbd4);font:14px/18px Arial,sans-serif;text-align:left}

.boss-victory-reward{padding:0;border:0;background:none;flex:0 0 80px;cursor:help}.boss-victory-reward img{display:block}

.solo-node .solo-awarded{display:block;color:#00cc00;font-size:12px;margin-top:4px}

.equipment-award-art{display:inline-block;position:relative;flex-shrink:0}.equipment-award-art img{display:block;width:100%;height:100%;object-fit:contain}.equipment-award-art b{position:absolute;bottom:1px;right:3px;color:white;text-shadow:1px 1px 2px black;font:bold italic 14px Arial}

#modal,#modal::backdrop{pointer-events:auto}.hide-dig-popups{display:block;margin-top:14px;font:12px/1.4 Arial,sans-serif;color:#b6cbd4}.hide-dig-popups input{vertical-align:middle}

.popup-dig-controls{display:flex;justify-content:center;margin-top:12px}.popup-dig-controls button{min-width:90px}

 .side-bosses{max-width:1500px;margin:24px auto}.side-boss-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}.side-boss-card{display:flex;flex-direction:column;gap:6px;align-items:center;text-align:center;border:1px solid #333;padding:10px;background:#101010;min-width:0}.side-boss-card>img{width:100%;max-width:120px;height:auto;aspect-ratio:1;object-fit:cover}.side-boss-card h3{color:var(--blue);font-size:14px;margin:0;overflow-wrap:anywhere}.side-boss-card p{font-size:12px;margin:0}.side-boss-card .fightButton{font-size:12px;padding:4px 7px}.side-boss-card.locked>img{filter:grayscale(1);opacity:.5}@media(max-width:1100px){.side-boss-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:550px){.side-boss-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Home readability and permanent loadout access. */
.regen-labels{padding-top:9px;padding-bottom:0;align-items:end}
.regen-labels .solo-paws-link{font-size:14px;padding-bottom:3px}
.home-attributes .attribute,.home-attributes h3{font-size:15px;line-height:1.5}
.home-attributes .attributes-columns{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);column-gap:24px}
.home-attributes .attribute{display:flex;justify-content:flex-start;gap:16px;max-width:none}
.home-attributes .attribute>span{flex:0 0 128px}
.home-attributes .attributes-columns>div:nth-child(2) .attribute>span{flex-basis:80px}
.home-attributes .home-stat-columns .attribute b{color:white!important}
.loadout-controls{text-align:center;margin:24px auto}.loadout-controls .skill-loadout-tabs{justify-content:center;margin-bottom:20px}.loadout-controls .loadout-title{display:flex;justify-content:center;align-items:center;gap:8px;margin:30px 0 16px}.loadout-controls p{font-size:12px}.loadout-controls .skill-loadout-tab{min-width:112px}.loadout-controls .skill-loadout-tab small{display:block;font-size:11px;font-style:italic;margin-top:4px}.blue-button{background:linear-gradient(var(--blue),var(--darkblue));border:2px outset var(--blue);color:white;font-variant:normal}.unlock-loadout-popup{text-align:left;max-width:420px;margin:auto}.unlock-loadout-popup h2{text-align:center;color:var(--orange)}.unlock-loadout-popup p{margin:16px 0}.unlock-loadout-popup .unlock-level{color:var(--orange)}.unlock-loadout-popup .modal-actions{margin-top:50px}
@media(max-width:700px){.home-attributes .attributes-columns{grid-template-columns:1fr;gap:10px}.home-attributes .attributes-columns>div:nth-child(2) .attribute>span{flex-basis:128px}}

.skill-loadout-tabs .skill-loadout-tab.locked-loadout,.skill-loadout-tabs .skill-loadout-tab.locked-loadout:hover{border-color:#333;box-shadow:none;background:#151515;color:#888}.skill-loadout-tab.locked-loadout small{color:#888}.equipment-icon-only .equipment-owned-count{display:block;color:var(--green);font-size:12px;font-weight:normal;margin-top:4px;text-align:center}
.equipment-icon-only button{height:auto;min-height:84px}.equipment-icon-only .equipment-owned-count{white-space:normal;overflow-wrap:anywhere}
/* Dog presence, player actions and the shared mailbox. */
.profile-sidebar.home-profile h3{margin:8px 0 2px}.profile-sidebar>small{display:block;margin:0;font-size:12px}.profile-sidebar .meter-label{margin-top:16px;margin-bottom:4px}.profile-sidebar .meter{margin-top:0}.player-presence{font-size:12px;margin:10px 0 12px;text-align:center}.player-presence.online{color:#00cf00}.player-presence.idle{color:#d2c800}.player-presence.offline{color:#888}.profile-social-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:0 18px 14px}.profile-social-actions button{font-size:14px;padding:5px 8px}.profile-information .profile-stat-grid{max-width:none;grid-template-columns:1.6fr 1fr;column-gap:12px}.profile-stat-grid .attribute:nth-child(even)>span{flex-basis:82px}.profile-stat-grid .attribute:nth-child(odd)>span{flex-basis:128px}
.mail-toggle{position:absolute;top:8px;left:18px;background:none;border:0;padding:2px 8px;color:#eddbf4;font-size:24px;font-weight:normal;z-index:25}.mail-unread{position:absolute;top:0;right:-5px;background:#c40000;color:#fff;border-radius:10px;min-width:17px;padding:1px 4px;font:12px Arial,sans-serif}.mail-toggle:focus-visible{outline:1px solid var(--blue)}#mail-panel{position:absolute;top:0;left:10px;width:min(422px,calc(100vw - 20px));height:min(600px,85vh);background:#101010;border:1px solid #292929;z-index:40;display:flex;flex-direction:column;box-shadow:0 6px 14px #0008}#mail-panel[hidden]{display:none}.mail-tabs{display:flex;gap:0;align-items:center;border-bottom:1px solid #333;padding:7px 10px 16px}.mail-tabs>span{font-size:22px;color:#eddbf4;margin-right:10px}.mail-tabs button{background:none;border:0;color:#b6c9d6;font-size:14px;padding:7px 10px;font-variant:normal}.mail-tabs button.selected{border-bottom:2px solid var(--orange);color:white}.mail-tabs .mail-close{margin-left:auto}.mail-body{flex:1;overflow:auto;padding:10px;min-height:100px}.mail-message{padding:0 0 12px;margin-bottom:10px;border-bottom:1px solid #222;font-size:12px;text-align:left}.mail-message .text-link{color:white;text-decoration:none;font-size:14px;padding:0}.mail-message p{white-space:pre-wrap;overflow-wrap:anywhere;color:#bbb;line-height:1.2;margin:4px 0}.mail-message time{font-size:11px;color:#777}.mail-empty{color:#999;font-size:14px}#message-compose{padding:10px;border-top:1px solid #333;display:flex;flex-wrap:wrap;gap:8px}#message-compose select,#message-compose textarea{width:100%;font-size:14px;background:#161616;color:white;border:1px solid #444}#message-compose textarea{resize:vertical;max-height:160px}#message-compose button{margin-left:auto}.social-player-list{text-align:center;padding:20px}.social-player{display:inline-flex;vertical-align:top;flex-direction:column;align-items:center;gap:6px;padding:14px;margin:8px;background:#101010;border:1px solid #333;font-size:14px;font-variant:normal;font-weight:normal;min-width:150px}.social-player img{object-fit:contain}.social-player b{color:var(--orange)}.bite-activity{font-size:14px;color:#888}.bite-activity .bite-damage{color:red}.bite-activity b{color:#999}.profile-social-error{color:#ef7777;font-size:12px;margin:8px}
.solo-title{display:flex;align-items:center;justify-content:center;gap:20px;text-align:center;text-transform:uppercase;font-size:clamp(38px,5vw,80px);font-weight:900;color:#515757;margin:0 auto 10px}.solo-title:before,.solo-title:after{content:'';height:5px;width:75px;background:#414747}.solo-intro{font-size:14px;margin:5px}.solo-reset-note{text-align:center;font-size:12px;line-height:1.4;margin:3px}.solo-current{text-align:center;color:var(--blue);font-size:14px;margin:18px 0}.solo-track{width:min(440px,95vw);max-width:none;height:var(--track-height);padding-top:50px;margin:20px auto 60px;box-sizing:border-box}.solo-track:before{left:calc(50% - 11px);width:22px;top:0;bottom:0;background:linear-gradient(to bottom,var(--blue) 0,var(--blue) var(--progress),#454b4b var(--progress),#454b4b 100%);border-left:1px solid #666;border-right:1px solid #666}.solo-node{height:120px;justify-content:flex-start}.solo-node:after{top:48px;height:1px;width:calc(50% - 48px);background:#555}.solo-node.left:after{right:10px}.solo-node.right:after{left:10px}.solo-node.achieved:after{background:#555}.solo-node.current-reached:after{background:var(--blue)}.solo-node.achieved img{outline:1px solid var(--blue)}.solo-node span{font-size:12px}.solo-best-marker{position:absolute;left:calc(50% - 14px);top:var(--best);transform:translateY(-50%);border-top:1px solid var(--orange);padding:3px 0 0 30px;font-size:12px;white-space:nowrap;color:var(--orange);z-index:2}.solo-node button{position:relative;z-index:1}
.solo-title:before,.solo-title:after{display:none}.solo-title{display:block;margin:20px auto 12px}.solo-title img{display:block;width:min(100%,1200px);height:auto;margin:auto}
.best-show-title:before,.best-show-title:after{display:none}.best-show-title img{display:block;width:min(100%,1200px);height:auto;margin:auto}
.last-period-link{text-align:center;margin:8px 0}.last-period-link .text-link{font-size:14px}.previous-winners{display:flex;justify-content:center;gap:40px;list-style-position:inside;margin:24px auto}.previous-winners li{text-align:center}.previous-winners img{display:block;object-fit:contain;margin:auto}.previous-winners strong,.previous-winners span{display:block;margin:5px}
.leaderboard-tabs .text-link{color:var(--blue);text-decoration:underline}.leaderboard-tabs .text-link:is(.current,.selected),.leaderboard-tabs .text-link:is(.current,.selected):is(:hover,:focus,:active){color:var(--orange)}.last-period-link{margin:2px 0 20px}.last-period-link .text-link{font-size:12px;color:var(--blue);text-decoration:underline}
.top-level-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:18px;margin:24px auto}.top-level-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0;padding:16px 8px;background:none;border:0;border-radius:6px;font-variant:normal;font-weight:normal;color:white}.top-level-card img{object-fit:contain;margin-bottom:5px}.top-level-card>span{color:var(--blue);font-size:16px;overflow-wrap:anywhere}.top-level-card small{font-size:13px}.top-level-card.rank-1{background:#645d3c}.top-level-card.rank-2{background:#4a4a4a}.top-level-card.rank-3{background:#51413a}.rank-badge{position:absolute;top:0;left:0;padding:4px 8px;border-radius:6px 0;background:#282c2b;color:#bbb;font-size:12px}.top-level-card:hover>span{text-decoration:underline}@media(max-width:1400px){.top-level-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-width:900px){.top-level-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:550px){.top-level-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.dig-job-card{min-height:230px;padding:14px;border:1px solid #444;border-radius:12px}.dig-job-card .job-heading{align-items:flex-start}.dig-job-card .job-heading h3{margin:0}.dig-job-card .job-heading>button{margin-top:9px}.dig-job-card .job-body{margin:18px 0 0;line-height:1.45}.dig-job-card .job-requirements>div>span{color:var(--offwhite)}.dig-job-card .dig-permit-link{display:flex;align-items:center;justify-content:flex-end;gap:6px;max-width:210px;margin:3px 0 0 auto;text-decoration:none;font-weight:normal}.dig-job-card .dig-permit-link span{color:var(--offwhite);line-height:1.1;text-align:right}.dig-permit-link img{object-fit:contain;flex-shrink:0}.minigame-unlocks{text-align:center;color:var(--offwhite);font-size:16px;margin:16px 0 30px}@media(max-width:550px){.dig-job-card{min-height:230px}.dig-job-card .job-heading h3{font-size:18px}.dig-job-card .job-body{gap:12px;font-size:13px}.dig-job-card .dig-permit-link{max-width:175px}}
[data-page=leaderboard] .leaderboard-tabs .text-link{font-weight:400}[data-page=leaderboard] .leaderboard-tabs .text-link.current{color:var(--blue);font-weight:700}
/* Fill the track downward, then draw each earned branch toward its trophy. */
.solo-track:before{background:#454b4b}.solo-track:after{content:'';position:absolute;left:calc(50% - 10px);top:0;width:20px;height:var(--progress);background:var(--blue);transform-origin:top;animation:solo-waterfall 1.4s linear both;pointer-events:none}.solo-node.current-reached:after{background:#555}.solo-node.current-reached:before{content:'';position:absolute;top:48px;height:1px;width:calc(50% - 48px);background:var(--blue);z-index:1;animation:solo-branch .22s linear var(--branch-delay) both}.solo-node.left.current-reached:before{right:10px;transform-origin:right}.solo-node.right.current-reached:before{left:10px;transform-origin:left}.solo-node.current-reached img{animation:solo-highlight .22s linear calc(var(--branch-delay) + .22s) both}@keyframes solo-waterfall{from{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes solo-branch{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes solo-highlight{from{filter:grayscale(1);opacity:.45;outline:1px solid transparent;box-shadow:none}to{filter:grayscale(0);opacity:1;outline:1px solid var(--blue);box-shadow:0 0 5px #337ea944}}
.no-motion .solo-track:after,.no-motion .solo-node.current-reached:before,.no-motion .solo-node.current-reached img{animation:none}@media(prefers-reduced-motion:reduce){.solo-track:after,.solo-node.current-reached:before,.solo-node.current-reached img{animation:none}}
.home-journal .chat-compose{display:flex;align-items:flex-end;gap:8px;margin-top:8px}.home-journal .chat-compose textarea{flex:1;min-width:0;background:#141414;color:var(--offwhite);border:1px solid #444;padding:8px;font:14px Arial,sans-serif;resize:vertical}.home-chat-error{color:#ef7777;font-size:12px;margin-top:6px}.chat-box p span{white-space:pre-wrap;overflow-wrap:anywhere}.chat-box p b{color:var(--blue)}.fight-sections.bot-tiers{width:100%;max-width:none;flex-wrap:nowrap;justify-content:center;gap:6px;overflow-x:auto;padding-bottom:6px}.fight-sections.bot-tiers>.tablinks{flex:0 0 auto;white-space:nowrap;padding:8px 10px;font-size:13px}@media(max-width:1700px){.fight-sections.bot-tiers{justify-content:flex-start}}@media(max-width:700px){}
.home-journal h2{text-transform:uppercase;font-variant:normal;font-size:20px;font-weight:normal;color:#888;margin:0;text-align:center}.chat-online{text-align:center;color:#00cc00;font-size:12px;min-height:20px}.chat-online-count{background:none;border:0;color:#00cc00;padding:0;font-size:12px;font-weight:normal;font-variant:normal}.chat-online-names{display:none;color:#777;line-height:1.2;margin:3px 0;font-size:13px}.chat-online:hover .chat-online-names,.chat-online:focus-within .chat-online-names{display:block}.chat-online-names .text-link{color:#777;font-size:13px;text-decoration:none}.chat-online-names .text-link:hover{text-decoration:underline}.home-journal .chat-box{height:278px;min-height:278px;max-height:278px;border:1px solid #888;border-radius:0;padding:10px;overflow-y:auto;color:white}.chat-box p{font-size:14px;margin:5px 0 14px;line-height:1.15}.chat-box p time{color:#888;font-size:11px}.chat-author{padding:0;background:none;border:0;font-variant:normal;font-weight:normal;font-size:14px;color:var(--orange)}.chat-date{text-align:center;font-size:14px;font-weight:bold;color:#888;margin:12px 0}.home-journal .chat-compose{display:grid;grid-template-columns:4.2fr 1fr;gap:10px;margin-top:10px;align-items:stretch}.home-journal .chat-compose textarea{height:32px;min-height:32px;padding:5px;background:#101010;border:1px solid #888}.home-journal .chat-compose button{background:#101010;border:1px solid #888;font-variant:normal;font-weight:normal;font-size:14px;color:white}.activity-group-tabs{gap:22px}.activity-group-tabs .activity-group{gap:5px}.activity-group-tabs .activity-group>span{font-size:16px;font-weight:bold}.activity-list{max-height:400px!important;overflow:auto}
.scroll-top{position:fixed;right:18px;bottom:14px;z-index:30;font-size:14px;padding:4px 10px;font-weight:normal}.scroll-top[hidden]{display:none}.changelog-section{margin:32px auto 18px;color:#888;font-size:14px;max-width:1700px}.changelog-section>h2{text-align:center;border-bottom:1px solid #222;font-size:20px;margin-bottom:16px}.changelog-section ul,.historical-changelogs ul{padding-left:22px;line-height:1.3}.changelog-section .text-link{color:#777;font-size:14px;margin-top:12px;text-decoration:none}.changelog-section .text-link:hover{text-decoration:underline}.historical-changelogs{max-width:900px;margin:22px auto;text-align:center;color:#888;font-size:14px}.historical-changelogs h2{font-size:20px;margin-bottom:16px}.changelog-history-scroll{text-align:left;max-height:65vh;overflow:auto;margin-bottom:16px}.changelog-history-scroll>ul>li{margin-bottom:20px}
.activity-table{width:100%;border-collapse:collapse;color:#888;font-size:14px}.activity-table th{font-weight:normal;border-bottom:1px solid #777;padding:6px 10px}.activity-table td{border-bottom:1px solid #333;padding:4px 10px;vertical-align:top;text-align:center}.activity-table td:first-child{width:17%;white-space:nowrap}.activity-table td:nth-child(2){text-align:left}.battle-activity td:nth-child(2){text-align:center}.battle-legend{font-size:13px;color:#888;text-align:center;margin:2px 0 6px}.battle-legend>span,.battle-dead{color:red}.battle-winner{font-weight:bold}.hit-event,.hit-status{color:var(--orange)}.activity-list{padding:4px 0;color:#888;min-height:160px}.activity-list>p{font-size:14px}.hitlist-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:18px 0 12px;font-size:14px}.hitlist-heading>div:last-child{font-variant:small-caps;white-space:nowrap}.hitlist-heading span{color:var(--green)}.hitlist-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-height:70vh;overflow:auto}.hit-card{display:flex;gap:16px;align-items:center;justify-content:space-between;border:1px solid #444;border-radius:12px;padding:16px;min-height:130px;font-size:14px}.hit-card>img{object-fit:contain}.hit-card>div:last-child{display:flex;flex-direction:column;gap:8px}.hit-card strong{color:var(--green)}.hit-empty{display:flex;flex-direction:column;justify-content:center;gap:4px;text-align:center}.hit-empty h2{font-weight:bold;color:white;font-variant:normal;font-size:18px}.hit-error{color:#ef7777}.pvp-result{font-size:14px;max-height:50vh;overflow:auto}.pvp-result .combat-player{color:var(--blue)}.pvp-result .combat-enemy{color:var(--orange)}@media(max-width:700px){.hitlist-heading{align-items:flex-start;flex-direction:column}.hitlist-cards{grid-template-columns:1fr}.activity-table{min-width:650px}.activity-group-tabs{flex-wrap:wrap;gap:10px}}

dialog.game-popup{position:fixed;inset:calc(clamp(32px,25dvh,260px) + var(--popup-offset,0px)) auto auto 50%;transform:translateX(-50%);margin:0;box-sizing:border-box;max-width:calc(100vw - 32px);max-height:calc(100dvh - clamp(32px,25dvh,260px) - var(--popup-offset,0px) - 16px);pointer-events:auto;box-shadow:0 8px 24px #0008}
dialog.game-popup::backdrop{display:none;background:transparent;pointer-events:none}.job-mastery-content{text-align:center}.job-mastery-content .dig-found-item{display:flex;flex-direction:column;align-items:center;margin:16px auto;gap:8px;background:none;border:0}.job-mastery-content .popupCloseBtn{margin:12px auto}.job-mastery-content h2{color:white;font-size:17px}

.milestone-rewards{text-align:center;padding:16px;border-top:1px solid #333}.milestone-rewards h3{color:#ff9000}.milestone-rewards .dig-found-item{display:flex;flex-direction:column;align-items:center;gap:8px;margin:12px auto;background:none;border:0}

.solo-node:not(.current-reached) img{filter:grayscale(1);opacity:.45}.no-motion .solo-node.current-reached img{filter:none;opacity:1}@media(prefers-reduced-motion:reduce){.solo-node.current-reached img{filter:none;opacity:1}}

[data-page=character] .dog-tabs{margin:0 auto 12px;gap:4px}[data-page=character] .dog-tabs button{padding:2px 5px;font-size:13px;font-variant:small-caps}[data-page=character] .trait-balance{font-size:16px;margin:10px auto 14px}.reference-upgrades th{padding:14px 10px;font-size:13px;border:0}.reference-upgrades td{padding:10px 12px;font-size:13px;font-weight:normal;height:44px;box-sizing:border-box}.reference-upgrades td:first-child{width:13%;text-align:left;padding-left:4%}.reference-upgrades td:nth-child(2){width:9%}.reference-upgrades td:nth-child(3){width:9%}.reference-upgrades td:last-child{width:69%;font-size:12px;line-height:1.4}.reference-upgrades .upgrade-actions button{font-size:13px;padding:3px 12px;font-variant:small-caps}.reference-upgrades .primary-trait td:first-child,.reference-upgrades .primary-trait td:nth-child(2){font-weight:normal}.reference-upgrades .primary-star,.primary-trait-note .primary-star{color:var(--blue);font-weight:normal}.primary-trait-note{font-size:12px;margin:24px auto;line-height:1.5}

.required-boss{margin:8px 0 16px}.required-boss>p{color:#ad2929;font-size:14px;font-style:italic;font-weight:bold;margin:0 0 8px}.required-boss>div{display:flex;align-items:center;gap:8px;padding-left:8px}.required-boss img{width:64px;height:64px;object-fit:contain}.required-boss span{color:var(--orange);font-size:14px;font-variant:small-caps;line-height:1.3}.boss-next-unlock{text-align:center;font-size:16px;font-style:normal;color:var(--offwhite);margin:8px auto 24px}.boss-next-unlock span{color:var(--orange)}.training-detail-icon img{width:96px;height:96px}.training-detail-row>button{background:linear-gradient(#337fa5,#1c465d);border-color:#5c8c9f #15394b #15394b #5c8c9f}.training-detail-icon small{color:#e44848}#nav .nav-button{font-size:15px;line-height:1.15;padding:5px 8px;min-height:28px}.header-stats{border:2px solid;border-color:#414545 #292c2c #202323 #383c3c;box-shadow:inset 0 1px 0 #181a1a,inset 0 -1px 0 #090a0a}

/* Navigation and top stats matched to the supplied shared stylesheet. */
#nav .nav-button{display:inline-block;background:linear-gradient(0deg,rgb(40,45,46) 0%,rgb(77,83,84) 100%);font-family:Arial,sans-serif;font-variant:small-caps;padding:3px 6px;margin:0 0 2px;color:#fff;font-weight:bold;font-size:15px;line-height:normal;min-height:0;border:1px solid;border-color:rgb(77,83,84) rgb(40,45,46) rgb(40,45,46) rgb(77,83,84);border-radius:0;box-shadow:none}
#nav .nav-button.active,#nav .nav-button:hover:not(:disabled){border-color:#fff;filter:none;background:linear-gradient(0deg,rgb(40,45,46) 0%,rgb(77,83,84) 100%)}
.header-stats{color:#fff;font-size:14px;text-align:center}.header-stats>div:first-child{font-size:14px;font-weight:bold}.header-stats>div:first-child strong,.header-stats .level-hover>strong{color:rgb(250,125,0)}.header-stats .meter-label,.header-stats .meter-label b{font-size:14px;font-weight:normal}.header-stats .bar{height:4px;background:rgb(55,85,105)}.header-stats .bar i{height:4px;background:rgb(250,125,0)}.header-stats .level-hover>small{font-size:11px}
@media(max-width:650px){.header-stats,.header-stats .meter-label,.header-stats .meter-label b{font-size:12px}}
#nav .nav-button{box-sizing:content-box;height:17px;min-height:17px;appearance:none}

/* Keep notifications and the hitlist centered across screen sizes. */
#toast{top:clamp(32px,25dvh,260px);bottom:auto;text-align:center}
.hitlist-heading{flex-direction:column;align-items:center;text-align:center;gap:12px}
.hitlist-heading>div:last-child{white-space:normal}
.hitlist-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.hitlist-cards:has(>.hit-card:only-child){grid-template-columns:minmax(0,580px);justify-content:center}
.hit-card{min-width:0}
@media(max-width:700px){.hitlist-cards{grid-template-columns:minmax(0,1fr)}.hit-card{flex-wrap:wrap;justify-content:center;text-align:center}}

.boss-tactic{max-width:900px;margin:18px auto;text-align:center;font-size:14px;line-height:1.5;color:var(--offwhite)}.boss-tactic strong{color:var(--orange)}

/* The original envelope remains above the open panel, so it toggles both ways. */
.mail-toggle{z-index:41}.mail-envelope-space{display:inline-block;flex:0 0 26px;height:28px}
.ranking-champion.podium-second{left:17%;bottom:26%}.ranking-champion.podium-third{left:83%;bottom:21%}

/* Reference hitlist: heading left, totals right, cards in two equal columns. */
[data-page=hitlist] .main{width:86%;max-width:none;padding:0 0 24px}
.hitlist-heading{flex-direction:row;justify-content:space-between;align-items:flex-end;text-align:left;gap:24px;margin:18px 4px 12px}
.hitlist-heading h1{font-size:24px;margin:0}.hitlist-heading p{margin:0;font-size:14px}
.hitlist-cards,.hitlist-cards:has(>.hit-card:only-child){grid-template-columns:repeat(2,minmax(0,1fr));justify-content:normal;gap:18px}
.hit-card{min-height:132px}.hit-empty{align-items:center}.hit-empty h2,.hit-empty p{margin:0}
.game-announcement{text-align:center;color:var(--orange);font:12px/1.5 Arial,sans-serif;margin:12px auto 20px;padding:0 16px;white-space:pre-wrap}
.game-announcement a{color:#2699db;text-decoration:underline;font-weight:bold}
#announcement-editor{margin-bottom:24px}#announcement-editor>label{display:block;margin:12px 0}#announcement-editor input:not([type=checkbox]),#announcement-editor textarea{display:block;width:100%;margin-top:6px;padding:8px;font:inherit}#announcement-editor p{font-size:14px}
@media(max-width:700px){.hitlist-heading{flex-direction:column;align-items:flex-start;gap:10px}.hitlist-cards,.hitlist-cards:has(>.hit-card:only-child){grid-template-columns:minmax(0,1fr)}}

.home-profile h3,.profile-sidebar.home-profile h3{margin:8px 0 2px;line-height:20px}
.home-profile>small,.profile-sidebar>small{display:block;margin:0;font-size:12px;line-height:16px}
.home-profile .meter-label,.profile-sidebar .meter-label{margin-top:14px;margin-bottom:4px}
.home-profile .full-profile-link{margin-top:8px}.profile-sidebar .player-presence{margin-top:8px;margin-bottom:8px}

.home-journal>h2,.home-journal>#chat-online{position:relative;top:4px}

/* Free space stays above the conversation; overflowing history remains reachable. */
.home-journal .chat-box{justify-content:flex-start;overflow-anchor:none}
.home-journal .chat-box>*{flex:0 0 auto}
.home-journal .chat-box>:first-child{margin-top:auto}
.home-journal .chat-box>.chat-date{text-align:center;width:100%}
.home-journal .chat-box>[data-message-id]{overflow-wrap:anywhere}

body,button,input,select,textarea,dialog{font-family:Arial,sans-serif}

.header-profile-link{background:none;border:0;padding:0;color:var(--orange);font-size:inherit;font-weight:bold;font-variant:normal;line-height:inherit}.header-profile-link:hover,.header-profile-link:focus-visible{text-decoration:underline}



:root{--announcement-color:#d5921f}.game-announcement{color:var(--announcement-color)}

.chat-author,.header-profile-link,.home-profile h3,.profile-sidebar h3,button[data-social=profile],.ranking-places button,.top-level-card>span,.player-side .portrait>strong{color:#fa7d00}


.special-stat[title="Special Attack"]{color:#fa7d00!important}

.slots .slot img,.slots .empty-icon,.profile-skill-card>img,.profile-skill-card>.profile-empty-skill{width:64px;height:64px;min-width:64px;max-width:64px;min-height:64px;max-height:64px;flex:0 0 64px;object-fit:contain}
.profile-skill-card{width:64px;min-width:64px;height:78px;min-height:78px;max-height:78px}.my-skills-layout .slot{height:81px}

/* Fight-grid structure from the supplied reference. */
@media(min-width:1000px){
.arena,.combat-lower{width:92%;max-width:1880px;grid-template-columns:minmax(0,1fr) minmax(236px,.8fr) minmax(0,1fr);column-gap:24px}
.arena{min-height:238px;align-items:start}.combat-lower{margin-top:28px}
.arena .combatant{flex-direction:row;gap:10px;align-items:flex-start}.arena .opponent-side{flex-direction:row-reverse}
.arena .portrait{width:138px;flex:0 0 138px}.arena .portrait img{width:128px;height:128px;margin-bottom:10px}
.arena .combat-stats{order:initial;text-align:left}.arena .combat-stats>div{justify-content:space-between;gap:6px}.arena .combat-stats>div>span{max-width:none;text-align:right}
.arena .opponent-side .combat-stats{text-align:right}
.battle-center{width:100%;height:238px;border:0;padding:16px 0 0;gap:0}.battle-center .dice-row{margin:13px 0 12px;gap:10px}.battle-center .battle-buttons{margin-top:16px}.battle-center .energy-cost{margin-top:12px}
.combat-lower .skill-side>.section-label{text-align:left}.combat-lower .enemy-skills>.section-label{text-align:right}
.combat-lower .skill-side>.slots{margin-left:0;margin-right:auto}.combat-lower .enemy-skills>.slots{margin-left:auto;margin-right:0}
}
.combat-lower .slots{grid-template-columns:repeat(8,32px);width:284px;max-width:none;padding:0;gap:10px 4px}
@media(max-width:620px){.combat-lower{width:100%;grid-template-columns:minmax(0,1fr)}.combat-lower .combat-log{grid-row:2;grid-column:1}.combat-lower .enemy-skills{grid-row:3}.combat-lower .skill-side{min-width:0}}

/* Full-size character portraits. */
.home-profile>img,.profile-sidebar>img,.arena .portrait img{width:256px;height:256px;max-width:none;object-fit:contain}
.arena .portrait{width:256px;flex:0 0 256px}.home-profile{min-width:256px}
@media(min-width:1101px){.home-layout{grid-template-columns:256px minmax(320px,1.15fr) minmax(300px,1fr)}}
@media(min-width:651px) and (max-width:1100px){.home-layout{grid-template-columns:256px minmax(0,1fr)}}
@media(max-width:1499px){.arena .combatant,.arena .opponent-side{flex-direction:column;align-items:center}.arena .combat-stats{order:initial;width:100%;text-align:center}.arena .portrait{flex-basis:auto}}
@media(max-width:620px){.arena{width:100%;grid-template-columns:minmax(0,1fr)}.arena .player-side{grid-row:1}.arena .battle-center{grid-row:2;grid-column:1}.arena .opponent-side{grid-row:3}.home-profile{max-width:256px}}

/* Online hover list follows the supplied name-color convention. */
.chat-online-names{color:rgb(136,136,136)}
.chat-online-names .text-link,.chat-online-names .text-link:hover,.chat-online-names .text-link:focus-visible{font-weight:normal;text-decoration:underline;color:rgb(136,136,136)}
.chat-online-names .chat-presence-idle{color:rgb(100,100,100)!important}

#nav{margin-bottom:6px}.game-announcement{margin-top:4px}

.profile-equipment-scroll .profile-item-group>h3{font-variant:small-caps;font-size:15px}

.game-header{padding-top:38px}.header-actions{position:absolute;top:8px;right:16px;display:flex;gap:10px;align-items:center}
.header-actions button,.header-actions a{display:inline-block;background:linear-gradient(#337fa5,#1c465d);border:1px solid;border-color:#5c8c9f #15394b #15394b #5c8c9f;color:white;padding:3px 12px;font:700 15px/1.15 Arial,sans-serif;font-variant:normal;text-decoration:none;cursor:pointer}
.header-actions button:hover,.header-actions a:hover{filter:brightness(1.15)}
@media(max-width:420px){.header-actions{right:8px;gap:6px}.header-actions button,.header-actions a{font-size:12px;padding:4px 7px}}

.activity-list>p.pinned-announcement{display:block;margin:4px 0 8px;font:14px/1.25 Arial,sans-serif;color:#53616a}.pinned-announcement time{display:inline;min-width:0;margin-right:4px;color:#888}.pinned-announcement .announcement-badge{display:inline-block;border:1px solid #777;border-radius:10px;padding:1px 6px;margin-right:6px;color:#fa7d00;font:bold 11px/1.2 Arial,sans-serif;white-space:nowrap;vertical-align:1px}.pinned-announcement strong{color:#888;font-weight:bold;margin-right:12px}

/* Compact bot portraits and full-width spacing from the fight reference. */
.arena.bot-fight .portrait img{width:128px;height:128px;margin-bottom:10px;object-fit:contain}
.arena.bot-fight .portrait{width:clamp(160px,12.5vw,300px);flex:0 0 clamp(160px,12.5vw,300px)}
@media(min-width:1101px){
.arena.bot-fight{width:100%;max-width:none;margin:0;grid-template-columns:minmax(0,1fr) 244px minmax(0,1fr);column-gap:28px;min-height:276px;align-items:start}
.arena.bot-fight .combatant{flex-direction:row;align-items:flex-start;gap:10px}
.arena.bot-fight .opponent-side{flex-direction:row-reverse}
.arena.bot-fight .combat-stats{width:auto;max-width:410px;text-align:left;order:initial}
.arena.bot-fight .opponent-side .combat-stats{text-align:right}
.arena.bot-fight .combat-stats>div{justify-content:space-between;gap:8px}
.arena.bot-fight .combat-stats>div>span{max-width:none;text-align:right}
.arena.bot-fight .battle-center{width:244px;height:276px;border:2px solid;border-color:var(--blue) var(--orange) var(--orange) var(--blue);padding:16px 10px;gap:4px}
.arena.bot-fight .battle-center .battle-buttons{margin-top:0}
.arena.bot-fight .battle-center .energy-cost{margin-top:6px}
.combat-lower.bot-fight{width:100%;max-width:none;margin:28px 0 0;grid-template-columns:284px minmax(0,1fr) 284px;column-gap:0}
.combat-lower.bot-fight .skill-side>.slots{margin-left:0;margin-right:auto}
.combat-lower.bot-fight .enemy-skills>.slots{margin-left:auto;margin-right:0}
}
@media(max-width:1100px){.arena.bot-fight .portrait{width:160px;flex-basis:auto}}

/* Keep bot combat near the viewport edges, without legacy side insets. */
[data-page=arena] .main:has(.arena.bot-fight){width:100%;max-width:none;padding-left:16px;padding-right:16px}
.arena.bot-fight .player-side,.arena.bot-fight .opponent-side{padding-left:0;padding-right:0}
@media(min-width:1101px){.arena.bot-fight .player-side{justify-content:flex-start}.arena.bot-fight .opponent-side{justify-content:flex-start}.arena.bot-fight,.combat-lower.bot-fight{width:100%;max-width:none;margin-left:0;margin-right:0}}

/* Share Home header spacing across every navigation page. */
@media(min-width:701px){.game-header{padding-top:20px}}

/* Shared charcoal-black background with a subtle sheen on every page. */
:root{--backgroundblue:#0d0d0d}
body{background-color:#0d0d0d;background-image:radial-gradient(ellipse 85% 360px at 50% 0,rgba(255,255,255,.025),transparent 100%),linear-gradient(180deg,#121212 0,#0d0d0d 480px);background-attachment:fixed}
.shell,.main,#content{background:transparent}

dialog.game-popup:has(.daily-login-popup){width:316px;padding:20px 24px;border:2px solid #3282a7;border-radius:0;background:#101010;color:white;box-shadow:none;font:16px/1.25 Arial,sans-serif}
dialog.game-popup:has(.daily-login-received){width:254px}
.daily-login-popup{text-align:center}.daily-login-popup>b{display:block;text-align:left;margin-left:15px;font-size:16px}.daily-login-popup p{margin:16px 0;color:white;font-size:16px;line-height:1.25}.daily-login-popup .popupCloseBtn{display:inline-block;margin:0 auto;padding:4px 12px;min-width:74px;border:2px solid;border-color:#e6a448 #9b321d #9b321d #e6a448;border-radius:0;background:linear-gradient(#ffa40a,#f27600);color:black;font:700 16px/1 Arial,sans-serif;font-variant:small-caps;cursor:pointer}

/* Login dialogs sit between upper-middle and center. */
dialog.game-popup:has(.daily-login-popup){top:calc(38dvh + var(--popup-offset,0px));max-height:calc(62dvh - var(--popup-offset,0px) - 16px)}

.training-purchase{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px}.training-purchase .training-price{margin:0;color:white;font:14px/1.25 Arial,sans-serif}.training-price span{color:#00ef00}.training-purchase>button{background:linear-gradient(#337fa5,#1c465d);border-color:#5c8c9f #15394b #15394b #5c8c9f}@media(max-width:700px){.training-purchase{grid-column:2}}

.quick-spell-upgrade{width:84%;margin:18px auto 24px;border:1px solid #292d2e;padding:32px 24px;scroll-margin-top:12px}.quick-spell-inner{max-width:820px;margin:auto}.quick-spell-success{font-size:13px;margin:0 0 12px}.quick-spell-success>b{color:var(--blue);font-size:16px}.quick-spell-upgrade .training-detail-row{grid-template-columns:170px minmax(0,1fr) 150px;gap:24px;padding:0;margin:0}.quick-spell-next{color:#888;font-size:13px;margin:16px 0}.quick-spell-upgrade .training-detail-icon{font-variant:small-caps;color:var(--orange)}.quick-spell-upgrade .training-detail-icon small{font-size:12px;font-style:italic}@media(max-width:800px){.quick-spell-upgrade{width:100%;padding:20px 12px}.quick-spell-upgrade .training-detail-row{grid-template-columns:96px minmax(0,1fr);gap:16px}.quick-spell-upgrade .training-purchase{grid-column:2}}
.training-views .text-link.current,.training-views .text-link.current:hover,.training-views .text-link.current:focus-visible{color:#fff}

.dig-announcement-item{font-weight:bold}.dig-announcement-item.rarity-legendary{color:#943cdb}.dig-announcement-item.rarity-mythic{color:#800000}

/* Keep staggered combat narration close to the centered result. */
.combat-lower .combat-log .log{width:100%;max-width:480px;margin-inline:auto;padding:16px 10px;}

.battle-center>h1,.battle-center>small{color:rgb(200,222,235);user-select:none}.battle-center>h1{font-size:18px}.battle-center>small{font-size:10px}

#headerStats{margin-top:-12px}

.bot-tiers .bot-tab.locked-tier{filter:grayscale(1);color:#777;opacity:.6}.bot-tier-preview.locked-tier-preview{filter:grayscale(1);color:#777}.bot-tier-preview.locked-tier-preview .bot-lineup{opacity:.4}.bot-tier-preview.locked-tier-preview .fightButton{color:#777}

.born-date{color:#fff!important}

.side-bosses>h2{text-align:center}

/* Compact tier previews with visible level requirements. */
.fight-sections.bot-tiers{gap:8px}.fight-sections.bot-tiers>.bot-tab{padding:8px 16px;min-height:35px;font:700 13px Arial,sans-serif}.bot-tiers .bot-tab.locked-tier,.bot-tiers .bot-tab.locked-tier.active{filter:none;opacity:1;color:#555;background:#101010;border-color:#242424}.bot-tiers .bot-tab.locked-tier .bot-tag{color:#555;border-color:#555}.bot-tiers .bot-tab.locked-tier .bot-xp{color:#555}.bot-tiers .bot-tab.locked-tier:hover{border-color:#444}
.bot-tier-preview{width:min(100%,750px);margin:10px auto 36px;text-align:center}.bot-tier-preview>p{margin:0;color:rgb(200,222,235);font:12px/1.2 Arial,sans-serif}.bot-lineup{max-width:650px;gap:8px;margin:18px auto 24px}.bot-lineup img{height:120px;max-width:120px}.bot-tier-preview.locked-tier-preview{filter:none}.bot-tier-preview.locked-tier-preview .bot-lineup{filter:grayscale(1);opacity:.25}.bot-tier-preview .fightButton{padding:3px 13px;font:700 16px/1.2 Arial,sans-serif;font-variant:small-caps}.bot-tier-preview.locked-tier-preview .fightButton:disabled{opacity:1;color:#111;background:linear-gradient(#df7906,#c46b00 55%,#a73520);border:2px solid;border-color:#c88b43 #873626 #7e2424 #c88b43;cursor:default}
@media(max-width:700px){.bot-lineup img{height:100px}.fight-sections.bot-tiers>.bot-tab{padding:8px 12px}}

.side-bosses{margin-top:6px}.side-bosses>h2{margin:0 0 12px;text-align:center;font:700 12px/1.2 Arial,sans-serif;color:#8fadc1;text-transform:none;font-variant:normal}

.fight-sections.bot-tiers>.tablinks:not(.locked-tier),.fight-sections.bot-tiers>.bot-tab:not(.locked-tier) .bot-tier-name{color:#fff}.fight-sections.bot-tiers>.bot-tab.locked-tier .bot-tier-name{color:#555}

.side-bosses{margin-top:-6px}.side-bosses>h2{font:400 12px/1.2 Arial,sans-serif;color:rgb(200,222,235);margin-bottom:12px}

.player-directory-controls{text-align:center;margin:8px auto 20px;font-family:Arial,sans-serif}.player-directory-controls>p{font-size:12px;color:#c8deeb;margin:0 0 8px}.player-filter-tabs{display:flex;justify-content:center;gap:4px}.player-filter-tabs button{font:700 13px/1.2 Arial,sans-serif;font-variant:small-caps;color:#fff;background:#101010;border:1px solid #303536;padding:5px 10px;border-radius:0}.player-filter-tabs button.active{color:#9cb6ca;background:#1d252b;border-color:#3981a6}.player-sort-links{display:flex;justify-content:center;align-items:center;gap:7px;flex-wrap:wrap;margin:7px 0 4px;font-size:13px}.player-sort-links button{font:400 13px Arial,sans-serif;padding:0;border:0;background:none;color:#2985b7;font-variant:normal}.player-sort-links button.active{font-weight:bold;color:#e59600}.player-sort-links>span{color:#333}.player-attackable{display:flex;justify-content:center;align-items:center;gap:6px;font-size:12px;color:#666}.player-attackable input{width:15px;height:15px;margin:0;accent-color:#3d505b}.player-empty{text-align:center;color:#888;font-size:13px}

.fight-sections+.social-player-list{padding-top:0;margin-top:-6px}.fight-sections+.social-player-list .player-directory-controls{margin-top:0}

.fight-sections.bot-tiers{margin-bottom:4px;padding-bottom:0}.fight-sections+.social-player-list,.fight-sections+.side-bosses,.fight-sections+.bot-tier-preview{margin-top:4px}

.bot-tier-avatar{display:inline-block;width:128px;height:128px;flex-shrink:0;background-size:300% 200%;background-repeat:no-repeat;vertical-align:bottom}.bot-lineup .bot-tier-avatar{width:19%;max-width:120px;height:auto;aspect-ratio:1;flex-shrink:1}.portrait>.bot-tier-avatar{margin-bottom:5px}@media(max-width:700px){.bot-lineup .bot-tier-avatar{max-width:100px}}

.message-delivery{font:11px Arial,sans-serif;color:#888}.message-delivery button{font-size:11px}

.mail-toggle{color:rgb(200,222,235)}

.skill-map-group{text-align:center;color:var(--orange);font-size:20px;font-variant:small-caps;font-weight:400;margin:20px 0 12px}

.level-up-refilled{color:var(--green);font-size:12px;margin-bottom:10px}

/* Keep the best value outside the trophy lanes; its tick stays on the bar. */
.solo-personal-best{text-align:center;color:var(--orange);font-size:12px;margin:6px 0 0}
.solo-best-marker{left:calc(50% - 14px);width:28px;height:0;padding:0;transform:none;border-top:1px solid var(--orange);pointer-events:none}

.solo-personal-best{color:rgb(250,125,0);font-family:Arial,sans-serif;font-size:12px;font-weight:400;font-variant:normal;line-height:normal}
.solo-best-marker{color:rgb(250,125,0);border-top-color:rgb(250,125,0)}

.solo-current{font-family:Arial,sans-serif;font-size:0.9em;font-weight:bold;font-variant:normal;color:rgb(50,125,175)}

.mail-toggle{color:#c8deeb;line-height:1;padding:5px 8px}
.mail-envelope-icon{display:block;width:28px;height:22px;filter:drop-shadow(0 1px 1px #0005)}

.mail-envelope-icon{width:22px;height:16px;filter:drop-shadow(0 1px 1px #0003)}

.side-boss-next{text-align:center;color:var(--offwhite);font-size:14px;margin:20px 0}.side-boss-next span{color:var(--orange)}

/* Fixed three-name boss pager, matching the supplied navigation recording. */
.main-boss-navigation{display:flex;flex-wrap:nowrap;width:min(740px,100%);margin:0 auto 14px;gap:12px;font:14px Arial,sans-serif;line-height:20px}
.main-boss-navigation button{font:inherit;font-variant:normal;background:none;border:0;padding:0;color:#888;white-space:nowrap;min-width:0;opacity:1}
.main-boss-navigation button.selected{color:#fff}.main-boss-navigation button:hover:not(:disabled){color:#fff;filter:none}
.main-boss-navigation .boss-page-arrow{flex:0 0 20px;font-size:16px}.main-boss-navigation .boss-page-arrow:disabled{visibility:hidden}
.boss-name-window{flex:1;min-width:0;overflow:hidden}.boss-name-group{display:grid;grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr) 16px minmax(0,1fr);align-items:center;gap:8px;text-align:center}.boss-name-group span{color:#888}.boss-name-group button{overflow:hidden;text-overflow:ellipsis;height:24px}
@media(max-width:600px){.main-boss-navigation{gap:4px;font-size:12px}.boss-name-group{gap:3px;grid-template-columns:minmax(0,1fr) 10px minmax(0,1fr) 10px minmax(0,1fr)}}

/* Obsidian Secret rarity remains readable against the dark game surface. */
.rarity-secret,.dig-announcement-item.rarity-secret{color:#101014;font-weight:700;text-shadow:-1px 0 #c8cbd3,1px 0 #c8cbd3,0 -1px #c8cbd3,0 1px #c8cbd3,0 0 5px #a7aab966}
dialog:has(.dig-reward-popup[data-rarity="secret"]){border:3px solid #17171d;outline:1px solid #b8bdc9;box-shadow:0 0 18px #b6bbca33}

[data-editable-loadout] .slot.drag-over{outline:2px solid var(--orange);background:#283b43}[data-editable-loadout] [draggable="true"]{cursor:grab}[data-editable-loadout] [draggable="true"]:active{cursor:grabbing}

/* Breed selection mirrors the compact five-card reference. */
.breed-selection{max-width:1480px;width:calc(100% - 48px);margin:0 auto;padding:0 0 56px;font-family:Arial,sans-serif;color:var(--offwhite)}
.breed-wordmark{text-align:center;font-size:64px;line-height:.85;font-weight:900;font-variant:small-caps;letter-spacing:-2px;background:linear-gradient(#666,#303536);background-clip:text;-webkit-background-clip:text;color:transparent;margin:0 0 18px}
.breed-selection>h1{font:700 26px/31px Arial,sans-serif;color:var(--offwhite);text-align:center;margin:0 0 6px}
.breed-primary-note{text-align:center;font-size:12px;line-height:16px;margin:0 0 20px}.breed-primary-note strong{color:var(--orange)}
.breed-selection-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.breed-card{background:#050505;border:1px solid #282d2e;border-radius:8px;overflow:hidden;box-shadow:0 8px 16px #0003;text-align:left;min-width:0}.breed-card.chosen{border-color:#9eb8cd;box-shadow:0 0 0 1px #9eb8cd,0 8px 16px #0003}
.breed-card-header{display:flex;align-items:center;gap:10px;padding:10px 11px;height:106px;box-sizing:border-box}.breed-card-header img{width:86px;height:86px;object-fit:contain;flex:none}.breed-card-header h2{font:700 16px/19px Arial,sans-serif;color:var(--offwhite);margin:0 0 4px}.breed-card-header p{font:12px/15px Arial,sans-serif;color:var(--orange);margin:0 0 6px}
.breed-select{font:12px/16px Arial,sans-serif;font-variant:normal;background:#101212;color:var(--offwhite);border:1px solid #282d2e;padding:0 8px;cursor:pointer}.breed-select[aria-pressed=true]{font-weight:bold;color:white}.breed-select:focus-visible{outline:2px solid var(--offwhite);outline-offset:3px}
.breed-starting-stats{border-top:1px solid #181b1c;border-bottom:1px solid #181b1c;padding:6px 11px;font:12px/17px Arial,sans-serif}.breed-starting-stats .primary-trait{color:var(--orange);font-weight:bold}
.breed-unique-skill{padding:7px 11px 9px}.breed-unique-skill h3{font:700 11px/14px Arial,sans-serif;text-transform:uppercase;letter-spacing:.2px;color:#91a5af;margin:0 0 4px}.breed-unique-skill>div{width:54px;height:54px;border:1px dashed #181b1c;display:flex;align-items:center;justify-content:center;text-align:center;color:#82919b;font:10px/11px Arial,sans-serif}
.breed-confirm{display:flex;align-items:center;flex-direction:column;gap:10px;margin-top:38px}.breed-confirm label{font:12px Arial,sans-serif}.breed-confirm #catName{width:160px;padding:3px 6px;margin-left:6px}.breed-confirm>.blue-button{font:700 16px/20px Arial,sans-serif;font-variant:normal;padding:2px 12px}.breed-confirm>.text-link{font-size:11px;color:#82919b}
@media(max-width:1100px){.breed-selection-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.breed-selection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.breed-selection{width:calc(100% - 24px)}.breed-wordmark{font-size:48px}.breed-card-header{gap:6px;padding:8px}.breed-card-header img{width:64px;height:80px}.breed-card-header h2{font-size:14px}}@media(max-width:420px){.breed-selection-grid{grid-template-columns:1fr}}
.game-popup:has(.side-boss-victory),.game-popup:has(.level-up-popup){width:min(560px,94vw);box-sizing:border-box;background:#101010;border:2px solid var(--blue);padding:18px 40px;color:white}
.side-boss-victory h2{font:bold 16px/20px Arial,sans-serif;color:white;margin:0 0 14px;font-variant:normal}.side-boss-payout{display:flex;justify-content:space-between;gap:14px;font:16px/20px Arial,sans-serif}.side-boss-payout span:nth-child(2){color:var(--green)}.side-boss-payout span:nth-child(3){color:var(--orange)}.side-boss-victory footer{text-align:center;margin:32px 0 0}.side-boss-extra{font-size:12px;margin:12px 0 0}
.level-up-popup .level-up-greeting{font:bold 20px/24px Arial,sans-serif}.level-up-refilled{font:italic 13px/18px Arial,sans-serif;color:var(--green);margin:0 0 16px}.level-up-popup .level-up-refill{font:700 12px/16px Arial,sans-serif;color:var(--darkorange)}
.level-up-close .popupCloseBtn,.side-boss-victory .orange-button{background:linear-gradient(#ff9900,#ff7900 65%,#b63522);border:2px solid;border-color:#df9a3d #853b22 #853b22 #df9a3d;color:black;font-size:16px;font-weight:bold;font-variant:small-caps;line-height:20px;padding:2px 12px}
@media(max-width:500px){.game-popup:has(.side-boss-victory),.game-popup:has(.level-up-popup){padding:18px}.side-boss-payout{flex-wrap:wrap;font-size:14px}}
.account-screen{width:min(440px,calc(100% - 32px));margin:72px auto;color:var(--offwhite);font:16px/1.5 Arial,sans-serif}.account-screen .hound-wordmark{font-size:clamp(26px,8vw,46px);gap:10px;white-space:nowrap;margin:0 0 32px;padding:0}.account-panel{background:var(--backgroundblue);border:2px solid var(--blue);padding:28px;border-radius:0}.account-panel h1{color:var(--offwhite);font:700 26px/1.2 Arial,sans-serif;margin:0 0 12px}.account-panel p{margin:0 0 20px}.account-panel form{display:flex;flex-direction:column;gap:8px}.account-panel label{margin-top:8px;font-size:14px}.account-panel input{width:100%;box-sizing:border-box;padding:10px;border:1px solid var(--gray);background:var(--darkergray);color:var(--offwhite);font:16px Arial,sans-serif}.account-panel small{color:var(--offwhite);font-size:13px}.account-panel button{cursor:pointer}.account-panel .account-submit{margin-top:14px;padding:10px;font-size:16px;font-variant:normal}.account-divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--offwhite);font-size:14px}.account-divider:before,.account-divider:after{content:'';height:1px;flex:1;background:var(--gray)}.account-panel .google-signin{width:100%;background:linear-gradient(var(--lightgray),var(--darkgray));color:var(--white);border:1px solid;border-color:var(--lightergray) var(--darkgray) var(--darkgray) var(--lightergray);border-radius:0;padding:10px;font:700 16px Arial,sans-serif}.account-panel button:disabled{opacity:.5;cursor:not-allowed}.account-links{display:flex;flex-direction:column;gap:10px;align-items:center}.account-links button,.account-links a{border:0;background:none;color:var(--blue);text-decoration:underline;font:14px Arial,sans-serif}.account-panel .account-status{color:var(--offwhite);font-size:14px;margin:18px 0}.account-panel .account-error{color:var(--red)}.account-notice{border-left:3px solid var(--orange);padding-left:12px;font-size:14px}.account-panel input:focus-visible,.account-panel button:focus-visible{outline:2px solid var(--blue);outline-offset:3px}@media(max-width:480px){.account-screen{margin:36px auto}.account-panel{padding:22px}}

/* Approved blue/orange logo; original wordmark styles retained for rollback. */
.hound-logo-art{position:relative;overflow:hidden;width:min(600px,100%);aspect-ratio:5.6;margin:8px auto 12px}.hound-logo-art img{position:absolute;width:125%;max-width:none;height:auto;left:-12.5%;top:50%;transform:translateY(-50%)}.account-screen .hound-logo-art{width:100%;margin:0 auto 28px}.breed-selection .hound-logo-art{margin:0 auto 18px}

.evolution-panel{max-width:880px;margin:20px auto;text-align:center}.evolution-panel>p{margin:14px 0}.evolution-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:24px 0}.evolution-comparison article{border:1px solid var(--gray);padding:20px}.evolution-comparison img{max-width:100%;object-fit:contain;background:transparent;mix-blend-mode:screen}.evolution-comparison h3{margin:14px 0 8px}.evolution-comparison p{font-size:14px;color:var(--offwhite)}.evolution-note{font-size:14px;color:var(--offwhite)}.breed-unique-skill .breed-skill-preview{display:flex;align-items:center;gap:8px;width:auto;height:auto;border:0}.breed-skill-preview img{object-fit:contain}.breed-skill-preview strong{font-size:13px;color:var(--blue)}.breed-unique-skill>p{font-size:12px;line-height:1.4;margin:8px 0}.breed-card{height:auto}@media(max-width:540px){.evolution-comparison{grid-template-columns:1fr}}
/* Gang pages retain the game's compact blue/orange presentation. */
.gang-page{max-width:1100px;margin:14px auto;padding:0 14px}.gang-heading,.gang-section>header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;border-bottom:1px solid #333}.gang-page h1,.gang-page h2,.gang-page h3{color:var(--orange);margin:10px 0}.gang-page h1,.gang-page h2{font-size:18px}.gang-page h3{font-size:14px}.gang-overview{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:28px;margin:16px 0}.gang-overview aside{text-align:center;display:flex;flex-direction:column;align-items:center}.gang-overview img{object-fit:contain}.gang-description,.gang-messages p{white-space:pre-wrap;overflow-wrap:anywhere}.gang-section{margin:24px 0}.gang-page form{margin:10px 0}.gang-page form>label{display:block;margin:8px 0}.gang-page textarea{display:block;width:100%;min-height:80px;box-sizing:border-box;background:#111;color:var(--white);border:1px solid #444;padding:8px}.gang-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 40px;max-width:720px}.gang-stats>div{display:flex;justify-content:space-between}.gang-stats dt{color:var(--orange);font-weight:bold}.gang-stats dd{margin:0}.gang-messages{max-height:350px;overflow:auto}.gang-messages article{display:grid;grid-template-columns:155px 1fr;border-bottom:1px solid #333;padding:12px 0;gap:18px}.gang-messages time{display:block;font-size:12px;color:var(--orange);margin-top:6px}.gang-messages p{margin:0}.gang-members{max-height:360px;overflow:auto}.gang-members>div{padding:5px 0}.gang-members form{display:inline-flex;gap:6px;margin:0 0 0 12px}.gang-table{width:100%;border-collapse:collapse}.gang-table th,.gang-table td{text-align:left;padding:6px 10px;white-space:nowrap}.gang-table th{color:var(--orange)}.gang-table-wrap{overflow:auto}.gang-member-picker{display:flex;flex-wrap:wrap;gap:10px;border:1px solid #333;padding:12px}.gang-member-picker label{min-width:150px}.gang-page details{margin:12px 0}.gang-page summary{cursor:pointer;color:var(--blue)}.gang-directory p{display:flex;gap:20px}.gang-award-list{display:flex;flex-wrap:wrap;gap:20px}.gang-award-list button{display:flex;flex-direction:column;align-items:center;width:130px;background:none;border:0}.gang-waterfall{position:relative;width:340px;max-width:100%;margin:24px auto}.gang-waterfall:before{content:'';position:absolute;left:calc(50% - 4px);width:8px;top:0;bottom:0;background:#345365}.gang-paw{position:relative;width:calc(50% - 36px);display:flex;flex-direction:column;align-items:center;min-height:135px}.gang-paw:after{content:'';position:absolute;top:48px;width:36px;height:1px;background:var(--blue);left:100%}.gang-paw.right{margin-left:calc(50% + 36px)}.gang-paw.right:after{left:auto;right:100%}.gang-paw button{background:none;border:0;padding:0}.gang-paw:not(.earned) img{filter:grayscale(1);opacity:.6}.gang-paw span{font-size:12px;text-align:center}.gang-page [aria-current=page]{color:var(--orange)}
/* Keep each description directly under its heading, with bounded columns. */
.upgrade-table-wrap{max-width:1100px;margin:12px auto;overflow-x:auto}.trait-table.reference-upgrades{width:100%;table-layout:auto}.trait-table.reference-upgrades th,.trait-table.reference-upgrades td{padding:10px 12px;text-align:left;vertical-align:top}.trait-table.reference-upgrades th:nth-child(1),.trait-table.reference-upgrades td:nth-child(1){width:125px;white-space:nowrap}.trait-table.reference-upgrades th:nth-child(2),.trait-table.reference-upgrades td:nth-child(2){width:105px;white-space:nowrap}.trait-table.reference-upgrades th:nth-child(3),.trait-table.reference-upgrades td:nth-child(3){width:145px}.trait-table.reference-upgrades th:nth-child(4),.trait-table.reference-upgrades td:nth-child(4){width:auto;text-align:left}.reference-upgrades .upgrade-actions{display:flex;gap:5px;justify-content:flex-start}.primary-trait-note,.trait-balance{max-width:1100px;margin:12px auto}
@media(max-width:650px){.gang-overview{grid-template-columns:minmax(0,1fr)}.gang-overview aside{order:-1}.gang-stats{gap:10px 16px}.gang-messages article{grid-template-columns:1fr;gap:6px}.gang-members form{display:flex;margin:5px 0}.trait-table.reference-upgrades{min-width:650px}.gang-page{padding:0 8px}}

.trait-table.reference-upgrades td:nth-child(4){white-space:normal;overflow-wrap:break-word;line-height:1.4}.owned-skill-icon[draggable],.slot[draggable]{touch-action:none}

/* Shared styling for the two compact header links. */
.regen-labels .header-community-links{display:flex;align-items:center;justify-content:center;gap:9px;min-height:32px;white-space:nowrap;padding-bottom:3px}
.regen-labels .header-community-links>a{display:inline-flex;align-items:center;min-height:28px;padding:0;border:0;background:none;font:700 14px Arial,sans-serif;font-variant:normal;text-transform:uppercase;letter-spacing:normal;color:var(--blue);text-decoration:none}
.regen-labels .header-community-links>a:hover{color:var(--blue);text-decoration:underline}
.regen-labels .header-community-links>a:focus-visible{outline:2px solid var(--blue);outline-offset:3px;text-decoration:none}
.regen-labels .header-community-links>span{color:var(--blue);font:400 14px Arial,sans-serif;line-height:1}
.gang-save-status{display:inline-block;margin-left:10px;color:var(--offwhite);font-size:12px}.gang-section h2 small{font-size:13px;font-weight:normal}.gang-page .show-tables{width:100%}.gang-page .show-prize-label{color:var(--orange)}.gang-ranking-caption{text-align:center}.gang-ranking-podium .ranking-stage{aspect-ratio:1033/320}.gang-podium-names{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;text-align:center;padding-top:35px}.gang-podium-place{padding:45px 8px 0;overflow-wrap:anywhere}.gang-podium-place.place-1{padding-top:0}.gang-podium-place button{font-size:18px;font-weight:bold;color:var(--orange)}.gang-page .ranking-places .text-link{color:var(--orange)}
.blitz-award-art{position:relative;display:inline-block;flex-shrink:0;vertical-align:middle;line-height:1;isolation:isolate}.blitz-award-art>img{display:block;width:100%;height:100%;object-fit:contain}.blitz-award-art>.blitz-award-count{position:absolute;left:0;top:37%;width:100%;margin:0;color:#c5e3ed;font-family:Georgia,serif;font-weight:bold;font-size:30%;line-height:1.1;text-align:center;text-shadow:1px 1px 1px #314b55,-.5px -.5px 0 #eff9ff}.blitz-award-art>.blitz-award-period{position:absolute;right:3%;bottom:1%;margin:0;color:#090909;font-family:Georgia,serif;font-size:21%;font-weight:900;line-height:1;text-shadow:1px 1px #fff,-1px -1px #fff,1px -1px #fff,-1px 1px #fff}.gang-paw .blitz-award-art{font-size:96px}.gang-paw:not(.earned) .blitz-award-art{opacity:.7}.gang-paw:not(.earned) .blitz-award-art img{filter:none;opacity:1}
.gang-cooldown{margin:12px 0;padding:8px 0;color:var(--offwhite)}.gang-cooldown strong{color:var(--orange);font-variant-numeric:tabular-nums}

.gang-chat.home-journal h2{text-align:left;color:var(--orange);font-size:18px;text-transform:none}.gang-chat.home-journal .chat-compose textarea{width:100%;min-height:32px}.gang-chat .chat-box .text-link{font-size:12px;margin-left:8px}.gang-chat .chat-box small{color:#888}

.gang-chat.home-journal .chat-box{height:420px;min-height:280px;max-height:60vh}.gang-chat-message{display:grid;grid-template-columns:110px minmax(0,1fr);gap:14px;padding:10px 0;border-bottom:1px solid #333}.gang-chat-sender{display:flex;flex-direction:column;align-items:center;gap:4px}.gang-chat-sender img{object-fit:contain}.gang-chat-sender .chat-author{font-size:13px;overflow-wrap:anywhere}.gang-chat-body{min-width:0;padding:8px}.gang-chat-body header{display:flex;justify-content:space-between;gap:8px;color:var(--orange);font-size:12px}.gang-chat-body p{white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0;font-size:14px}.gang-chat-message.is-pinned .gang-chat-body{border:2px solid var(--darkorange)}.gang-message-actions{text-align:right;font-size:12px}.gang-pinned-label{font-weight:normal}.gang-chat .gang-message-actions .text-link{margin-left:0}@media(max-width:500px){.gang-chat-message{grid-template-columns:70px minmax(0,1fr);gap:6px}.gang-chat-sender img{width:65px;height:85px}}

.gang-page h1,.gang-page h2,.gang-page h3,.gang-chat.home-journal h2,.gang-chat-body header,.gang-stats dt,.gang-pinned-label{color:var(--darkorange)}

.gang-page{--orange:var(--darkorange)}.gang-page button[data-social="profile"]{color:var(--darkorange)}

.placement-paw b{color:#e4e6dc;background:none;text-shadow:1px 1px 2px #071311;font-family:Georgia,serif;font-style:normal;line-height:1;padding:0;right:4px;bottom:3px}

.gang-stats-tooltip{position:fixed;z-index:10000;width:270px;max-width:calc(100vw - 16px);padding:8px 10px;background:#101619;border:1px solid var(--darkorange);box-shadow:0 3px 12px #0009;color:#eee;font:13px/1.35 Arial,sans-serif;pointer-events:none}.gang-stats-tooltip>strong{display:block;color:var(--darkorange);margin-bottom:3px}.gang-stats-tooltip>b{display:block;font-size:13px}.gang-stats-tooltip>b span{text-transform:capitalize;font-weight:normal;color:var(--offwhite)}.gang-stats-tooltip dl{display:grid;grid-template-columns:110px 1fr;gap:2px 10px;margin:4px 0 0}.gang-stats-tooltip dd{margin:0;font-variant-numeric:tabular-nums}.ranking-places .award-icon+span{display:block;position:static;text-align:center}

.profile-gang-link{display:block;margin:4px auto 7px;color:var(--blue);font-size:14px}.profile-sidebar .born-date{display:block}

/* Hunting party podiums display the current gang owner in each placement. */
.gang-ranking-podium .ranking-stage{aspect-ratio:1033/516}

.blitz-milestones{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 28px;width:100%;margin:25px 0;align-items:start}.blitz-milestone{min-width:0;margin:0}.blitz-milestone-heading{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;margin:0 auto 15px;min-height:180px}.blitz-milestone-heading>div{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:150px;gap:5px}.blitz-milestone-heading button{padding:0;background:none;border:0}.blitz-milestone-heading p{font-size:13px;text-align:center}.blitz-milestone .gang-table{width:100%;table-layout:fixed}.blitz-milestone th{color:var(--darkorange);background:#310a0a}.blitz-milestone td,.blitz-milestone th{text-align:center;padding:7px}.blitz-milestone td button{overflow-wrap:anywhere}.blitz-animal-art>.blitz-award-period{color:#fff;font-size:25%;text-shadow:1px 1px 2px #000,-1px -1px 2px #000}@media(max-width:480px){.blitz-milestone-heading{gap:16px}.blitz-milestone-heading p{font-size:14px}}

.blitz-podium-scroll{max-width:100%;overflow-x:auto;margin:20px auto 40px}.blitz-podium{width:min(100%,1000px);min-width:540px;margin:auto}.blitz-podium-stage{position:relative;aspect-ratio:1200/800}.blitz-podium-platform{position:absolute;bottom:0;width:100%;height:62.5%;object-fit:fill}.blitz-owner{position:absolute;transform:translateX(-50%);width:17%;height:34%;object-fit:contain;object-position:center bottom;bottom:52.2%}.blitz-owner-1{bottom:57.8%}.blitz-owner-4,.blitz-owner-5{bottom:46.25%}.blitz-placements{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;text-align:center}.blitz-placements>div{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:12px}.blitz-placements>div>button{background:none;border:0;padding:0}.blitz-placements .text-link{font-size:14px;color:var(--blue);text-decoration:underline}.blitz-placements small{min-height:14px}

.blitz-milestone-art>.blitz-award-period{top:auto;right:3%;bottom:2%;color:#e96194;font-size:22%;-webkit-text-stroke:.6px #fff3bd;text-shadow:1px 1px 2px #47232f}

.profile-sidebar.home-profile .profile-gang-link{display:block;margin:0 auto 2px;padding:0;line-height:18px;min-height:0;color:var(--blue)}.profile-sidebar.home-profile h3:has(+.profile-gang-link){margin-bottom:0}.profile-sidebar.home-profile .profile-gang-link+.born-date{margin-top:0}

.game-evolution-banner{position:relative;width:min(1440px,100%);height:110px;margin:0 auto;overflow:visible;background:transparent;mix-blend-mode:screen;pointer-events:none}.game-evolved-lineup{position:absolute;inset:0 0 auto;height:200px;display:flex;justify-content:space-around;align-items:flex-end;pointer-events:none}.game-evolved-lineup img{width:22%;height:200px;object-fit:contain;mix-blend-mode:screen;mask-image:linear-gradient(#000 45%,rgba(0,0,0,.55) 65%,transparent 100%)}.game-evolved-lineup img:nth-child(3){height:170px;opacity:.75}.game-evolution-banner .hound-logo-art{position:absolute;z-index:1;top:0;left:50%;transform:translateX(-50%);width:min(560px,58%);margin:0;filter:drop-shadow(0 3px 5px #000)}.game-header #headerStats{position:relative;z-index:1}@media(max-width:600px){.game-evolution-banner{height:80px}.game-evolved-lineup{height:150px}.game-evolved-lineup img{height:150px}.game-evolved-lineup img:nth-child(3){height:125px}.game-evolution-banner .hound-logo-art{width:70%}}

@media(max-width:900px){.blitz-milestones{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:440px){.blitz-milestones{grid-template-columns:minmax(0,1fr)}}

.placement-paw b{color:#090c0c;text-shadow:none;background:none}
.gang-directory>p{display:flex;align-items:center;gap:14px;padding:8px 0;border-bottom:1px solid var(--gray)}.gang-directory-avatar{object-fit:contain;flex-shrink:0}.gang-chat-message.is-pinned{position:sticky;top:0;z-index:2;background:var(--backgroundblue,#101010);max-height:240px;overflow:auto}.battle-cost-line{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px 12px}.battle-cost-line .blitz-fight-time{font-size:12px;color:var(--darkorange);white-space:nowrap;font-variant-numeric:tabular-nums}

.game-evolved-lineup{top:64px}.game-evolved-lineup img:nth-child(3){transform:translateY(16px)}@media(max-width:600px){.game-evolved-lineup{top:44px}.game-evolved-lineup img:nth-child(3){transform:translateY(10px)}}

.gang-pinned-box:empty{display:none}.gang-pinned-box{margin:10px 0 14px}.gang-pinned-box .gang-chat-message.is-pinned{position:static;max-height:none;overflow:visible;margin:0}.gang-pinned-box .gang-chat-body{border:1px solid var(--darkorange);padding:12px;min-width:0}.gang-pinned-box .gang-chat-body>p{max-height:220px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.gang-pinned-box summary{color:var(--blue);cursor:pointer}.gang-pinned-box textarea{display:block;width:100%;min-height:100px;margin:10px 0;resize:vertical}

img[src*="/evolutions/"]:not([src*="/skill-"]){background:transparent;mix-blend-mode:normal}

/* Period letters sit directly on trophy art, with an outline for contrast. */
.award-icon>b,.equipment-award-art>b{
 background:none;border:0;box-shadow:none;padding:0;
 color:#fff4d7;font-family:Georgia,'Times New Roman',serif;font-weight:900;font-style:normal;
 font-size:22px;line-height:1;right:5px;bottom:4px;
 -webkit-text-stroke:.65px #18342b;paint-order:stroke fill;
 text-shadow:0 1px 1px #071b16,1px 0 1px #071b16,-1px 0 1px #071b16;
 pointer-events:none;
}
.equipment-award-art>b{font-size:18px;right:4px;bottom:3px}

.battle-cost-line{flex-direction:column;gap:5px;text-align:center}
.game-evolved-lineup img:nth-child(3){height:200px;transform:none;opacity:1}
@media(max-width:600px){.game-evolved-lineup img:nth-child(3){height:150px;transform:none}}
.top-level-card img{position:relative;z-index:1;opacity:1}
/* Keep older chat rows from shrinking and overlapping their moderation buttons. */
.gang-chat.home-journal #gang-chat-messages{justify-content:flex-start}
#gang-chat-messages>.gang-chat-message{flex-shrink:0}
#gang-chat-messages>.chat-empty:only-child{margin:auto}

/* Navigation stays above the lowered, fading banner artwork. */
#nav{position:relative;z-index:2}

/* Compact My Dog equipment: no more than fifteen collectibles per row. */
.dog-tab-panel .equipment-summary{margin:0 auto 12px;max-width:1164px}
.dog-tab-panel .equipment-category{max-width:1164px;margin:14px auto}
.dog-tab-panel .equipment-category>h2{margin:0 0 8px;padding-bottom:5px}
.dog-tab-panel .equipment-category .profile-item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px 6px;padding:0 0 6px;align-items:start}
.dog-tab-panel .equipment-category .profile-collectible{width:100%;min-width:0;gap:2px;overflow-wrap:anywhere}
.dog-tab-panel .equipment-category .profile-collectible>span:not(.equipment-award-art),.dog-tab-panel .equipment-category .profile-collectible>small{font-size:11px;line-height:1.15}

/* Keep the header readable where the banner dogs sit behind it. */
.game-header .regen-labels{background:transparent;color:#e1e5e8;opacity:1;text-shadow:0 1px 2px #000,0 0 4px #000}
.game-header .header-stats{background:transparent;color:#fff;opacity:1;text-shadow:0 1px 2px #000,0 0 4px #000}
.game-header .regen-labels>span{color:#e1e5e8;opacity:1}

.gang-paws-period-controls{display:flex;flex-direction:column;align-items:center;gap:8px;margin:0 auto 20px;text-align:center}
.gang-paws-period-controls>p{margin:0}

/* Approved Solo Paws artwork, with crisp milestone labels at every icon size. */
.solo-award-art{position:relative;display:inline-block;flex-shrink:0;vertical-align:middle;width:var(--solo-size);height:var(--solo-size);overflow:hidden;background-image:url('assets/hound/solo/smooth-paws-sprite.png');background-size:300% 100%;background-repeat:no-repeat;line-height:1;isolation:isolate;image-rendering:auto}
.solo-award-daily{background-position:0 0}
.solo-award-weekly{background-position:50% 0}
.solo-award-monthly{background-position:100% 0}
.solo-award-art>b{position:absolute;left:0;top:48%;transform:translateY(-50%);width:100%;margin:0;padding:0;font-family:Georgia,'Times New Roman',serif;font-size:var(--solo-number-size);font-weight:bold;font-style:normal;letter-spacing:-.035em;line-height:1;text-align:center;font-variant:normal;color:#d5e8f3;text-shadow:none;filter:drop-shadow(0 .5px .35px #26333e);background:linear-gradient(165deg,#f0f7fb 8%,#c5deed 43%,#a9c9de 58%,#e3f0f7 88%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.solo-award-monthly>b{color:#d2d8f4;background-image:linear-gradient(165deg,#eff0fc 8%,#ccd5f0 43%,#aebde1 58%,#e2e7f9 88%)}
.solo-node .solo-award-art{display:block;margin:0}
.solo-node:not(.current-reached) .solo-award-art{filter:grayscale(1);opacity:.45}
.solo-node.current-reached .solo-award-art{outline:1px solid var(--blue);animation:solo-highlight .22s linear calc(var(--branch-delay) + .22s) both}
.no-motion .solo-node.current-reached .solo-award-art{animation:none}
@media(prefers-reduced-motion:reduce){.solo-node.current-reached .solo-award-art{animation:none}}

/* Classic gold headings and the rounded three-place podium. */
.best-show-title img,.solo-title img{width:min(100%,1120px);height:auto;image-rendering:auto}
.ranking-stage,.gang-ranking-podium .ranking-stage{aspect-ratio:1033/470}
.ranking-platform{aspect-ratio:2164/727;bottom:-8%;z-index:0}
.ranking-champion{bottom:42%;height:58%;z-index:1}
.ranking-champion.podium-second{left:18%;bottom:30%}
.ranking-champion.podium-third{left:82%;bottom:30%}
.best-show-title{margin:12px auto 8px}
.gang-paws-period-controls{gap:6px;margin-bottom:8px}
.gang-ranking-caption{margin:6px auto}
.blitz-podium-scroll{margin-top:8px}
.best-show-title+.solo-intro{margin-block:4px}

.page-head h1,.props-header h1,.hitlist-heading h1{font-family:Arial,sans-serif;font-size:1.25rem;font-weight:normal;font-variant:normal}
.gang-disband-footer{margin-top:24px;text-align:left}.gang-disband{background:none;border:0;color:#f07878;font-variant:small-caps;font-size:13px;padding:0;cursor:pointer}.gang-disband:hover{color:#ffaaaa;text-decoration:underline}.gang-disband:disabled{opacity:.5;cursor:default}
.upgrade-table-wrap,.trait-balance,.primary-trait-note{max-width:1200px}
.trait-table.reference-upgrades th,.trait-table.reference-upgrades td{font-size:.9375rem;padding:12px 14px}
.reference-upgrades .upgrade-actions button,.trait-balance,.primary-trait-note{font-size:.9375rem}
@media(max-width:650px){.trait-table.reference-upgrades th,.trait-table.reference-upgrades td{padding:11px 10px}}

.leaderboard-tabs .text-link.current,.leaderboard-tabs .text-link.selected,.gang-page [data-gang="period"][aria-current="page"]{color:var(--orange)}

.home-profile h3,.profile-sidebar.home-profile h3,.home-profile .full-profile-link,.home-profile .full-profile-link:hover,.home-profile .full-profile-link:focus-visible{color:var(--announcement-color)}

.home-attributes h2,.profile-heading h1{color:var(--offwhite)}
/* Trim empty space above Blitz without resizing its podium or dogs. */
.blitz-podium-scroll{margin-top:0}
.blitz-podium-stage{aspect-ratio:1200/740}
.blitz-podium-platform{height:67.567568%}
.blitz-owner{height:36.756757%;bottom:56.432432%}
.blitz-owner-1{bottom:62.486486%}
.blitz-owner-4,.blitz-owner-5{bottom:50%}

.blitz-milestone .gang-table th{background:#400c08;color:var(--orange)}
.blitz-milestone .gang-table th:first-child,.blitz-milestone .gang-table td:first-child{text-align:left;white-space:normal;width:75%}
.blitz-milestone .gang-table th:last-child,.blitz-milestone .gang-table td:last-child{text-align:right}
.blitz-milestone .gang-table .show-you{background:#191919;color:var(--orange)}
/* Ranking and Paws pages share the announcement gold. */
.shell[data-page="leaderboard"],.shell[data-page="solo"],.gang-page:has(.gang-paws-period-controls){--orange:var(--announcement-color);--darkorange:var(--announcement-color)}
.shell[data-page="leaderboard"] .ranking-places button,.shell[data-page="leaderboard"] .top-level-card>span,.gang-page:has(.gang-paws-period-controls) .ranking-places button{color:var(--announcement-color)}

.regen-labels .header-community-links{gap:5px;flex-wrap:wrap;white-space:normal}
.regen-labels .header-community-links>a{font-size:14px;font-variant:small-caps;text-transform:none;white-space:nowrap}
.regen-labels .header-community-links>span{font-size:14px}
.header-stats .header-profile-link,.header-stats .header-profile-link:hover,.header-stats .header-profile-link:focus-visible{color:var(--announcement-color)}

.dig-last-find{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.dig-last-find .text-link{display:inline-flex;align-items:center;gap:8px}.dig-last-find img{width:48px;height:48px;object-fit:contain;flex:none}
/* Podium artwork extends below its stage; keep player links above it and clickable. */
.ranking-platform,.ranking-champion{pointer-events:none}
.ranking-places{position:relative;z-index:2}
.ranking-places .text-link{position:relative;z-index:1;cursor:pointer}

/* Viewport-positioned tooltips must not live inside transformed, scrollable popups. */
.reward-tooltip{z-index:20000}
.gang-page .gang-disband-footer{padding:0;margin:24px 0 0;text-align:left}
.gang-page button.gang-disband{display:inline-block;margin:0;padding:6px 12px;border:1px solid #a64040;background:#321616;color:#ff9898;font-variant:small-caps;font-size:14px;line-height:1.3;text-decoration:none}
.gang-page button.gang-disband:hover{background:#492020;color:#ffb5b5;text-decoration:none}
.profile-comments{width:100%;min-width:0}.profile-comments textarea{display:block;box-sizing:border-box;width:100%;margin:8px 0;resize:vertical}.profile-comment{padding:12px 0;border-bottom:1px solid var(--gray)}.profile-comment>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.profile-comment time{font-size:12px;color:var(--offwhite)}.profile-comment p{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0}.profile-comments form{margin-top:14px}.profile-comment-error{color:#f07878}
.profile-social-actions button[data-social="relation"][data-value="friend"]{color:var(--green)}
.profile-social-actions button[data-social="relation"][data-value="foe"]{color:var(--red)}

.profile-collectible .equipment-award-art img{width:100%;height:100%;object-fit:contain}
.profile-comment{display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px;align-items:start}
.profile-comment>.comment-content{display:block;min-width:0}
.comment-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.comment-avatar{padding:0;border:0;background:none;width:56px;height:56px}
.comment-avatar img{width:56px;height:56px;object-fit:contain}


.hit-restriction{display:block;max-width:180px;margin:5px 0 8px;color:var(--offwhite);font-size:12px}

.activity-list .activity-player,.bite-activity .activity-player{color:#999;font:inherit;font-weight:700;font-variant:normal;padding:0;text-decoration:none}
.activity-list .activity-player:hover,.activity-list .activity-player:focus-visible,.bite-activity .activity-player:hover,.bite-activity .activity-player:focus-visible{text-decoration:underline;color:#999}
.activity-list .bite-damage,.bite-activity .bite-damage{color:var(--red)}
