/* css/offer-ticket.css — Goldticket offer ticket (card + dialog), presentation only */

/* ===================== OVERVIEW CARD ===================== */
body:not(.crime-mode) #screen-game .ov-notice-actions.oft-has-offer,
body:not(.crime-mode) #screen-game .oc-overview-actions.oft-ticket-row{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;width:100%
}
body:not(.crime-mode) #screen-game .oc-overview-actions.oft-ticket-row .oc-shortcut{min-height:44px}

body:not(.crime-mode) #screen-game .offer-ticket{
  flex:1 1 auto;max-width:640px;margin-left:auto;min-width:0;
  position:relative;display:flex;align-items:stretch;gap:0;
  background:linear-gradient(115deg,#fff6dc,#f3e3ba);border:1px solid #b99a58;border-radius:12px;
  color:#3a2a10;font:13px/1.4 system-ui,-apple-system,Segoe UI,sans-serif;
  overflow-wrap:anywhere;box-shadow:0 1px 0 #fffdf4 inset,0 1px 3px rgba(138,98,27,.18)
}
body:not(.crime-mode) #screen-game .offer-ticket[hidden]{display:none !important}
body:not(.crime-mode) #screen-game .offer-ticket::before,
body:not(.crime-mode) #screen-game .offer-ticket::after{
  content:"";position:absolute;top:50%;width:14px;height:14px;transform:translateY(-50%);
  border-radius:50%;background:#fffdf4;border:1px solid #d2b571;z-index:1;pointer-events:none
}
body:not(.crime-mode) #screen-game .offer-ticket::before{left:-8px}
body:not(.crime-mode) #screen-game .offer-ticket::after{right:-8px}

body:not(.crime-mode) #screen-game .offer-ticket .ot-emblem{
  flex:0 0 auto;display:flex;align-items:center;justify-content:center;padding:12px 10px;
  color:#8a621b;align-self:center
}
body:not(.crime-mode) #screen-game .offer-ticket .ot-emblem svg,
body:not(.crime-mode) #screen-game .offer-ticket .ot-emblem .ico{width:36px;height:36px;color:currentColor}

body:not(.crime-mode) #screen-game .offer-ticket .ot-perf{
  flex:0 0 auto;width:0;align-self:stretch;border-left:1px dashed #b99a58;margin:8px 0 8px 2px
}

body:not(.crime-mode) #screen-game .offer-ticket .ot-body{
  flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px;padding:10px 12px
}
body:not(.crime-mode) #screen-game .offer-ticket .ot-eyebrow{
  font:600 11px system-ui,sans-serif;text-transform:uppercase;letter-spacing:.04em;color:#234a3b
}
body:not(.crime-mode) #screen-game .offer-ticket .ot-badge{
  display:inline-block;font:700 11px system-ui,sans-serif;color:#3a2a10;background:#d2b571;
  border-radius:6px;padding:1px 6px;margin-left:4px
}
body:not(.crime-mode) #screen-game .offer-ticket .ot-title{
  font:600 20px/1.25 Georgia,serif;color:#8a621b;margin:0;overflow-wrap:anywhere
}
body:not(.crime-mode) #screen-game .offer-ticket .ot-copy{
  font:12px/1.35 system-ui,sans-serif;color:#234a3b;overflow-wrap:anywhere
}
body:not(.crime-mode) #screen-game .offer-ticket .ot-value{
  font:600 14px/1.4 system-ui,sans-serif;color:#3a2a10;overflow-wrap:anywhere;white-space:normal
}
body:not(.crime-mode) #screen-game .offer-ticket .ot-time{
  font:12px system-ui,sans-serif;color:#8a621b
}

