/* The date plaque (bottom-right), its hover card and the calendar panel. Cream paper, terracotta action, ink outline. */
.datechip{position:absolute;right:max(16px,env(safe-area-inset-right,0px));bottom:max(18px,env(safe-area-inset-bottom,0px));z-index:6;display:flex;align-items:center;gap:10px;padding:8px 16px 8px 9px;cursor:pointer;text-align:left;transform:rotate(.8deg);transition:transform .15s ease}
.datechip:hover,.datechip[aria-expanded="true"]{transform:rotate(0) translateY(-2px)}
.dbadge{flex:0 0 auto;width:40px;height:40px;border-radius:50%;border:2.5px solid var(--ink);display:grid;place-items:center;background:var(--sage);box-shadow:0 2px 0 var(--ink)}
.datechip[data-season="spring"] .dbadge{background:#C9DDA0}
.datechip[data-season="summer"] .dbadge{background:var(--mustard)}
.datechip[data-season="autumn"] .dbadge{background:#D9895E}
.datechip[data-season="winter"] .dbadge{background:var(--sky-soft)}
.dtxt b{display:block;font-size:22px;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap}
.dtxt small{display:block;margin-top:3px;font-size:12.5px;font-weight:700;color:var(--ink-soft);white-space:nowrap}
.dflag{flex:0 0 auto;width:12px;height:12px;border-radius:50%;border:2px solid var(--ink);background:var(--action);box-shadow:0 1.5px 0 var(--ink)}
.dflag[data-kind="market"]{background:var(--mustard)}
.dflag[hidden]{display:none}

.datetip{position:absolute;right:max(16px,env(safe-area-inset-right,0px));bottom:calc(max(18px,env(safe-area-inset-bottom,0px)) + 66px);z-index:8;display:flex;flex-direction:column;gap:3px;padding:10px 14px;font-size:13px;font-weight:700;color:var(--ink-soft);pointer-events:none;max-width:260px}
.datetip b{font-size:16px;color:var(--ink)}
.datetip .tnow{color:var(--action)}

.datepanel{position:absolute;right:max(16px,env(safe-area-inset-right,0px));bottom:calc(max(18px,env(safe-area-inset-bottom,0px)) + 70px);z-index:9;width:340px;max-width:calc(100vw - 32px);max-height:calc(100vh - var(--hud-bottom,108px) - 120px);overflow:auto;overscroll-behavior:contain;padding:0;box-sizing:border-box}
.datepanel .band{padding:14px 52px 12px 16px;background:var(--paper-3);background-image:var(--grain);border-bottom:2.5px solid var(--ink);border-radius:17px 21px 0 0}
.datepanel .band[data-season="spring"]{background-color:#DCE8B8}
.datepanel .band[data-season="summer"]{background-color:#F3D894}
.datepanel .band[data-season="autumn"]{background-color:#EBBE98}
.datepanel .band[data-season="winter"]{background-color:var(--sky-soft)}
.dbig{display:flex;align-items:center;gap:12px}
.dbig>b{flex:0 0 auto;min-width:62px;height:62px;display:grid;place-items:center;font-size:36px;line-height:1;background:var(--paper);border:2.5px solid var(--ink);border-radius:14px;box-shadow:0 3px 0 var(--ink);font-variant-numeric:tabular-nums}
.datepanel .band h2{font-size:19px;margin:0}
.dtoday{display:flex;align-items:center;gap:6px;margin:10px 0 0;font-size:13.5px;font-weight:700;color:var(--ink)}
.datepanel .pad{padding:12px 16px 14px;display:flex;flex-direction:column;gap:12px}
.datepanel .gsec h3{margin:0 0 8px;font-size:15px}
.dmonth{display:grid;grid-template-columns:repeat(var(--cols,3),1fr);gap:8px}
.dcell{font:inherit;color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:74px;padding:6px 4px;background:var(--paper);border:2px solid var(--ink);border-radius:12px;box-sizing:border-box}
.dcell .dn{font-family:var(--display);font-size:20px;font-weight:700;line-height:1}
.dcell .di{height:22px;display:grid;place-items:center}
.dcell small{font-size:11px;font-weight:700;color:var(--action-ink)}
button.dcell{cursor:pointer;transition:transform .12s ease,background .12s ease}
button.dcell:hover,button.dcell:focus-visible{background:var(--paper-2);transform:translateY(-2px);box-shadow:0 2px 0 var(--ink)}
.dcell[data-when="past"]{opacity:.5;background:var(--paper-2);border-style:dashed}
.dcell[data-when="today"]{background:var(--action);color:var(--action-ink);box-shadow:0 3px 0 var(--ink);transform:translateY(-1px)}
.dskips{display:flex;gap:8px;margin-top:10px}
.dskips .btn{flex:1 1 0;white-space:nowrap}
.dskips .btn[hidden]{display:none}
.dyear{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}
.dmo{display:flex;align-items:center;justify-content:space-between;gap:2px;padding:3px 6px;border:1.5px solid var(--ink);border-radius:8px;font-size:11.5px;font-weight:700;min-height:22px;box-sizing:border-box}
.dmo em{font-style:normal}
.dmo i{width:14px;height:14px}
.dmo[data-season="spring"]{background:#DCE8B8}
.dmo[data-season="summer"]{background:#F3D894}
.dmo[data-season="autumn"]{background:#EBBE98}
.dmo[data-season="winter"]{background:var(--sky-soft)}
.dmo[data-current]{outline:3px solid var(--action);outline-offset:1px}
.hico{flex:0 0 auto}
#dpnext{list-style:none;margin:0;padding:0}
#dpnext li{display:flex;align-items:center;gap:8px;padding:5px 0;border-bottom:1.5px dashed rgba(43,38,32,.2);font-size:13.5px;font-weight:700}
#dpnext li:last-child{border-bottom:0}
#dpnext li>span{flex:1}
#dpnext small{font-size:12px;color:var(--ink-soft);text-align:right}
.dnote{margin:0;font-size:12.5px}
@media (max-width:760px){.datechip{bottom:max(76px,env(safe-area-inset-bottom,0px))}.datepanel{bottom:140px}}