/* Daily supply cards use the hangar's stencil type, hard edges and warm gold. */
#main-menu #daily-checkin-toggle { display:flex; align-items:center; gap:10px; width:100%; min-height:60px; padding:14px 16px; border:0; border-top:1px solid #42636a; border-radius:2px; color:var(--ui-text); background:transparent; font:inherit; text-align:left; cursor:pointer; touch-action:manipulation; }
#daily-checkin-toggle > span:first-child { flex:1; text-transform:uppercase; }
#main-menu #daily-checkin-status { color:var(--ui-muted); font:600 12px var(--ui-mono); }
#main-menu #daily-checkin-toggle.claim-ready #daily-checkin-status { color:var(--ui-warn); text-shadow:0 0 12px #f5cf7955; }
#daily-checkin-toggle svg { flex:none; width:18px; height:18px; fill:none; stroke:var(--ui-cyan); stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
#main-menu #daily-checkin-toggle:hover { background:#72ddd00c; }
#main-menu #daily-checkin-toggle:focus-visible { outline:2px solid var(--ui-cyan); outline-offset:-3px; }
#main-menu #daily-checkin-details { box-sizing:border-box; width:920px; max-width:calc(100vw - 24px); max-height:calc(100dvh - 24px); padding:0; overflow:hidden; color:var(--ui-text); border:1px solid #58817e; border-top:3px solid var(--ui-cyan); border-radius:3px; background:radial-gradient(ellipse at 50% 0,#2a535755,transparent 70%),#0a1a21; box-shadow:0 28px 90px #000c,inset 0 0 40px #04111799; }
#main-menu #daily-checkin-details[open] { display:flex; flex-direction:column; }
#daily-checkin-details::backdrop { background:#020a10c2; backdrop-filter:blur(3px); }
#daily-checkin-details header { display:flex; justify-content:space-between; align-items:center; gap:8px; flex:none; padding:20px 24px 16px; }
#main-menu #daily-checkin-details h2 { font:900 36px/1 var(--ui-display); letter-spacing:.025em; margin:0; text-transform:uppercase; }
#daily-checkin-week { color:var(--ui-cyan); font:12px var(--ui-mono); letter-spacing:.15em; margin:8px 0 0; }
#main-menu #daily-checkin-close { width:44px; height:44px; flex:none; padding:0; border:1px solid #557a7b; color:var(--ui-text); background:#193038; font:26px/1 var(--ui-font); cursor:pointer; }
#main-menu #daily-checkin-close:hover { background:#284b52; color:var(--ui-cyan); }
.daily-checkin-content { min-height:0; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:#58817e transparent; padding:0 24px; }
#daily-checkin-list { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:10px; list-style:none; padding:8px 0 4px; margin:0; }
#daily-checkin-list li { position:relative; display:flex; flex-direction:column; align-items:center; min-width:0; padding:14px 6px 24px; border:1px solid #37545c; background:linear-gradient(155deg,#203741,#101f28 75%); text-align:center; }
#daily-checkin-list .current:not(.complete) { border-color:var(--ui-warn); background:radial-gradient(ellipse at 50% 38%,#ad894138,transparent 80%),linear-gradient(155deg,#3b3b2d,#18282b); box-shadow:0 0 0 1px #f5cf7933,inset 0 0 22px #f5cf7911; }
#daily-checkin-list .bonus { border-color:#9b7850; }
#daily-checkin-list .complete { opacity:.6; }
#daily-checkin-list .current.complete { border-color:var(--ui-cyan); opacity:1; }
.checkin-day { color:#bfcecb; font:12px var(--ui-mono); letter-spacing:.08em; }
.checkin-art { position:relative; flex:none; width:80px; max-width:100%; height:86px; margin:10px 0 6px; }
.checkin-art svg { width:100%; height:100%; filter:drop-shadow(0 5px 9px #0008); }
.coin-back { fill:#a67a30; stroke:#ffe2a0; stroke-width:1.5; }
.coin-face { fill:#e9b852; stroke:#ffe5a3; stroke-width:2; }
.coin-edge { fill:#986722; stroke:#fdd780; stroke-width:1.5; }
.coin-mark { fill:none; stroke:#ffe6a4; stroke-width:4; stroke-linejoin:bevel; }
.checkin-art-mount img { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; filter:drop-shadow(0 5px 6px #0008); }
.checkin-art-mount { overflow:hidden; }
.checkin-art-mount img:first-child { transform:translate(-13px,-5px) rotate(-18deg) scale(.8); }
.checkin-art-mount img:nth-child(2) { transform:translate(10px,6px) rotate(12deg) scale(.85); }
.checkin-random { position:absolute; right:0; top:1px; width:21px; height:21px; border:1px solid #74c9bd; background:#173d41; color:var(--ui-cyan); font:700 16px/21px var(--ui-font); }
#daily-checkin-list .checkin-amount { color:var(--ui-warn); font:900 36px/1 var(--ui-display); font-variant-numeric:tabular-nums; }
.checkin-kind { max-width:100%; margin-top:5px; color:#cfddd9; font:10px var(--ui-mono); letter-spacing:.04em; }
.checkin-day-status { position:absolute; bottom:0; left:0; right:0; min-height:17px; color:var(--ui-warn); background:#f5cf7910; font:11px/17px var(--ui-mono); }
.checkin-day-status:empty { display:none; }
.complete .checkin-day-status { color:var(--ui-cyan); background:#72ddd010; font-size:14px; }
#daily-checkin-details footer { flex:none; padding:20px 24px 14px; text-align:center; }
#main-menu #daily-checkin-claim { display:block; width:min(100%,380px); min-height:52px; margin:auto; padding:12px; border:1px solid #ffd2a1; border-radius:2px; color:var(--ui-on-action); background:linear-gradient(#ffb48a,var(--ui-action)); box-shadow:0 4px 0 #7e4533,0 0 24px #ff986b1a; font:900 26px/1.1 var(--ui-display); letter-spacing:.06em; cursor:pointer; }
#main-menu #daily-checkin-claim:hover:not(:disabled) { filter:brightness(1.1); }
#main-menu #daily-checkin-claim:disabled { color:#a2beb7; background:#1c343c; border-color:#4c6b6a; box-shadow:none; cursor:default; }
#daily-checkin-next { margin:12px 0 0; color:var(--ui-muted); font:10px var(--ui-mono); letter-spacing:.1em; }
#daily-checkin-feedback { margin:12px 0 0; color:var(--ui-cyan); font:650 15px/1.3 var(--ui-font); }
#daily-checkin-feedback:empty { display:none; }
@media(max-width:639px) {
  #main-menu #daily-checkin-details { max-width:calc(100vw - 16px); max-height:calc(100dvh - 16px); }
  #daily-checkin-details header { padding:12px; }
  #main-menu #daily-checkin-details h2 { font-size:clamp(24px,7vw,30px); }
  .daily-checkin-content { padding:0 12px; }
  #daily-checkin-list { grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
  #daily-checkin-list .bonus { grid-column:span 2; }
  #daily-checkin-list li { padding:8px 4px 20px; }
  .checkin-art { width:58px; height:52px; margin:6px 0; }
  #daily-checkin-list .checkin-amount { font-size:30px; }
  .checkin-kind { font-size:10px; letter-spacing:0; white-space:normal; }
  #daily-checkin-details footer { padding:12px; }
}
@media(max-width:479px) {
  #daily-checkin-list { grid-template-columns:repeat(3,minmax(0,1fr)); }
  #daily-checkin-list .bonus { grid-column:span 3; display:grid; grid-template-columns:1fr 60px 1fr; align-items:center; padding:6px 12px 18px; }
  #daily-checkin-list .bonus .checkin-art { grid-column:2; grid-row:1 / 3; margin:0; }
  #daily-checkin-list .bonus .checkin-amount { grid-column:3; grid-row:1; }
  #daily-checkin-list .bonus .checkin-kind { grid-column:3; grid-row:2; }
}
/* Small phones keep all seven rewards visible with a shorter icon row. */
@media(max-width:639px) and (max-height:700px) {
  #daily-checkin-week { margin-top:4px; font-size:10px; }
  #daily-checkin-list { gap:6px; padding-top:4px; }
  #daily-checkin-list li { padding:6px 4px 14px; }
  .checkin-art { width:44px; height:32px; margin:3px 0; }
  #daily-checkin-list .checkin-amount { font-size:26px; }
  .checkin-kind { margin-top:3px; }
  .checkin-day-status { min-height:13px; font-size:10px; line-height:13px; }
  .checkin-random { width:15px; height:15px; font-size:12px; line-height:15px; }
  #main-menu #daily-checkin-claim { min-height:44px; padding:8px; font-size:24px; }
  #daily-checkin-details footer { padding:8px 12px; }
  #daily-checkin-next { margin-top:8px; }
}
/* Short landscape frames put the icon beside the amount to save a row. */
@media(max-width:639px) and (max-height:420px) {
  #daily-checkin-details header { padding:6px 10px; }
  #daily-checkin-details header > div { display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 10px; min-width:0; }
  #daily-checkin-week { margin:0; }
  #main-menu #daily-checkin-details h2 { font-size:24px; }
  .daily-checkin-content { padding:0 10px; }
  #daily-checkin-list li { display:grid; grid-template-columns:34px minmax(0,1fr); grid-template-rows:12px 24px 12px; gap:2px 3px; align-items:center; padding:4px 4px 16px; }
  .checkin-day { grid-column:1 / -1; font-size:10px; }
  .checkin-art { grid-column:1; grid-row:2 / 4; width:34px; height:32px; margin:0; }
  #daily-checkin-list .checkin-amount { grid-column:2; grid-row:2; font-size:24px; }
  .checkin-kind { grid-column:2; grid-row:3; margin:0; font-size:9px; line-height:1; white-space:nowrap; }
  .checkin-random-label { display:none; }
  .checkin-day-status { min-height:13px; font-size:10px; line-height:13px; }
  #daily-checkin-list .bonus { grid-template-columns:1fr 38px 1fr; grid-template-rows:22px 12px; padding:4px 8px 16px; }
  #daily-checkin-list .bonus .checkin-day { grid-column:1; grid-row:1 / 3; }
  #daily-checkin-list .bonus .checkin-art { width:34px; height:32px; }
  #daily-checkin-details footer { padding:6px 10px; }
  #daily-checkin-feedback { margin-top:6px; font-size:13px; }
}
@media(max-height:500px) and (min-width:640px) {
  #daily-checkin-details header { padding:10px 16px; }
  #main-menu #daily-checkin-details h2 { font-size:30px; }
  .daily-checkin-content { padding:0 16px; }
  #daily-checkin-list li { padding-top:10px; }
  .checkin-art { width:65px; height:64px; margin:6px 0; }
  #daily-checkin-details footer { padding:12px 16px; }
}
@media(max-height:340px) {
  #main-menu #daily-checkin-details { max-width:calc(100vw - 16px); max-height:calc(100dvh - 16px); }
  #daily-checkin-next { display:none; }
  #daily-checkin-details header { padding:6px 10px; }
  #daily-checkin-week { font-size:10px; margin-top:4px; }
  #main-menu #daily-checkin-details h2 { font-size:24px; }
  #daily-checkin-details footer { padding:6px 10px 10px; }
  #main-menu #daily-checkin-claim { min-height:44px; padding:8px; font-size:24px; }
}
@media(max-height:420px) and (min-width:640px) {
  #daily-checkin-list { gap:6px; padding:4px 0; }
  #daily-checkin-list li { padding:4px 2px 16px; }
  .checkin-day { font-size:10px; }
  .checkin-art { width:40px; height:32px; margin:3px 0; }
  #daily-checkin-list .checkin-amount { font-size:24px; }
  .checkin-kind { font-size:10px; margin-top:2px; }
  .checkin-random-label { display:none; }
  .checkin-random { width:15px; height:15px; font-size:12px; line-height:15px; }
  .checkin-day-status { min-height:13px; font-size:10px; line-height:13px; }
}
/* Square embeds need three compact rows while keeping 44px controls. */
@media(max-width:479px) and (max-height:340px) {
  #daily-checkin-list { padding:0; gap:4px; }
  #daily-checkin-list li { grid-template-rows:10px 22px 10px; gap:0 3px; padding:3px 4px 14px; }
  .checkin-day { line-height:10px; }
  .checkin-art { width:30px; height:26px; }
  #daily-checkin-list .checkin-amount { font-size:22px; }
  #daily-checkin-list .bonus { grid-template-rows:22px 10px; padding:3px 8px 14px; }
  #daily-checkin-list .bonus .checkin-art { width:30px; height:28px; }
}
@media(max-height:700px) and (min-width:560px) {
  #main-menu #daily-checkin-toggle { padding:12px; min-height:52px; }
}