body:not(.crime-mode) #screen-game .offer-ticket .ot-actions{
  flex:0 0 auto;display:flex;align-items:center;gap:6px;padding:10px;align-self:center
}
body:not(.crime-mode) #screen-game .offer-ticket .ot-view{
  min-height:44px;padding:0 14px;border:1px solid #8a621b;border-radius:8px;
  background:#d2b571;color:#3a2a10;font:600 13px system-ui,sans-serif;cursor:pointer
}
body:not(.crime-mode) #screen-game .offer-ticket .ot-view:hover{background:#c6a85f}
body:not(.crime-mode) #screen-game .offer-ticket .ot-dismiss{
  min-width:44px;min-height:44px;padding:0;display:inline-flex;align-items:center;justify-content:center;
  border:1px solid #d2b571;border-radius:8px;background:#fffdf4;color:#8a621b;font:600 16px system-ui;cursor:pointer
}
body:not(.crime-mode) #screen-game .offer-ticket button:focus-visible{
  outline:3px solid #8a621b;outline-offset:2px
}

@media(max-width:700px){
  body:not(.crime-mode) #screen-game .oc-overview-actions.oft-ticket-row{
    flex-direction:column;align-items:stretch
  }
  body:not(.crime-mode) #screen-game .oc-overview-actions.oft-ticket-row .oc-shortcut,
  body:not(.crime-mode) #screen-game .offer-ticket{max-width:none;margin-left:0;width:100%}
}
@media(max-width:420px){
  body:not(.crime-mode) #screen-game .offer-ticket{
    display:grid;grid-template-columns:auto 1fr;grid-template-areas:"em body" "act act";gap:0
  }
  body:not(.crime-mode) #screen-game .offer-ticket .ot-emblem{grid-area:em;padding:10px 8px 10px 10px}
  body:not(.crime-mode) #screen-game .offer-ticket .ot-emblem svg,
  body:not(.crime-mode) #screen-game .offer-ticket .ot-emblem .ico{width:32px;height:32px}
  body:not(.crime-mode) #screen-game .offer-ticket .ot-perf{display:none}
  body:not(.crime-mode) #screen-game .offer-ticket .ot-body{grid-area:body}
  body:not(.crime-mode) #screen-game .offer-ticket .ot-actions{grid-area:act;padding:0 10px 10px}
  body:not(.crime-mode) #screen-game .offer-ticket .ot-actions .ot-view{flex:1 1 auto}
}

