html dialog#pitmapKeyringPromo{position:fixed;inset:auto;left:50%;top:50%;transform:translate(-50%,-50%);box-sizing:border-box;width:min(360px,calc(100vw - 32px));height:auto;min-height:0;max-height:calc(100vh - 32px);max-height:calc(100dvh - max(16px,env(safe-area-inset-top)) - max(16px,env(safe-area-inset-bottom)));margin:0;padding:0;border:1px solid #38506b;border-radius:16px;background:#071426;color:#fff;overflow:auto}
#pitmapKeyringPromo[open]{display:flex;flex-direction:column;align-items:stretch;gap:0}
#pitmapKeyringPromo::backdrop{background:#0009}
#pitmapKeyringPromo .kr-promo-art{display:flex;align-items:center;justify-content:center;min-height:0;padding:0;flex:none;background:#071426}
#pitmapKeyringPromo .kr-promo-art img{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 152px);max-height:calc(100dvh - 152px - env(safe-area-inset-top) - env(safe-area-inset-bottom));object-fit:contain}
#pitmapKeyringPromo .kr-promo-actions{flex:none;padding:8px 10px 4px}
#pitmapKeyringPromo .kr-promo-order{display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:44px;padding:8px 12px;border-radius:9px;background:#247cff;color:#fff;text-decoration:none;font:700 16px/1.4 system-ui,-apple-system,sans-serif}
#pitmapKeyringPromo .kr-promo-dismiss{display:flex;justify-content:space-between;gap:8px}
#pitmapKeyringPromo .kr-promo-dismiss button{flex:none;min-width:44px;min-height:44px;margin:0;padding:8px;border:0;border-radius:6px;background:transparent;color:#c4d1e0;font:14px/1.4 system-ui,-apple-system,sans-serif;cursor:pointer}
#pitmapKeyringPromo a:focus-visible,#pitmapKeyringPromo button:focus-visible{outline:3px solid #93c5fd;outline-offset:-3px}