/* DailyBreakout app shell. Loaded by every page. */
html,body{overflow-x:hidden;max-width:100%}
*{min-width:0}
img,canvas,svg{max-width:100%}
body{padding-bottom:0}
.dbnav,.dbsheet{font:inherit}
.dbnav{position:fixed;left:0;right:0;bottom:0;z-index:50;display:none;
background:rgba(255,255,255,.97);backdrop-filter:blur(8px);
border-top:1px solid #e4e0d5;padding:7px 4px calc(7px + env(safe-area-inset-bottom))}
.dbnav a,.dbnav button{flex:1;display:flex;flex-direction:column;align-items:center;
gap:3px;background:none;border:0;font:inherit;font-size:10.5px;color:#6f6d64;
text-decoration:none;padding:3px 0;cursor:pointer;-webkit-tap-highlight-color:transparent}
.dbnav a.on,.dbnav button.on{color:#16150f;font-weight:640}
.dbnav .ic{font-size:17px;line-height:1}
.dbnav .mid .ic{background:#0e7350;color:#fff;width:38px;height:38px;border-radius:50%;
display:flex;align-items:center;justify-content:center;margin-top:-14px;
box-shadow:0 3px 10px rgba(14,115,80,.35)}
.dbsheet{position:fixed;inset:0;z-index:60;background:rgba(20,19,14,.38);display:none}
.dbsheet.on{display:block}
.dbsheet .pan{position:absolute;left:0;right:0;bottom:0;background:#fff;
border-radius:17px 17px 0 0;max-height:86vh;overflow:auto;
padding:8px 15px calc(18px + env(safe-area-inset-bottom));
box-shadow:0 -6px 26px rgba(0,0,0,.16)}
.dbsheet .grab{width:38px;height:4px;border-radius:3px;background:#ded9cc;margin:8px auto 12px}
.dbsheet h4{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;
color:#6f6d64;margin:12px 2px 6px;font-weight:680}
.dbsheet a.row{display:flex;gap:12px;align-items:flex-start;padding:12px 4px;
text-decoration:none;color:#16150f;border-bottom:1px solid #f3f0e9}
.dbsheet a.row:last-child{border-bottom:0}
.dbsheet a.row .t{font-size:15.5px;font-weight:640}
.dbsheet a.row .s{font-size:13px;color:#6f6d64;margin-top:1px}
.dbsheet a.row .cv{margin-left:auto;color:#b6b0a0}
.dbsheet input.q{width:100%;padding:12px 13px;border:1px solid #e4e0d5;border-radius:9px;
font:inherit;font-size:16px;background:#f7f5ef;margin-bottom:6px}
.dbsheet input.q:focus{outline:none;border-color:#0e7350;background:#fff}
.dbsheet .hit{display:flex;align-items:center;gap:10px;padding:11px 4px;
text-decoration:none;color:#16150f;border-bottom:1px solid #f3f0e9;font-size:15px}
.dbsheet .hit b{font-weight:660}
.dbsheet .hit .r{margin-left:auto;font-size:12px;color:#6f6d64}
.dbsheet .msg{color:#6f6d64;font-size:13.5px;padding:12px 4px 18px;line-height:1.6}
@media(max-width:900px){
  .dbnav{display:flex}
  body{padding-bottom:calc(66px + env(safe-area-inset-bottom))}
  .tblwrap{margin:0 -13px;padding:0 13px}
}
@media(max-width:900px){
  header .nav{display:none}
  .c canvas,[data-cv]{background:transparent}
}