/* ===================== MODAL DIALOG ===================== */
body:not(.crime-mode) #modal-box:has(> .offer-ticket-dialog){
  width:min(620px,calc(100vw - 24px)) !important;max-width:min(620px,calc(100vw - 24px)) !important;box-sizing:border-box;max-height:calc(100dvh - 32px);
  overflow-y:auto;padding:0 !important;border-radius:14px;background:#fff9ed;border:1px solid #d2b571
}
body:not(.crime-mode) #modal-box > .offer-ticket-dialog{
  background:#fffdf4;color:#3a2a10;font:14px/1.5 system-ui,-apple-system,Segoe UI,sans-serif;overflow-wrap:anywhere
}
body:not(.crime-mode) #modal-box > .offer-ticket-dialog .otd-head{
  display:flex;align-items:flex-start;justify-content:space-between;gap:10px;
  padding:14px 16px;border-bottom:1px dashed #d2b571;background:#fff9ed
}
body:not(.crime-mode) #modal-box > .offer-ticket-dialog .otd-kicker{
  font:600 11px system-ui,sans-serif;text-transform:uppercase;letter-spacing:.05em;color:#234a3b
}
body:not(.crime-mode) #modal-box > .offer-ticket-dialog .otd-title{
  font:600 24px/1.2 Georgia,serif;color:#8a621b;margin:0;overflow-wrap:anywhere
}
body:not(.crime-mode) #modal-box > .offer-ticket-dialog .otd-close{
  flex:0 0 auto;min-width:44px;min-height:44px;padding:0;display:inline-flex;align-items:center;justify-content:center;
  border:1px solid #d2b571;border-radius:8px;background:#fffdf4;color:#8a621b;font:600 18px system-ui;cursor:pointer
}
body:not(.crime-mode) #modal-box > .offer-ticket-dialog .otd-body{
  display:flex;flex-direction:column;gap:10px;padding:16px
}
body:not(.crime-mode) #modal-box > .offer-ticket-dialog .otd-summary{color:#234a3b;font-size:13px}
body:not(.crime-mode) #modal-box > .offer-ticket-dialog .otd-amount{
  font:30px/1.2 Georgia,serif;color:#3a2a10;overflow-wrap:anywhere
}
body:not(.crime-mode) #modal-box > .offer-ticket-dialog .otd-price{font-size:14px;color:#3a2a10}
body:not(.crime-mode) #modal-box > .offer-ticket-dialog .otd-price .otd-strike{color:#8a621b;text-decoration:line-through;margin-left:6px}
body:not(.crime-mode) #modal-box > .offer-ticket-dialog .otd-discount{
  display:inline-block;font:700 12px system-ui;background:#d2b571;color:#3a2a10;border-radius:6px;padding:1px 7px
}
body:not(.crime-mode) #modal-box > .offer-ticket-dialog .otd-timer,
body:not(.crime-mode) #modal-box > .offer-ticket-dialog .otd-rate,
body:not(.crime-mode) #modal-box > .offer-ticket-dialog .otd-balance{font-size:13px;color:#234a3b}
body:not(.crime-mode) #modal-box > .offer-ticket-dialog .otd-status{font-size:13px;font-weight:600;color:#234a3b}
body:not(.crime-mode) #modal-box > .offer-ticket-dialog .otd-stats{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
body:not(.crime-mode) #modal-box > .offer-ticket-dialog .otd-actions{display:flex;flex-wrap:wrap;gap:10px;padding:0 16px 16px}
body:not(.crime-mode) #modal-box > .offer-ticket-dialog .otd-actions button{min-height:44px}
body:not(.crime-mode) #modal-box > .offer-ticket-dialog .btn-success,
body:not(.crime-mode) #modal-box > .offer-ticket-dialog .otd-confirm{
  flex:1 1 auto;border:1px solid #8a621b !important;border-radius:9px !important;
  background:#d2b571 !important;color:#3a2a10 !important;font-weight:700 !important
}
body:not(.crime-mode) #modal-box > .offer-ticket-dialog .otd-dismiss{
  flex:0 0 auto;border:1px solid #b99a58 !important;border-radius:9px !important;
  background:#fffdf4 !important;color:#8a621b !important;font-weight:600 !important
}
body:not(.crime-mode) #modal-box > .offer-ticket-dialog button:focus-visible{
  outline:3px solid #8a621b;outline-offset:2px
}
body:not(.crime-mode) #modal-box > .offer-ticket-dialog.is-expired .otd-status{color:#8a621b}
body:not(.crime-mode) #modal-box > .offer-ticket-dialog.is-expired .otd-confirm{opacity:.55}

@media(max-width:520px){
  body:not(.crime-mode) #modal-box:has(> .offer-ticket-dialog){width:calc(100vw - 16px) !important}
  body:not(.crime-mode) #modal-box > .offer-ticket-dialog .otd-amount{font-size:26px}
  body:not(.crime-mode) #modal-box > .offer-ticket-dialog .otd-stats{grid-template-columns:1fr}
  body:not(.crime-mode) #modal-box > .offer-ticket-dialog .otd-actions{flex-direction:column}
  body:not(.crime-mode) #modal-box > .offer-ticket-dialog .otd-actions .otd-confirm,
  body:not(.crime-mode) #modal-box > .offer-ticket-dialog .otd-actions .otd-dismiss{width:100%}
}
@media(prefers-reduced-motion:reduce){
  body:not(.crime-mode) #screen-game .offer-ticket *,
  body:not(.crime-mode) #modal-box > .offer-ticket-dialog *{transition:none !important;animation:none !important}
}

