/* 29 Oct 2026 (branding chat): one-week J-coin promo card + "NEW" sticker on the hub tile. Display only.
   Main DNA (D-042): chunky ink border, yellow button, Joki mascot. Loaded before tm-base.css. Undo = remove the tags. */
.jcp{position:fixed;z-index:140;left:12px;right:12px;bottom:calc(16px + env(safe-area-inset-bottom,0px));
 display:grid;grid-template-columns:58px 1fr;gap:12px;align-items:start;padding:14px 14px 14px 12px;
 background:var(--tb-card,#fff);color:var(--tb-fg,#15192B);border:2.5px solid #15192B;border-bottom-width:6px;border-radius:18px;
 font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
 opacity:0;transform:translateY(16px);transition:opacity .22s ease,transform .22s ease}
.jcp.jcp-in{opacity:1;transform:none}
html.f2-on .jcp{bottom:calc(84px + env(safe-area-inset-bottom,0px))}
.jcp-j{width:58px;height:58px;border-radius:14px;background:var(--tb-yel,#FFD000);border:2px solid #15192B;display:flex;align-items:center;justify-content:center;overflow:hidden}
.jcp-j svg{width:52px;height:52px;display:block}
.jcp-b{min-width:0;padding-right:30px}
.jcp-h{margin:2px 0 4px;font:italic 900 18px/1.15 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;text-transform:uppercase;letter-spacing:-.3px}
.jcp-t{margin:0 0 12px;font-size:15px;line-height:1.45;color:var(--tb-fg,#15192B)}
.jcp-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.jcp-go{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;background:var(--tb-yel,#FFD000);color:#15192B;border:2.5px solid #15192B;border-bottom-width:5px;border-radius:14px;font-weight:900;font-size:16px;text-decoration:none}
.jcp-go:active{transform:translateY(2px);border-bottom-width:3px}
.jcp-later{min-height:44px;padding:0 10px;background:transparent;border:0;color:var(--tb-mute,#565E78);font:700 15px/1 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.jcp-x{position:absolute;top:4px;right:4px;width:44px;height:44px;border:0;background:transparent;color:var(--tb-fg,#15192B);font:400 28px/1 system-ui,sans-serif;cursor:pointer;border-radius:12px}
.jcp-go:focus-visible,.jcp-later:focus-visible,.jcp-x:focus-visible{outline:3px solid var(--tb-cob,#2340FF);outline-offset:2px}
html[data-theme="dark"] .jcp{border-color:#05060B;box-shadow:0 0 0 1.5px rgba(244,241,234,.18)}
@media (min-width:761px){.jcp{left:auto;right:20px;bottom:20px;width:380px}}
@media (prefers-reduced-motion:reduce){.jcp{transition:none;transform:none}}
/* hub tile sticker (html.jcp-wk set by jcoin-promo.js during the promo week) */
html.jcp-wk .jr-tile[data-k="jc"]{position:relative}
html.jcp-wk .jr-tile[data-k="jc"]::after{content:"NEW";position:absolute;top:8px;right:8px;padding:3px 8px;background:#FFD000;color:#15192B;border:2px solid #15192B;border-radius:8px;font:900 12px/1.2 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;transform:rotate(4deg);pointer-events:none}
html.jcp-wk.jcp-bm .jr-tile[data-k="jc"]::after{content:"BARU"}