/* Load after adventure.css, ui-typography.css and rounded-ui.css.
   Existing adventure selectors are unique: no markup or navigation changes. */
body .tt-learning-app .learning-tools > button[data-menu-panel][hidden]{display:none!important}
body .learning-card-browse {
  display:inline-flex;align-items:center;justify-content:center;min-height:44px;
  padding:8px 12px;border:1px solid #ccd9ce;border-radius:12px;background:#fffdf6;
  color:#254c42;font:500 15px/1.4 'Ttobak UI','Ttobak Learning',sans-serif;
  text-decoration:none;white-space:nowrap;box-sizing:border-box;
}
body .learning-card-browse:focus-visible{outline:3px solid #315b70;outline-offset:3px;}
body .learning-reward-collection > .learning-card-browse{margin:10px 0;}
/* Quiet matte clay: the existing UI face, a fine rim and only shallow depth. */
body .adventure :is(.adventure-guest,.adventure-actions,.learning-reward-collection) > button {
  --nav-clay-fill:#e5ecdf;
  --nav-clay-hover:#dde7d5;
  --nav-clay-edge:#becbb4;
  display:inline-flex;align-items:center;justify-content:center;
  min-height:48px;min-width:0;max-width:100%;padding:11px 18px;
  border:1px solid var(--nav-clay-edge);border-radius:14px;
  background:var(--nav-clay-fill);
  color:#344d3d;
  box-shadow:inset 0 1px 0 #ffffff59,0 2px 3px -2px #30492c26;
  font-family:'Ttobak UI','Ttobak Learning','Noto Sans CJK KR','Malgun Gothic',sans-serif!important;
  font-weight:500!important;font-synthesis:none;font-size:16px;line-height:1.5;
  letter-spacing:0;
  text-align:center;word-break:keep-all;overflow-wrap:anywhere;
  text-shadow:none;
  transition:transform 140ms ease-out,background-color 140ms ease-out,box-shadow 140ms ease-out;
}
body .adventure .adventure-actions > button:nth-child(2) {
  --nav-clay-fill:#f2ecdf;--nav-clay-hover:#ebe3d2;--nav-clay-edge:#d4c8ae;
  color:#5b503c;
}
body .adventure .adventure-guest > button, body .adventure .learning-reward-collection > button {
  --nav-clay-fill:#eeebf2;--nav-clay-hover:#e6e0ed;--nav-clay-edge:#cec4d8;
  min-width:144px;color:#544960;
}
body .adventure .learning-reward-collection > button {margin-top:12px;}
body .adventure .adventure-actions {
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;
  gap:12px;width:100%;max-width:520px;margin:26px auto 0;padding-bottom:2px;
}
body .adventure .adventure-actions > button {width:100%;}
body .adventure :is(.adventure-guest,.adventure-actions,.learning-reward-collection) > button:hover:not(:disabled) {
  background:var(--nav-clay-hover);filter:none;
}
body .adventure :is(.adventure-guest,.adventure-actions,.learning-reward-collection) > button:active:not(:disabled) {
  transform:translateY(1px);
  box-shadow:inset 0 1px 2px #30492c14;
}
body .adventure :is(.adventure-guest,.adventure-actions,.learning-reward-collection) > button:focus-visible {outline:3px solid #315b70;outline-offset:5px;}
body .adventure :is(.adventure-guest,.adventure-actions,.learning-reward-collection) > button:disabled {opacity:.6;cursor:not-allowed;}

/* Three quiet columns: stable label baselines, prominent values, small units. */
body .adventure .adventure-stats {
  grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;
  column-gap:0;row-gap:20px;padding:24px 20px 20px;
}
body .adventure .adventure-stats > sc-for {display:contents;}
body .adventure :is(.adventure-stats > div,.adventure-stats > sc-for > div) {
  min-width:0;padding:2px 16px 4px;text-align:center;
}
body .adventure :is(.adventure-stats > div,.adventure-stats > sc-for > div) + div {border-left:1px solid #d7ddcd;}
body .adventure :is(.adventure-stats > div,.adventure-stats > sc-for > div) > span {
  display:flex;align-items:center;justify-content:center;min-height:2.9em;
  font-family:'Ttobak UI','Ttobak Learning',sans-serif;
  font-size:13px;font-weight:500;line-height:1.45;color:#596858;
  word-break:keep-all;overflow-wrap:anywhere;
}
body .adventure :is(.adventure-stats > div,.adventure-stats > sc-for > div) > p {
  display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:3px 5px;margin:9px 0 0;
}
body .adventure .adventure-stats strong {
  font-family:'Ttobak UI','Ttobak Learning',sans-serif;
  font-size:34px;font-weight:600;line-height:1.15;letter-spacing:-.025em;
  font-variant-numeric:tabular-nums;color:#2b5745;overflow-wrap:anywhere;max-width:100%;
}
body .adventure .adventure-stats small {font-size:13px;line-height:1.5;margin:0;color:#65715e;}
body .adventure .adventure-stats .adventure-stats-note {
  grid-column:1/-1;margin:0;padding:14px 4px 0;border-top:1px solid #dde1d3;
  font-size:12px;line-height:1.7;text-align:center;word-break:keep-all;
}
@media(max-width:619px) {
  body .adventure :is(.adventure-guest,.adventure-actions,.learning-reward-collection) > button {padding:11px 12px;font-size:15px;}
  body .adventure .adventure-actions {gap:10px;}
  body .adventure .adventure-stats {padding:20px 10px 17px;row-gap:17px;}
  body .adventure :is(.adventure-stats > div,.adventure-stats > sc-for > div) {padding-inline:7px;}
  body .adventure .adventure-stats strong {font-size:30px;}
  body .adventure :is(.adventure-stats > div,.adventure-stats > sc-for > div) > span {font-size:12px;}
}
@media(max-width:359px) {
  body .adventure .adventure-actions {grid-template-columns:minmax(0,1fr);}
}
@media(prefers-reduced-motion:reduce) {
  body .adventure :is(.adventure-guest,.adventure-actions,.learning-reward-collection) > button {transition:none;}
  body .adventure :is(.adventure-guest,.adventure-actions,.learning-reward-collection) > button:active:not(:disabled) {transform:none;}
}
@media(forced-colors:active) {
  body .adventure :is(.adventure-guest,.adventure-actions,.learning-reward-collection) > button {background:ButtonFace!important;color:ButtonText!important;border:1px solid ButtonText!important;box-shadow:none!important;text-shadow:none!important;}
  body .adventure :is(.adventure-guest,.adventure-actions,.learning-reward-collection) > button:focus-visible {outline-color:Highlight;}
  body .adventure .adventure-stats :is(strong,small,span) {color:CanvasText;}
  body .adventure :is(.adventure-stats > div,.adventure-stats > sc-for > div) + div,
  body .adventure .adventure-stats .adventure-stats-note {border-color:CanvasText;}
}