body:not(.crime-mode) #screen-game .ov-notice-actions.oft-has-offer{display:block}
body:not(.crime-mode) #screen-game .ov-notice-actions.oft-has-offer > .ov-season{margin-bottom:8px}
body:not(.crime-mode) #screen-game .offer-ticket *{box-sizing:border-box}
body:not(.crime-mode) #screen-game .offer-ticket .ot-eyebrow{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
body:not(.crime-mode) #screen-game .offer-ticket .ot-badge{margin:0}
body:not(.crime-mode) #modal-box .offer-ticket-dialog *{box-sizing:border-box}
body:not(.crime-mode) #modal-box .offer-ticket-dialog .otd-heading{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
body:not(.crime-mode) #modal-box .offer-ticket-dialog .otd-close-slot{flex:0 0 auto}
body:not(.crime-mode) #modal-box .offer-ticket-dialog .otd-quote{min-width:0;padding:12px;background:#fff7e2;border:1px solid #e0cda0;border-radius:10px}
body:not(.crime-mode) #modal-box .offer-ticket-dialog .otd-label{display:block;font-size:12px;color:#766441;margin-bottom:6px}
body:not(.crime-mode) #modal-box .offer-ticket-dialog .otd-price{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
body:not(.crime-mode) #modal-box .offer-ticket-dialog .otd-price .ico{width:20px;height:20px;color:#927038}
body:not(.crime-mode) #modal-box .offer-ticket-dialog .otd-price strong{font-size:22px;color:#4d391c}
body:not(.crime-mode) #modal-box .offer-ticket-dialog .otd-amount{font-weight:700;color:#28513d;margin-top:4px}
body:not(.crime-mode) #modal-box .offer-ticket-dialog .otd-balance{padding-top:8px;border-top:1px solid #e3d8bb}
body:not(.crime-mode) #modal-box .offer-ticket-dialog .otd-status:empty{display:none}
body:not(.crime-mode) #modal-box .offer-ticket-dialog .otd-confirm,
body:not(.crime-mode) #modal-box .offer-ticket-dialog .otd-dismiss{min-width:0;max-width:100%;padding:10px 16px;white-space:normal;overflow-wrap:anywhere}
body:not(.crime-mode) #modal-box .offer-ticket-dialog .otd-confirm .ico{width:16px;height:16px;color:currentColor;vertical-align:middle}
body:not(.crime-mode) #screen-game .offer-ticket{mask-image:radial-gradient(circle at 0 50%,transparent 0 6px,#000 7px),radial-gradient(circle at 100% 50%,transparent 0 6px,#000 7px);mask-composite:intersect}
body:not(.crime-mode) #screen-game .offer-ticket::before,
body:not(.crime-mode) #screen-game .offer-ticket::after{display:none}
body:not(.crime-mode) #screen-game .offer-ticket .ico [fill]:not([fill="none"]),
body:not(.crime-mode) #modal-box .offer-ticket-dialog .ico [fill]:not([fill="none"]){fill:#d2b571;fill-opacity:.22}
body:not(.crime-mode) #modal-box .offer-ticket-dialog .otd-actions{flex-wrap:nowrap;align-items:stretch}
body:not(.crime-mode) #modal-box .offer-ticket-dialog .otd-actions > button{width:auto !important;margin:0 !important;display:inline-flex;align-items:center;justify-content:center;gap:6px}
body:not(.crime-mode) #modal-box .offer-ticket-dialog .otd-actions > .otd-confirm{flex:2 1 0}
body:not(.crime-mode) #modal-box .offer-ticket-dialog .otd-actions > .otd-dismiss{flex:1 1 0}
@media(max-width:520px){body:not(.crime-mode) #modal-box .offer-ticket-dialog .otd-actions > button{width:100% !important;flex:0 0 auto}}
body:not(.crime-mode) #modal-overlay #modal-box > .offer-ticket-dialog .otd-title{font:600 24px/1.2 Georgia,serif !important;color:#8a621b !important;margin:0 !important}
body:not(.crime-mode) #modal-overlay #modal-box > .offer-ticket-dialog .otd-confirm{background:linear-gradient(#ead49c,#c7a55f) !important;color:#3a2a10 !important;border:1px solid #a78339 !important;box-shadow:inset 0 1px 0 #fff7df !important}
body:not(.crime-mode) #modal-overlay #modal-box > .offer-ticket-dialog .otd-dismiss{background:#fffdf4 !important;color:#8a621b !important;border:1px solid #b99a58 !important;box-shadow:none !important}
body:not(.crime-mode) #modal-overlay #modal-box:has(> .offer-ticket-dialog)::before{background:linear-gradient(90deg,#a17a35,#e1ce91,#a17a35) !important}